:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4ead8;font-synthesis:none;--ink:#0b1118;--navy:#101923;--panel:#141e28e0;--panel-line:#ead9b521;--paper:#ead9b5;--paper-deep:#caaa78;--red:#c64a3a;--red-dark:#8e2d28;--jade:#6f9e89;--muted:#a9a89f;--shadow:0 24px 80px #00000052;background:#0b1118;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--ink);min-width:320px}body{min-height:100vh;background:radial-gradient(circle at 12% 8%,#66917f24,#0000 28rem),radial-gradient(circle at 88% 18%,#ac3a311c,#0000 30rem),linear-gradient(145deg,#0b1118 0%,#111b25 55%,#0a1017 100%);min-height:100dvh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ead9b5b8}.site-header{border-bottom:1px solid var(--panel-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080e149e;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(18px,3.4vw,58px);display:flex}.brand{color:inherit;align-items:center;gap:13px;text-decoration:none;display:flex}.brand-mark{width:47px;height:47px;color:var(--paper);background:linear-gradient(145deg,#a83a31,#702522);border:1px solid #ead9b56b;border-radius:50%;place-items:center;font-family:Noto Serif TC,PMingLiU,serif;font-size:25px;font-weight:900;display:grid;box-shadow:inset 0 0 0 4px #080e143d,0 8px 20px #00000040}.brand strong{letter-spacing:.12em;font-family:Noto Serif TC,PMingLiU,serif;font-size:21px;display:block}.brand small{color:var(--muted);letter-spacing:.08em;font-size:11px}.profile-summary{grid-template-columns:auto auto auto;align-items:baseline;gap:7px;display:grid}.profile-summary span{color:var(--paper);margin-right:6px;font-size:13px}.profile-summary strong{font-family:ui-monospace,monospace;font-size:21px}.profile-summary small{color:var(--muted);font-size:11px}.game-layout{grid-template-columns:minmax(218px,270px) minmax(470px,670px) minmax(248px,315px);align-items:start;gap:clamp(18px,2vw,30px);width:min(1540px,100% - 42px);margin:24px auto 18px;display:grid}.panel{border:1px solid var(--panel-line);box-shadow:var(--shadow);background:linear-gradient(160deg,#18232eeb,#0e1720e0);border-radius:19px}.opponents-panel{padding:23px 17px 18px}.info-panel{gap:14px;padding:17px;display:grid}.panel-heading{padding:0 6px 16px}.panel-heading.compact{padding:0 0 12px}.eyebrow{color:#9eb8aa;letter-spacing:.22em;margin:0 0 5px;font-size:9px;font-weight:800}.panel-heading h2,.info-panel h2,.dialog-card h2{margin:0;font-family:Noto Serif TC,PMingLiU,serif;font-size:21px}.opponent-list{scrollbar-width:thin;gap:9px;max-height:min(680px,100dvh - 245px);padding-right:3px;display:grid;overflow-y:auto}.opponent-card{text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:13px;grid-template-columns:48px 1fr 18px;align-items:center;gap:10px;width:100%;min-height:76px;padding:10px;transition:all .2s;display:grid}.opponent-card:hover{background:#ffffff0e;transform:translate(3px)}.opponent-card.active{background:linear-gradient(110deg,#ac3e3333,#ead9b50f);border-color:#d25b4980}.opponent-avatar,.brief-avatar{color:#543a24;background:radial-gradient(circle at 36% 30%,#e8d6af,#b89461);border-radius:50%;flex:none;place-items:center;font-family:Noto Serif TC,PMingLiU,serif;font-weight:900;display:grid;box-shadow:inset 0 0 0 3px #442b1b2e}.opponent-avatar{width:46px;height:46px;font-size:20px}.opponent-copy{min-width:0;display:grid}.opponent-copy small{color:#cc7669;letter-spacing:.1em;font-size:10px;font-weight:800}.opponent-copy strong{white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:14px;overflow:hidden}.opponent-copy em{color:var(--muted);font-size:10px;font-style:normal}.select-mark{color:var(--muted);font-size:15px}.opponent-card.active .select-mark{color:#df8b7e}.level-note{color:#7f8586;margin:14px 6px 0;font-size:10px;line-height:1.6}.board-column{min-width:0}.match-ribbon{border:1px solid var(--panel-line);background:#0f1821cc;border-radius:13px;justify-content:space-between;align-items:center;min-height:46px;margin-bottom:10px;padding:0 16px;font-size:13px;display:flex}.match-ribbon>div{align-items:center;gap:9px;display:flex}.match-ribbon>span{color:#e08778;letter-spacing:.12em;font-weight:900}.board-toolbar{color:#aead9f;border:1px solid var(--panel-line);background:#0f18219e;border-radius:12px;align-items:center;gap:10px;min-height:42px;margin:-2px 2px 9px;padding:5px 8px 5px 12px;font-size:11px;display:flex}.board-toolbar>span{color:#d1c4ab;font-weight:800}.board-toolbar small{color:#777f80;margin-left:auto}.board-style-switch{background:#0003;border-radius:9px;gap:3px;padding:3px;display:flex}.board-style-switch button{color:#999c98;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:27px;padding:4px 10px;font-size:10px;font-weight:800}.board-style-switch button.active{color:#2c2118;background:#d4b984;box-shadow:0 3px 9px #0000003d}.turn-dot{background:#b63d32;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #b63d321f}.turn-dot.black{background:#b4aa91;box-shadow:0 0 0 5px #b4aa911f}.turn-dot.thinking{background:var(--jade);animation:1s infinite alternate breathe;box-shadow:0 0 0 5px #6f9e891f}.turn-dot.ended{box-shadow:none;background:#747b7e}@keyframes breathe{to{opacity:.45;transform:scale(.75)}}.board-frame{isolation:isolate;background:linear-gradient(145deg,#533829,#8a6141 44%,#442e23);border-radius:22px;padding:clamp(9px,1.4vw,15px);position:relative;box-shadow:0 30px 75px #0000006b,inset 0 0 0 1px #ffffff1f,inset 0 0 24px #0006}.board-frame:after{content:"";z-index:-1;opacity:0;background:#2b211d;border-radius:0 0 22px 22px;height:26px;transition:opacity .25s;position:absolute;bottom:-10px;left:5%;right:5%;box-shadow:0 15px 25px #0000006b}.board-surface{aspect-ratio:9/10;transform-origin:50% 100%;background:linear-gradient(#6f472714,#6f472714),repeating-linear-gradient(4deg,#633f250e 0 1px,#0000 1px 9px),#dfbf87;border-radius:10px;width:100%;transition:transform .3s,box-shadow .3s,background .3s;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #57341e47}.board-frame[data-board-style="2d"]{background:linear-gradient(145deg,#533829,#8a6141 44%,#442e23)}.board-frame[data-board-style="2d"] .board-surface{transform:none}.board-frame[data-board-style="3d"]{perspective:1180px;background:linear-gradient(155deg,#181b1d 0%,#4b443b 23%,#17191b 72%,#080a0b 100%);margin-top:2px;padding:clamp(12px,1.8vw,19px);box-shadow:0 38px 85px #0000008f,inset 0 0 0 2px #e9d8b51c,inset 0 -18px 28px #0000008c}.board-frame[data-board-style="3d"]:after{opacity:1}.board-frame[data-board-style="3d"] .board-lines{color:#493528;filter:drop-shadow(0 1px #ffffff29)}.board-lines{color:#6b432b;width:100%;height:100%;position:absolute;inset:0}.board-lines g{stroke:currentColor;stroke-width:2.2px;fill:none}.board-lines text{fill:#69402a;text-anchor:middle;letter-spacing:.3em;font-family:Noto Serif TC,PMingLiU,serif;font-size:37px;font-weight:700}.board-cells{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(9,1fr);display:grid;position:absolute;inset:0}.board-cell{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;min-width:0;padding:0;display:grid;position:relative}.board-cell:after{content:"";border-radius:50%;transition:all .15s;position:absolute;inset:12%}.board-cell:hover:after{background:#6a402717}.board-cell.last-move:after{box-shadow:inset 0 0 0 3px #804f2c66}.piece{z-index:2;aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;cursor:grab;background:radial-gradient(circle at 38% 30%,#f4e3bf 0,#ddbd82 62%,#ba915e 100%);border:clamp(1px,.32vw,3px) solid;border-radius:50%;place-items:center;width:78%;font-family:Noto Serif TC,PMingLiU,serif;font-size:clamp(19px,3.2vw,37px);font-weight:900;transition:transform .14s,box-shadow .14s;display:grid;position:relative;box-shadow:inset 0 0 0 clamp(2px,.4vw,4px) #ffffff3d,0 5px 10px #43281757}.piece.red{color:#a42e29}.piece.black{color:#22332f}.board-cell:hover .piece{transform:translateY(-2px);box-shadow:inset 0 0 0 3px #ffffff38,0 8px 14px #43281761}.board-cell.selected .piece{transform:translateY(-3px)scale(1.06);box-shadow:0 0 0 5px #c445363d,0 10px 18px #43281773}.board-cell.move-target .hint{z-index:3;aspect-ratio:1;background:#7034249e;border-radius:50%;width:18%;position:relative;box-shadow:0 0 0 7px #7034241f}.board-cell.capture-target:before{content:"";z-index:4;aspect-ratio:1;border:4px dashed #a63229a3;border-radius:50%;width:74%;position:absolute}.board-cell.drag-over:after{background:#973e2b3d;box-shadow:inset 0 0 0 4px #973e2ba6}.board-frame[data-board-style="3d"] .piece{background:radial-gradient(circle at 34% 23%,#fff0cf 0 8%,#e7c992 34%,#b88b57 70%,#765036 100%);border-width:clamp(2px,.38vw,4px);transform:translateY(-3px)rotateX(-5deg);box-shadow:inset 0 0 0 clamp(2px,.42vw,5px) #ffffff38,inset -7px -9px 12px #472b1b40,0 4px #68462f,0 7px #4c3326,0 13px 15px #0000007a}.board-frame[data-board-style="3d"] .piece.black{color:#d8d0bc;text-shadow:0 1px #0b0d0c;background:radial-gradient(circle at 34% 23%,#74756f 0 7%,#424642 35%,#222725 72%,#111413 100%);border-color:#272b29;box-shadow:inset 0 0 0 3px #ffffff14,inset -7px -9px 12px #00000059,0 4px #111513,0 7px #080a09,0 13px 15px #0000008c}.board-frame[data-board-style="3d"] .board-cell:hover .piece{transform:translateY(-7px)rotateX(-5deg)scale(1.02)}.board-frame[data-board-style="3d"] .board-cell.selected .piece{transform:translateY(-9px)rotateX(-5deg)scale(1.07)}.dragging-piece,.dragging-piece *{cursor:grabbing!important}.drag-ghost{pointer-events:none;opacity:.94;z-index:1000!important;width:clamp(44px,5vw,66px)!important;position:fixed!important;transform:translate(-50%,-58%)scale(1.08)!important;box-shadow:inset 0 0 0 3px #ffffff3d,0 18px 30px #00000080!important}.primary-controls{z-index:20;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px;display:grid;position:relative}.control-btn{border:1px solid var(--panel-line);cursor:pointer;background:#18232ef0;border-radius:12px;min-height:45px;font-size:13px;font-weight:700;transition:all .18s}.control-btn span{color:#bca77f;margin-right:5px}.control-btn:hover:not(:disabled){border-color:#ead9b54d;transform:translateY(-2px)}.control-btn.primary{background:#9b382f;border-color:#bd574a}.control-btn.primary span{color:#fff}.control-btn.danger{color:#dca299}.control-btn:disabled{opacity:.4;cursor:not-allowed}.opponent-brief{border-bottom:1px solid var(--panel-line);gap:13px;padding:14px 10px 17px;display:flex}.brief-avatar{width:58px;height:58px;font-size:24px}.opponent-brief>div:last-child{min-width:0}.opponent-brief h2{font-size:19px}.opponent-brief p:not(.eyebrow){color:#b9bab5;margin:8px 0;font-size:12px;line-height:1.65}.opponent-brief span{color:#d48879;font-size:10px}.stats-card{border-bottom:1px solid var(--panel-line);padding:8px 10px 14px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.stats-grid div{background:#ffffff09;border-radius:10px;place-items:center;padding:10px 4px;display:grid}.stats-grid strong{font-family:ui-monospace,monospace;font-size:19px}.stats-grid span{color:var(--muted);font-size:10px}.master-badge{opacity:.42;filter:grayscale();border:1px dashed #ead9b529;border-radius:10px;align-items:center;gap:10px;margin-top:11px;padding:9px;display:flex}.master-badge.earned{opacity:1;filter:none;background:#9d6b361f;border-style:solid}.master-badge>span{color:#7c2b25;background:var(--paper);border-radius:50%;place-items:center;width:34px;height:34px;font-family:serif;font-size:21px;font-weight:900;display:grid}.master-badge p{margin:0;display:grid}.master-badge strong{font-size:12px}.master-badge small{color:var(--muted);font-size:9px}.history-card{min-height:165px;padding:4px 8px}.history-heading{justify-content:space-between;align-items:center;display:flex}.history-heading h2{font-size:16px}.history-heading span{color:var(--muted);font-size:10px}.move-history{scrollbar-width:thin;max-height:205px;margin:10px 0 0;padding:0;list-style:none;overflow:auto}.move-history li{color:#cbc6b9;border-bottom:1px solid #ffffff0b;grid-template-columns:28px 1fr;padding:6px 4px;font-size:11px;display:grid}.move-history li span{color:#757b7b;font-family:ui-monospace,monospace}.move-history .empty-history{text-align:center;color:#717777;border:0;padding:26px 0;display:block}.text-button{color:#b7b3a9;cursor:pointer;background:0 0;border:0;justify-content:space-between;padding:8px 4px 3px;font-size:11px;display:flex}.text-button:hover{color:var(--paper)}footer{color:#747b7d;justify-content:space-between;width:min(1540px,100% - 42px);margin:0 auto;padding:14px 0 25px;font-size:10px;display:flex}.app-dialog{width:min(620px,100% - 28px);max-height:calc(100dvh - 28px);color:inherit;background:#111b25;border:1px solid #ead9b52e;border-radius:20px;padding:0;box-shadow:0 35px 100px #0009}.app-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05090dbd}.dialog-card{padding:clamp(22px,5vw,38px);position:relative}.dialog-card h2{margin-bottom:20px;font-size:27px}.dialog-close{cursor:pointer;background:#ffffff0f;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:15px;right:16px}.save-create{grid-template-columns:1fr auto;gap:8px;display:grid}.save-create input{color:#f4ead8;background:#0003;border:1px solid #ead9b52e;border-radius:10px;min-width:0;padding:12px 13px}.save-create button,.file-actions button,.wide-button{cursor:pointer;background:#91342d;border:1px solid #ead9b533;border-radius:10px;padding:11px 14px}.file-actions{gap:8px;margin:9px 0 17px;display:flex}.file-actions button{background:#ffffff0d;flex:1}.save-list{gap:7px;max-height:290px;display:grid;overflow:auto}.save-item{background:#ffffff0a;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.save-item>div:first-child{min-width:0;display:grid}.save-item strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.save-item span{color:var(--muted);margin-top:3px;font-size:9px}.save-item>div:last-child{gap:5px;display:flex}.save-item button{cursor:pointer;background:#6f9e892e;border:0;border-radius:8px;padding:7px 10px;font-size:11px}.save-item button.delete{color:#d48a7e;background:#c64a3a1a;width:30px;padding:0;font-size:18px}.empty-saves{text-align:center;color:#7d8384;padding:30px;font-size:12px}.dialog-note{color:#777f80;margin:15px 0 0;font-size:10px}.rules-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rules-grid section{background:#ffffff09;border-radius:12px;padding:14px}.rules-grid h3{color:#d3bea0;margin:0 0 6px;font-size:13px}.rules-grid p{color:#b5b7b3;margin:0;font-size:11px;line-height:1.7}.wide-button{width:100%;margin-top:16px}.toast{z-index:50;opacity:0;pointer-events:none;background:#202f3b;border:1px solid #ead9b52e;border-radius:999px;max-width:calc(100% - 32px);padding:11px 17px;font-size:12px;transition:all .22s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,14px);box-shadow:0 15px 45px #00000073}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:1120px){.game-layout{grid-template-columns:minmax(200px,245px) minmax(470px,1fr)}.info-panel{grid-column:1/-1;grid-template-columns:1.1fr .8fr 1fr;align-items:stretch}.opponent-brief,.stats-card{border-bottom:0;border-right:1px solid var(--panel-line)}.history-card{min-height:0}}@media (max-width:780px){.site-header{height:68px;padding:0 14px}.brand-mark{width:40px;height:40px;font-size:21px}.brand strong{font-size:17px}.brand small,.profile-summary span{display:none}.game-layout{flex-direction:column;gap:12px;width:min(100% - 20px,620px);margin-top:12px;display:flex}.opponents-panel{order:0;width:100%;padding:13px 10px 10px}.opponents-panel .panel-heading{padding:0 4px 9px}.opponents-panel .panel-heading h2{font-size:16px}.opponent-list{scroll-snap-type:x mandatory;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.opponent-card{scroll-snap-align:start;grid-template-columns:39px 1fr 14px;min-width:174px;min-height:63px}.opponent-avatar{width:38px;height:38px;font-size:17px}.opponent-copy em,.level-note{display:none}.board-column{order:1;width:100%}.match-ribbon{min-height:41px;margin-bottom:7px}.board-toolbar{margin-bottom:7px}.board-toolbar small{display:none}.board-frame{border-radius:15px;padding:7px}.board-frame[data-board-style="3d"]{padding:10px}.piece{font-size:clamp(19px,7vw,34px)}.primary-controls{gap:6px;margin-top:8px}.control-btn{min-height:43px;font-size:12px}.info-panel{order:2;grid-template-columns:1fr;width:100%;display:grid}.opponent-brief,.stats-card{border-right:0;border-bottom:1px solid var(--panel-line)}.history-card{display:none}footer{flex-direction:column;gap:4px;width:calc(100% - 24px);padding-top:4px}.rules-grid{grid-template-columns:1fr}}@media (max-width:430px){.game-layout{width:calc(100% - 12px)}.board-frame{padding:5px}.match-ribbon{margin-inline:3px}.board-toolbar{justify-content:space-between;padding-left:8px}.board-style-switch button{padding-inline:8px}.control-btn span{display:none}.info-panel{padding:12px}.save-create{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.mode-bar{border:1px solid var(--panel-line);background:#0f1821b8;border-radius:13px;align-items:center;gap:10px;margin:-2px 2px 9px;padding:6px 8px;display:flex}.mode-switch{grid-template-columns:1fr 1fr;gap:5px;display:grid}.mode-switch button{text-align:left;color:#9ea29e;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:9px;gap:2px;min-width:126px;padding:7px 10px;display:grid}.mode-switch button strong{font-size:11px}.mode-switch button small{color:#777f80;font-size:8px}.mode-switch button.active{color:#2c2118;background:#d4b984;border-color:#e0c793;box-shadow:0 4px 13px #0000003d}.mode-switch button.active small{color:#66533e}.mode-bar>span{color:#8e9694;text-align:right;margin-left:auto;font-size:9px}.opponent-card.locked{opacity:.42;cursor:not-allowed;filter:saturate(.45)}.opponent-card.locked:hover{background:#ffffff06;transform:none}.opponent-brief em{color:#9da6a2;margin-top:6px;font-size:9px;font-style:normal;display:block}.board-lines .position-marks{stroke-width:2.8px}.piece:before{content:"";opacity:.72;pointer-events:none;border:1.5px solid;border-radius:50%;position:absolute;inset:10%}.board-event{z-index:12;aspect-ratio:1;color:#9d3028;pointer-events:none;opacity:0;background:#efdaaff0;border:3px double;border-radius:50%;place-items:center;min-width:82px;font-family:Noto Serif TC,PMingLiU,serif;font-size:31px;font-weight:900;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-44%)scale(.7)rotate(-8deg);box-shadow:0 14px 34px #2a1a1161}.board-event.show{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-5deg)}.board-event.check{aspect-ratio:auto;border-radius:8px;min-width:108px;padding:11px 17px;font-size:24px;animation:1s ease-in-out 2 sealPulse}.board-event.loss{color:#253832}.board-event.draw{color:#6a5437}@keyframes sealPulse{50%{transform:translate(-50%,-50%)scale(1.08)rotate(-3deg)}}.board-frame[data-board-style="3d"]{perspective:1050px;background:linear-gradient(110deg,#ffffff0f,#0000 18% 82%,#00000024),repeating-linear-gradient(4deg,#ffffff06 0 1px,#0000 1px 10px),linear-gradient(150deg,#3b2419,#765039 48%,#2a1a14);margin:8px 3px 2px;padding:clamp(14px,2vw,22px);box-shadow:0 42px 90px #00000094,inset 0 0 0 2px #ebca9121,inset 0 -22px 32px #140a0675}.board-frame[data-board-style="3d"]:before{content:"";z-index:-2;background:linear-gradient(145deg,#2a1912,#533523 52%,#20130f);border-radius:28px;position:absolute;inset:9% -4% -8%;box-shadow:0 28px 42px #00000075}.board-frame[data-board-style="3d"]:after{background:#25150f}.board-frame[data-board-style="3d"] .board-surface{background:linear-gradient(#74482314,#74482314),repeating-linear-gradient(3deg,#693f1e11 0 1px,#0000 1px 8px),#d8b679;overflow:visible;transform:rotateX(13deg)scale(.97);box-shadow:inset 0 0 38px #3e231252,0 18px #8c5e3d,0 27px 35px #0000006b}.board-frame[data-board-style="3d"] .piece,.board-frame[data-board-style="3d"] .piece.black{color:#263831;text-shadow:none;background:radial-gradient(circle at 34% 23%,#fff0ca 0 8%,#e6c586 35%,#b7834f 72%,#70482f 100%);border-color:currentColor;box-shadow:inset 0 0 0 clamp(2px,.42vw,5px) #fff3,inset -7px -9px 12px #472b1b40,0 4px #74492f,0 8px #4c2e20,0 14px 16px #00000080}.board-frame[data-board-style="3d"] .piece.red{color:#9f2c26}.result-dialog{width:min(560px,100% - 28px)}.result-card{text-align:center;overflow:hidden}.result-card:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 0,#c9974e2b,#0000 46%);position:absolute;inset:0}.result-seal{color:#a4332b;background:#e7cf9e;border:4px double;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 15px;font-family:Noto Serif TC,serif;font-size:38px;font-weight:900;display:grid;transform:rotate(-6deg);box-shadow:0 12px 30px #00000057}.result-seal.loss{color:#243731}.result-seal.draw{color:#70583b}.result-card h2{margin-bottom:7px}.result-reason{color:#aeb2ad;margin:0 0 18px;font-size:12px}.result-facts{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.result-facts span{background:#ffffff0a;border-radius:10px;gap:3px;padding:10px 5px;display:grid}.result-facts small{color:#7f8786;font-size:9px}.result-facts strong{color:#dfd2ba;font-size:12px}.result-reward{color:#d8bb82;background:#af763517;border:1px solid #dabb802e;border-radius:10px;margin:14px 0;padding:10px;font-size:11px}.result-actions{grid-template-columns:1.1fr .9fr;gap:8px;display:grid}.result-actions .wide-button{margin:0}.secondary-action{color:#d2ccbf;cursor:pointer;background:#ffffff0d;border:1px solid #ead9b533;border-radius:10px;padding:11px 14px}.confirm-message{color:#b3b8b4;margin:-7px 0 22px;font-size:12px;line-height:1.7}.confirm-actions{grid-template-columns:.8fr 1.2fr;gap:8px;display:grid}.confirm-actions .wide-button{margin:0}@media (max-width:780px){.mode-bar{flex-direction:column;align-items:stretch;gap:6px}.mode-switch{width:100%}.mode-switch button{min-width:0}.mode-bar>span{text-align:left;margin-left:0;padding-inline:3px}.board-frame[data-board-style="3d"]{margin-inline:6px;padding:11px}.board-frame[data-board-style="3d"]:before{left:-2%;right:-2%}.board-frame[data-board-style="3d"] .board-surface{transform:rotateX(9deg)scale(.98)}.board-event:not(.check){min-width:66px;font-size:25px}.history-card{min-height:0;padding:8px 10px;display:block}.move-history{max-height:112px}.move-history li:nth-last-child(n+9){display:none}.result-facts{grid-template-columns:1fr 1fr}}@font-face{font-family:Noto Serif TC;font-style:normal;font-display:swap;font-weight:900;src:url(/game/noto-serif-tc-chinese-traditional-900-normal-D56GMwqp.woff2)format("woff2"),url(/game/noto-serif-tc-chinese-traditional-900-normal-DdlQVLMo.woff)format("woff")}