:root{--navy:#0b1730;--navy-2:#12213f;--navy-3:#1a2d54;--line:#2a3f6b;--gold:#d9b45b;--gold-soft:#e9cf8f;--turq:#3fb3a9;--turq-deep:#2a8f88;--cream:#f2e7cd;--ink:#efe6d2;--dim:#9eadc8;--danger:#d8664f;--ok:#6fd1a6;--sq-l:#f1e6cb;--sq-d:#5dbab0;--radius:14px;--radius-btn:10px;--radius-dialog:18px;--radius-board:6px;--hit:44px;--shadow:0 12px 32px #00000073;--verdict-inaccuracy:#e2c46b;--verdict-mistake:#f0a06b;--verdict-blunder:#ff7b66;--ease-move:cubic-bezier(.3, .7, .3, 1);--ease-in:cubic-bezier(.2, .8, .2, 1);--t-move:.17s;--t-fade:.18s;--t-promo:.5s;--t-toast:.35s;--t-medal:.5s;--t-dots:.12s;--t-lift:.12s;--t-list:.15s;--serif:"Cormorant Garamond", "Georgia", "Times New Roman", serif;--sans:"Onest", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text:"Lora", "Georgia", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font:15px/1.5 var(--sans);color:var(--ink);background-color:var(--navy);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23d9b45b' stroke-opacity='.07' stroke-width='1.2'%3E%3Cpath d='M48 8 L59.7 36.3 L88 48 L59.7 59.7 L48 88 L36.3 59.7 L8 48 L36.3 36.3 Z'/%3E%3Cpath d='M19.7 19.7 L48 31.4 L76.3 19.7 L64.6 48 L76.3 76.3 L48 64.6 L19.7 76.3 L31.4 48 Z'/%3E%3Cpath d='M0 0 L8 0 M88 0 L96 0 M0 96 L8 96 M88 96 L96 96 M0 0 L0 8 M96 0 L96 8 M0 88 L0 96 M96 88 L96 96'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;margin:0}h1,h2,h3{font-family:var(--serif);text-wrap:balance;margin:0;font-weight:600;line-height:1.15}p{text-wrap:pretty;margin:0 0 .7em}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--gold-soft)}.dim{color:var(--dim)}[hidden]{display:none!important}.topnav{z-index:20;padding:10px max(16px, env(safe-area-inset-left)) 10px max(16px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0b1730e0;align-items:center;gap:18px;display:flex;position:sticky;top:0}.brand{font:600 22px/1 var(--serif);color:var(--gold-soft);white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:flex}.brand-mark{color:var(--turq);font-size:20px}.topnav nav{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.topnav nav a{color:var(--dim);white-space:nowrap;border-radius:8px;padding:6px 10px;text-decoration:none;transition:color .15s,background .15s}.topnav nav a:hover{color:var(--ink)}.topnav nav a.on{color:var(--navy);background:var(--gold)}.tools{gap:6px;display:flex}.tool{border:1px solid var(--line);background:var(--navy-2);border-radius:9px;min-width:36px;height:36px;font-size:13px;font-weight:600}.tool[aria-pressed=true]{border-color:var(--turq);color:var(--turq)}.tool:hover{border-color:var(--gold)}main{width:min(1240px,100%);margin:0 auto;padding:18px 16px 48px}.btn{border:1px solid var(--line);background:var(--navy-2);border-radius:10px;min-height:40px;padding:9px 14px;font-weight:500;transition:transform .1s,border-color .15s,background .15s}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn.primary:hover{background:var(--gold-soft)}.btn.gold{border-color:var(--gold);color:var(--gold-soft)}.btn.danger{color:#f0a493}.btn.danger:hover{border-color:var(--danger)}.btn.danger.armed{background:var(--danger);border-color:var(--danger);color:#fff}.btn.busy{opacity:.6;pointer-events:none}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end;margin-top:18px}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.home{max-width:860px;margin:0 auto}.hero{text-align:center;padding:22px 0 26px}.hero h1{color:var(--gold-soft);letter-spacing:.01em;font-size:clamp(40px,8vw,72px)}.hero .sub{font:italic 500 clamp(18px, 3vw, 24px) var(--serif);color:var(--turq);margin:6px 0 14px}.hero .tagline{max-width:600px;color:var(--dim);margin:0 auto}.parade{justify-content:center;align-items:flex-end;gap:clamp(0px,1.5vw,10px);margin-bottom:8px;display:flex}.parade span{animation:.7s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(var(--i) * 70ms)}.parade svg{filter:drop-shadow(0 6px 10px #00000073);width:clamp(38px,9vw,64px);height:auto}.parade span:nth-child(4) svg{width:clamp(50px,12vw,86px)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.modes{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;display:grid}.mode-card{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg, var(--navy-3), var(--navy-2));align-items:center;gap:14px;padding:16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.mode-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 10px 24px #00000059}.mode-card.primary{border-color:var(--gold);background:linear-gradient(160deg,#2a3a63,#16264a)}.mode-icon{flex:none;width:56px;height:56px}.mode-text b{font:600 22px/1.15 var(--serif);color:var(--cream);display:block}dialog.setup{border:1px solid var(--gold);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:var(--navy-2);border-radius:18px;padding:22px;overflow:auto;box-shadow:0 30px 80px #0009}dialog.setup::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050a18b3}dialog.setup h2{color:var(--gold-soft);margin-bottom:6px;font-size:30px}dialog.setup h3{font:600 12px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin:16px 0 8px}.levels{grid-template-columns:1fr 1fr;gap:8px;display:grid}.level{text-align:left;border:1px solid var(--line);background:var(--navy);border-radius:10px;padding:10px 12px}.level b{font-weight:600;display:block}.level small{color:var(--dim);font-size:12.5px;line-height:1.3;display:block}.level.on{border-color:var(--gold);background:#22345d}.seg{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;display:flex;overflow:hidden}.seg button{background:var(--navy);border:0;border-right:1px solid var(--line);flex:auto;padding:9px 10px}.seg button:last-child{border-right:0}.seg button.on{background:var(--gold);color:#231a05;font-weight:600}details{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}summary{cursor:pointer;color:var(--gold-soft);font-weight:500}.check{cursor:pointer;align-items:flex-start;gap:10px;margin-top:10px;display:flex}.check input{accent-color:var(--gold);flex:none;width:16px;height:16px;margin-top:3px}.game{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.board-col{flex-direction:column;gap:8px;width:100%;min-width:0;max-width:calc(130dvh - 260px);margin:0 auto;display:flex}.player-bar{background:#12213fb3;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:5px 10px;display:flex}.player-bar.active{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}.avatar{flex:none;width:30px;height:30px}.pname{white-space:nowrap;font-weight:600}.pname em{color:var(--turq);font-style:normal;font-weight:400;animation:1.2s infinite blink}.pname em.off{color:var(--danger);animation:none}@keyframes blink{50%{opacity:.35}}.loot{flex-wrap:wrap;justify-content:flex-end;min-width:0;margin-left:auto;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions .btn{flex:auto}.pulse-btn{animation:1.4s infinite glow}@keyframes glow{50%{box-shadow:0 0 0 5px #d9b45b40}}.side{flex-direction:column;gap:10px;min-width:0;display:flex}.status{font:600 24px/1.2 var(--serif);color:var(--cream);padding:4px 2px}.status.check{color:#ff9d86}.status.swap{color:var(--gold-soft);font-size:19px}.status.over{color:var(--gold-soft)}.notice,.online-box,.info-card,.moves-box,.class-box{border:1px solid var(--line);border-radius:var(--radius);background:#12213fd9;padding:12px 14px}.notice{border-color:var(--gold);animation:rise var(--t-toast) var(--ease-in) both;cursor:pointer;background:#23304f;gap:10px;padding-right:34px;display:flex;position:relative}.notice p{margin:0;font-size:14px}.notice-mark{color:var(--gold)}.notice-close{color:var(--dim);background:0 0;border:0;padding:4px 8px;font-size:20px;position:absolute;top:4px;right:6px}.online-box p{margin:0 0 8px}.online-box p:last-child{margin:0}.online-box .ok{color:var(--ok)}.online-box .link{border:1px solid var(--line);background:var(--navy);width:100%;color:var(--ink);border-radius:8px;margin-bottom:8px;padding:9px 10px;font:13px ui-monospace,monospace}.pulse{animation:1.6s infinite blink}.info-card .tip{margin:0;font-size:14px}.info-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.info-head h3{color:var(--cream);flex-wrap:wrap;align-items:center;gap:8px;font-size:24px;display:flex}.info-head .native{color:var(--turq);font:italic 500 16px var(--serif)}.promo{color:var(--dim);font:14px var(--sans);align-items:center;gap:2px;display:inline-flex}.info-card p{margin-bottom:0;font-size:14px}.info-card .like{color:var(--gold-soft);margin-bottom:6px}.moves-box h3{font:600 12px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}.moves{font-variant-numeric:tabular-nums;scrollbar-width:thin;max-height:260px;font-size:13.5px;overflow-y:auto}.moves ol{margin:0;padding:0;list-style:none}.moves li{grid-template-columns:34px 1fr 1fr;gap:8px;padding:2px 0;display:grid}.moves .no{color:var(--dim);text-align:right}.moves p{margin:0}.result-card{text-align:center;border:1px solid var(--gold);animation:pop var(--t-medal) cubic-bezier(.2, 1.2, .3, 1) both;background:linear-gradient(160deg,#1d2f5c,#12213f);border-radius:18px;padding:20px 18px 16px;position:relative;overflow:hidden;box-shadow:0 14px 40px #00000073}.result-card .end-clip{object-fit:cover;opacity:.55;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.result-card .end-veil{z-index:0;pointer-events:none;background:linear-gradient(#0e1a3359 0%,#0e1a33c7 55%,#0e1a33f5 100%);position:absolute;inset:0}.result-card>:not(.end-clip):not(.end-veil){z-index:1;position:relative}.result-card h2{color:var(--gold-soft);font-size:34px}.result-card.loss h2{color:#f0a493}.result-card.draw h2{color:var(--turq)}.result-card p{color:var(--dim);margin:6px 0 16px}.result-card .row{justify-content:center}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.97)}}.board{touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:4px;border-radius:6px;width:100%;height:auto;display:block}.board-frame{fill:#0a1226;stroke:var(--gold);stroke-width:.05px}.sq-l{fill:var(--sq-l)}.sq-d{fill:var(--sq-d)}.plain-board .sq-d{fill:var(--sq-l)}.plain-board .sq{stroke:#9c8a5f;stroke-width:.02px}.coord{font:700 .2px var(--sans);fill:#14140ac7;pointer-events:none}.coord-d{fill:#0b1730cc}.plain-board .coord-d{fill:#14140ac7}.citadel-bg{fill:#1d2c52;stroke:var(--gold);stroke-width:.045px}.citadel-icon{fill:#d9b45b47}.hl{pointer-events:none}.hl-selected{fill:#ffd666b8}.hl-check{fill:#e04832ad}.hl-cursor{fill:none;stroke:#fff;stroke-width:.06px}.mark{pointer-events:none}.mark-move{fill:#0e1a3399;stroke:#e9c46ae6;stroke-width:.035px}.mark-capture{fill:none;stroke:#cd3c28cc;stroke-width:.09px}.mark-ghost{fill:#10264833}.mark-ghostCapture{fill:none;stroke:#1026484d;stroke-width:.07px;stroke-dasharray:.14 .1}.mark-swap{fill:#d9b45b40;stroke:var(--gold);stroke-width:.08px;stroke-dasharray:.2 .1;transform-box:fill-box;transform-origin:50%;animation:6s linear infinite spin}.mark-reloc{fill:#d9b45b8c;stroke:#6d5314;stroke-width:.04px}@keyframes spin{to{transform:rotate(360deg)}}.arrow{stroke:#1eaa6ed9;stroke-width:.17px;stroke-linecap:round;pointer-events:none}.arrow-head{fill:#1eaa6ef2}.piece{transition:transform var(--t-move) var(--ease-move);pointer-events:none;will-change:transform}.piece.dragging{filter:drop-shadow(0 .08px .08px #00000080);transition:none}.piece.captured{opacity:0;transition:opacity var(--t-fade) linear}.piece.appear use{animation:.25s both fadein}.piece.promoted use,.piece.promoted image{animation:flash var(--t-promo) both}@keyframes fadein{0%{opacity:0}}@keyframes flash{0%{filter:brightness(2.2)drop-shadow(0 0 .1px #ffd870)}}.pc .body{stroke-width:3.6px;stroke-linejoin:round}.pc .detail{fill:none;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.pc-w .body{fill:#fbf3e0;stroke:#2b1d0e}.pc-w .detail{stroke:#2b1d0e}.pc-w .fillc{fill:#2b1d0e;stroke:none}.pc-b .body{fill:#1d3478;stroke:#081029}.pc-b .detail{stroke:#ecc96f}.pc-b .fillc{fill:#ecc96f;stroke:none}.pc .ring{stroke:#c9962f;stroke-width:5.5px}.pc-b .ring{stroke:#ecc96f}.pc .tusk{stroke-width:4.2px}.learn h1,.page h1{color:var(--gold-soft);margin-bottom:8px;font-size:clamp(34px,6vw,52px)}.lead{color:var(--dim);max-width:760px}.learn-grid{grid-template-columns:200px minmax(0,1fr) 300px;align-items:start;gap:16px;margin-top:14px;display:grid}.piece-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.piece-pick{border:1px solid var(--line);background:var(--navy-2);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.piece-pick small{color:var(--dim);text-align:center;font-size:11.5px;line-height:1.2}.piece-pick.on{border-color:var(--gold);background:#22345d}.piece-pick.on small{color:var(--cream)}.learn-board{flex-direction:column;gap:8px;display:flex}.class-box{margin-top:16px}.class-box h3{color:var(--gold-soft);margin-bottom:4px;font-size:22px}.class-box p{color:var(--dim);margin:0}.page{max-width:760px;font:17px/1.65 var(--text);margin:0 auto}.page h2{color:var(--cream);margin:30px 0 8px;font-size:30px}.page .lead{font:italic 500 21px/1.5 var(--serif);color:var(--cream);border-left:3px solid var(--gold);max-width:none;padding-left:16px}.page .cite{font:400 14px var(--sans);color:var(--dim)}.page li{margin-bottom:6px}.page b{color:var(--gold-soft);font-weight:600}@media (max-width:960px){.game{flex-direction:column;gap:10px;display:flex}.side{display:contents}.status{order:-1;padding:0 6px}.result-card{order:-2}.board-col{max-width:720px}.status{font-size:20px}.learn-grid{grid-template-columns:1fr}.piece-list{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}}@media (max-width:560px){main{padding:10px 6px calc(72px + env(safe-area-inset-bottom,0px))}.topnav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b1730f7;justify-content:space-between;gap:8px;padding-top:8px;padding-bottom:8px}.topnav nav{z-index:30;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#0b1730f0;justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0;overflow:visible}.topnav nav a{text-align:center;border-radius:8px;flex:1;padding:6px 2px;font-size:12.5px}.topnav nav a.on{color:var(--gold-soft);box-shadow:inset 0 -2px 0 var(--gold);background:0 0;border-radius:0}.levels{grid-template-columns:1fr}.actions .btn{padding:8px 10px;font-size:14px}.side,.home,.learn,.page{padding:0 6px}}@media (prefers-reduced-motion:reduce){:root{--t-move:0s;--t-fade:0s;--t-promo:0s;--t-toast:0s;--t-medal:0s;--t-dots:0s;--t-lift:0s;--t-list:0s}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-motion=off]{--t-move:0s;--t-fade:0s;--t-promo:0s;--t-toast:0s;--t-medal:0s;--t-dots:0s;--t-lift:0s;--t-list:0s}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.count{font:600 20px var(--sans);color:var(--turq);vertical-align:middle;margin-left:8px}.puzzle-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;margin-top:16px;display:grid}.puzzle-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--navy-2);color:var(--ink);align-items:flex-start;gap:12px;padding:14px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.puzzle-card:hover{border-color:var(--gold);transform:translateY(-2px)}.puzzle-card.next{border-color:var(--gold)}.puzzle-card .num{background:var(--navy-3);width:34px;height:34px;color:var(--gold-soft);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.puzzle-card.done .num{background:var(--turq-deep);color:#fff}.puzzle-card b{font:600 21px/1.15 var(--serif);color:var(--cream);display:block}.puzzle-card small{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.is-puzzle .moves-box,.is-puzzle .player-bar{display:none}.info-card .task{color:var(--cream);margin:0;font-size:16px}.gold-text{color:var(--gold-soft)!important}a.btn{color:var(--ink);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.btn.primary{color:#231a05}.clock{text-align:center;background:var(--navy);border:1px solid var(--line);font-variant-numeric:tabular-nums;min-width:74px;color:var(--dim);border-radius:8px;flex:none;padding:4px 10px;font:600 18px/1.2 ui-monospace,SF Mono,Menlo,monospace}.clock.running{color:var(--cream);border-color:var(--gold);background:#22345d}.clock.low.running{color:#fff;border-color:var(--danger);background:#8f2f1f}.player-bar .loot{margin-left:auto}.small{margin-top:6px;font-size:12.5px}.brand-mark{width:26px;height:26px;display:inline-flex}.brand-mark svg{width:100%;height:100%}.moves-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.moves-head h3{margin:0}.nav-btns{gap:2px;display:flex}.nav-btn{border:1px solid var(--line);background:var(--navy);width:30px;height:28px;color:var(--ink);border-radius:6px;font-size:11px}.nav-btn:hover:not(:disabled){border-color:var(--gold)}.nav-btn:disabled{opacity:.3;cursor:default}.moves .mv{text-align:left;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:1px 6px}.moves .mv:hover{background:var(--navy-3)}.moves .mv.cur{background:var(--gold);color:#231a05;font-weight:600}.moves .mv b{margin-left:3px;font-weight:700}.moves .mv.v-inaccuracy b{color:#e2c46b}.moves .mv.v-mistake b{color:#f0a06b}.moves .mv.v-blunder b{color:#ff7b66}.moves .mv.cur b{color:inherit}.analysis{border:1px solid var(--line);border-radius:var(--radius);background:#12213fd9;padding:12px 14px}.an-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.an-head h3{font:600 12px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--dim)}.an-eval{font:600 18px var(--sans);font-variant-numeric:tabular-nums;color:var(--cream)}.progress{background:var(--navy);border-radius:2px;height:3px;margin-bottom:8px;overflow:hidden}.progress div{background:var(--gold);height:100%;transition:width .3s}.eval-graph{cursor:pointer;border-radius:6px;width:100%;height:72px;display:block}.eg-bg{fill:var(--navy)}.eg-white{fill:#efe3c8d9}.eg-black{fill:#1d3478f2}.eg-mid{stroke:#9eadc880;stroke-width:1px;vector-effect:non-scaling-stroke}.eg-line{fill:none;stroke:var(--gold);stroke-width:1.5px;vector-effect:non-scaling-stroke}.eg-cursor{stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.sums{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.sum{background:var(--navy);border-radius:8px;grid-template-columns:1fr auto;align-items:baseline;gap:0 8px;padding:8px 10px;display:grid}.sum b{font-weight:600}.sum span{font:600 20px var(--sans);color:var(--turq);font-variant-numeric:tabular-nums}.sum small{color:var(--dim);grid-column:1/-1;font-size:12px}.judge{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.jmove{font:600 18px var(--sans);font-variant-numeric:tabular-nums}.jverdict{font-weight:600}.judge.v-blunder .jverdict{color:#ff7b66}.judge.v-mistake .jverdict{color:#f0a06b}.judge.v-inaccuracy .jverdict{color:#e2c46b}.judge.v-good .jverdict{color:var(--ok)}.jeval{color:var(--dim);font-variant-numeric:tabular-nums;margin-left:auto}.better{margin:8px 0 0;font-size:14px}.link{color:var(--gold-soft);font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.btn{height:44px;min-height:44px;font:500 15px var(--sans);color:var(--gold-soft);background:0 0;border:1.5px solid #e9c46a80;border-radius:10px;justify-content:center;align-items:center;padding:0 18px;display:inline-flex}.btn:hover:not(:disabled){color:#f0d07f;background:#e9c46a1f;border-color:#f0d07f}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:600}.btn.primary:hover:not(:disabled){color:var(--navy);background:#f0d07f;border-color:#f0d07f}.btn.gold{border-color:var(--gold)}.btn.danger{color:#e88a76;border-color:#d8664fcc}.btn.danger:hover:not(:disabled){border-color:var(--danger);color:#f09a86;background:#d8664f24}.btn.danger.armed{background:var(--danger);color:#fff}.btn:disabled{opacity:.38}.nav-btn{color:var(--gold);border-color:#e9c46a66}.home{max-width:1100px}.hero{text-align:left;background:var(--navy-2);border:1px solid #e9c46a59;border-radius:18px;align-items:end;min-height:420px;margin-bottom:20px;padding:0;display:grid;position:relative;overflow:hidden}.cover{position:absolute;inset:0}.cover img{object-fit:cover;object-position:center 62%;width:100%;height:100%;display:block}.hero:after{content:"";background:linear-gradient(100deg,#0e1a33e0 0%,#0e1a338c 45%,#0e1a331a 100%),linear-gradient(#0e1a3300 50%,#0e1a3399 100%);position:absolute;inset:0}.hero-text{z-index:1;max-width:640px;padding:48px 40px 36px;position:relative}.hero .kicker{font:500 12.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);margin:0 0 10px}.hero h1{color:var(--cream);margin:0 0 12px;font-size:clamp(38px,5.5vw,64px);line-height:1}.hero .lead{font:400 16px/1.6 var(--sans);color:#d9d0bd;max-width:54ch;margin:0 0 20px}.modes{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.mode-card{background:var(--navy-2);border:1px solid #0000;gap:14px;padding:18px 20px}.mode-card:hover{box-shadow:none;border-color:#e9c46a99;transform:none}.mode-card.primary{background:var(--navy-2);border-color:#e9c46a99}.mode-card.resume{border-style:solid;border-color:var(--turq)}.mode-icon{width:44px;height:44px}.mode-text{flex:1;min-width:0}.mode-text b{font-size:24px}.mode-text small{color:#c9d1e3;font-size:14px}.mode-arrow{color:var(--gold);flex:none;font-size:20px}.level{grid-template-columns:44px 1fr;align-items:center;gap:12px;display:grid}.level .av{object-fit:cover;border:1px solid #e9c46a80;border-radius:50%;width:44px;height:44px}.level span b{display:block}.pf{margin:8px 0 22px}.pf img{border:1px solid #e9c46a4d;border-radius:12px;width:100%;height:auto;display:block}.pf figcaption{font:13px/1.5 var(--sans);color:var(--dim);margin-top:8px}.player-bar{background:var(--navy-2);min-height:64px;box-shadow:none;border:1px solid #0000;border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.player-bar.active{border-color:var(--gold)}.player-bar.active.me{border-color:var(--turq)}.avatar{object-fit:cover;background:var(--navy);border:1px solid #e9c46a73;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.pinfo{flex-direction:column;min-width:0;line-height:1.3;display:flex}.pname{align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.pname .dot{background:var(--dim);border-radius:50%;width:8px;height:8px}.pname .dot.me{background:var(--turq)}.pname .dot.on{background:var(--gold)}.pname .dot.think{background:var(--ok);animation:1.2s infinite blink}.pname .dot.off{background:var(--danger)}.pstatus{color:var(--dim);align-items:center;gap:2px;min-height:18px;font-size:13px;display:flex}.player-bar.active.me .pstatus{color:var(--turq)}.loot{align-items:center;margin:0;display:inline-flex}.loot svg{margin-left:-5px}.loot svg:first-child{margin-left:4px}.clock{font:500 24px/1.2 var(--sans);min-width:84px;color:var(--dim);background:0 0;border:0;padding:3px 10px}.clock.running{color:var(--cream);background:#58b9af2e}.clock.low.running{color:var(--navy);background:var(--danger);font-weight:600}.status{font:500 15px var(--sans);color:var(--cream);text-align:center;background:#1b2f6b8c;border:1px solid #0000;border-radius:10px;padding:10px 14px}.status.teal{color:#a9e6df;background:#58b9af29;border-color:#58b9af99}.status.err{color:#f0a493;background:#d8664f29;border-color:#d8664fb3}.status.gold{color:var(--gold-soft);background:#e9c46a1f;border-color:#e9c46ab3}.status.ok{color:#a8e8c8;background:#6fd1a61f;border-color:#6fd1a699}.status.check,.status.swap,.status.over{color:inherit;font-size:15px}.result-card .medal{object-fit:cover;border:1px solid #e9c46a99;border-radius:50%;width:120px;height:120px;margin:0 auto 10px;display:block;box-shadow:0 12px 32px #00000073}.info-card .photo,.learn .info-card .photo{aspect-ratio:4/3;object-fit:contain;object-position:center;background:#0e1a33;border:1px solid #e9c46a40;border-radius:10px;width:100%;height:auto;margin-bottom:12px;display:block}.hl-selected{fill:#e9c46a99;stroke:#0e1a33b3;stroke-width:.05px}.hl-last{fill:#e9c46a61}.mark-capture{stroke:#0e1a33bf;stroke-width:.1px}.mark-capture+.mark-capture{stroke:var(--gold)}@media (max-width:960px){.status{order:-1}.result-card{order:-2}.hero{min-height:360px}.hero-text{padding:28px 20px 24px}}@media (max-width:560px){.player-bar{min-height:56px;padding:8px 12px}.clock{min-width:72px;font-size:20px}.hero-text .row .btn{flex:1}}.pc .emblem{stroke-width:3px;stroke-linejoin:round}.pc-w .emblem{fill:#2b1d0e;stroke:#2b1d0e}.pc-b .emblem{fill:#ecc96f;stroke:#ecc96f}.brand{gap:10px}.brand-mark{width:30px;height:30px}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-text small{font:500 9.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-top:3px}@media (max-width:560px){.brand{font-size:20px}.brand-text{display:flex}.brand-text small{display:none}}@media (max-width:1000px) and (min-width:561px){.topnav{gap:10px}.topnav nav a{padding:6px 7px;font-size:14px}.brand-text small{display:none}}.lang-select{appearance:auto;color:var(--ink);max-width:110px;padding:0 8px}html[lang=zh]{--serif:"Songti SC", "STSong", "Noto Serif CJK SC", "Noto Serif SC", "SimSun", serif;--text:"Songti SC", "Noto Serif CJK SC", serif}html[lang=hi]{--serif:"Kohinoor Devanagari", "Noto Serif Devanagari", "Mangal", serif;--text:"Kohinoor Devanagari", "Noto Serif Devanagari", serif}html[lang=zh] h1,html[lang=zh] h2,html[lang=hi] h1,html[lang=hi] h2{letter-spacing:0}dialog.settings{width:min(420px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:20px 22px calc(20px + env(safe-area-inset-bottom,0px));background:var(--navy-2);color:var(--ink);box-shadow:var(--shadow);animation:slide-in var(--t-toast) var(--ease-in) both;border:0;border-left:1px solid #e9c46a59;margin:0 0 0 auto;overflow:auto}dialog.settings::backdrop{background:#050a188c}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}.shead{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.shead h2{color:var(--gold-soft);font-size:30px}.shead .notice-close{position:static}.sheet-handle{display:none}.srow{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.srow:last-child{border-bottom:0}.srow.stack{grid-template-columns:minmax(0,1fr)}.srow.stack .seg{flex-wrap:wrap}.srow.stack .seg button{flex:40%}.srow b{font-size:15px;font-weight:500;display:block}.srow small{color:var(--dim);margin-top:2px;font-size:13px;line-height:1.4;display:block}.srow input[type=checkbox]{appearance:none;background:var(--navy);border:1px solid var(--line);cursor:pointer;border-radius:14px;flex:none;width:46px;height:28px;margin:0;position:relative}.srow input[type=checkbox]:after{content:"";background:var(--dim);width:20px;height:20px;transition:transform var(--t-lift) var(--ease-move), background var(--t-lift);border-radius:50%;position:absolute;top:3px;left:3px}.srow input[type=checkbox]:checked{border-color:var(--turq);background:#58b9af40}.srow input[type=checkbox]:checked:after{background:var(--turq);transform:translate(18px)}.small-seg button{padding:7px 10px;font-size:13.5px}.no-coords .coord{display:none}@media (max-width:560px){dialog.settings{border-left:0;border-top:1px solid var(--gold);width:100vw;height:auto;max-height:86dvh;animation:sheet-up var(--t-toast) var(--ease-in) both;border-radius:18px 18px 0 0;margin:auto 0 0}.sheet-handle{background:#e9c46a99;border-radius:2px;width:44px;height:3px;margin:0 auto 12px;display:block}@keyframes sheet-up{0%{opacity:0;transform:translateY(30px)}}}dialog.onboarding{border:1px solid var(--gold);background:var(--navy-2);width:min(560px,100vw - 24px);color:var(--ink);border-radius:18px;padding:0;overflow:hidden;box-shadow:0 30px 80px #0009}dialog.onboarding::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050a18bf}.onb-img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.onb-body{padding:18px 22px 22px}.onb-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.onb-top .kicker{font:500 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft)}.onb-body h2{color:var(--cream);margin:10px 0 8px;font-size:30px}.onb-body p{color:#d9d0bd;margin-bottom:14px;font-size:15px;line-height:1.55}.dots{gap:6px;margin-bottom:16px;display:flex}.dots i{background:var(--line);border-radius:50%;width:8px;height:8px}.dots i.on{background:var(--gold)}@media (max-width:560px){dialog.onboarding{border:0;border-radius:0;flex-direction:column;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;display:flex}.onb-img{aspect-ratio:4/3}.onb-body{flex-direction:column;flex:1;display:flex}.onb-body .row{margin-top:auto}.onb-body .row .btn{flex:1}}.notice.coach{border-color:var(--turq);background:#1a3350}.notice.coach>div{flex:1}.coach-row{margin-top:10px}.btn.small{height:36px;min-height:36px;padding:0 14px;font-size:14px}.cover-video{opacity:0;pointer-events:none;transition:opacity 1.2s}.cover-video video{object-fit:cover;object-position:center 55%;width:100%;height:100%;display:block}.hero.has-video .cover-video{opacity:1}.hero{min-height:520px}.hero-text>*{animation:rise .7s var(--ease-in) both}.hero-text>:nth-child(2){animation-delay:80ms}.hero-text>:nth-child(3){animation-delay:.16s}.hero-text>:nth-child(4){animation-delay:.24s}.stats{background:#e9c46a33;border:1px solid #e9c46a33;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 20px;padding:0;list-style:none;display:grid;overflow:hidden}.stats li{background:var(--navy-2);flex-direction:column;gap:2px;padding:14px 18px;display:flex}.stats b{font:600 30px/1 var(--serif);color:var(--gold-soft);font-variant-numeric:tabular-nums}.stats span{color:var(--dim);letter-spacing:.06em;text-transform:uppercase;font-size:12.5px}@media (max-width:700px){.hero{min-height:400px}.stats{grid-template-columns:repeat(2,1fr)}.stats b{font-size:24px}}.onb-lang{text-align:center;padding-top:28px}.onb-lang .brand-mark.big{width:64px;height:64px;margin:0 auto 10px;display:block}.onb-lang h2{margin:0 0 4px}.lang-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.lang-grid .btn{width:100%}@media (max-width:560px){.lang-grid{grid-template-columns:repeat(2,1fr)}.onb-lang{justify-content:center}}.piece.carved image{filter:drop-shadow(0 .02px .03px #00000059)}.carved-shadow{fill:#00000047}.piece.carved.dragging image{filter:drop-shadow(0 .12px .1px #00000080);transform-origin:50% 96%;transform:translateY(-.08px)scale(1.18)}.mode-card.daily.done{border-color:var(--ok)}.mode-card.daily.done .mode-arrow{color:var(--ok)}body.board-lapis{--sq-l:#f0e5c8;--sq-d:#46b3a8;--bfs-a:#2b3f9c;--bfs-b:#172763;--bfs-c:#0e1846;--bfg-a:#e6c874;--bfg-b:#b48d36;--bf-ink:#0c1538}body.board-walnut{--sq-l:#eddfbf;--sq-d:#7a4b2c;--bfs-a:#4a2c17;--bfs-b:#331c0e;--bfs-c:#22110a;--bfg-a:#e6c874;--bfg-b:#a87f2f;--bf-ink:#1b0d05}.bfs-a{stop-color:var(--bfs-a)}.bfs-b{stop-color:var(--bfs-b)}.bfs-c{stop-color:var(--bfs-c)}.bfg-a{stop-color:var(--bfg-a)}.bfg-b{stop-color:var(--bfg-b)}.bf-slab{fill:url(#bfStone);filter:url(#bfTex)}.board-walnut .bf-slab{filter:url(#bfWood)}.bf-ornament{fill:url(#bfGirih)}.girih{fill:none;stroke:#e2c26e;stroke-width:.024px;opacity:.55;stroke-linejoin:round}.bf-line{fill:none;stroke:#e2c26e;stroke-width:.025px;opacity:.8}.bf-bed{fill:url(#bfGrout);stroke:#6b4c14;stroke-width:.02px}.bf-bed-in{fill:none;stroke:#00000059;stroke-width:.05px}.tile{stroke:#0000002e;stroke-width:.012px}.tile-shine{fill:url(#bfShine);pointer-events:none}.bf-crackle{fill:#000;filter:url(#bfCrackle);opacity:.28;pointer-events:none;mix-blend-mode:multiply}.cit-arch{fill:url(#bfGold);stroke:#6b4c14;stroke-width:.02px}.cit-inner{fill:var(--bf-ink);stroke:#ffe6a059;stroke-width:.015px}.cit-glow{fill:none;stroke:#e2c26e;stroke-width:.02px;opacity:.55}.board-3d .board{border-radius:10px;box-shadow:0 18px 40px #0000008c,inset 0 2px #ffffff0f}.board-3d .coord{fill:#14140ab8}.board-lapis .coord-d{fill:#0b1730c7}.board-walnut .coord-d{fill:#f2e7cdcc}.board-3d .hl-last{fill:#e9c46a8c}.board-3d .mark-move{fill:#0e1a338c}.badge-bg{fill:#14224d}.badge-rim{fill:none;stroke:#e2c26e;stroke-width:5px}.badge-emblem{fill:#efd48a;stroke:#efd48a;stroke-width:2.5px;stroke-linejoin:round}.badge-emblem .badge-star{stroke-width:1.5px}.piece.carved .badge{filter:drop-shadow(0 .012px .02px #000000b3)}.piece.carved.dragging .badge{transform-origin:50% 96%;transform:translateY(-.08px)scale(1.18)}.profile-tool{color:var(--ink);align-items:center;gap:6px;padding:0 10px;text-decoration:none;display:inline-flex}.profile-tool.on{border-color:var(--gold);color:var(--gold)}.prating-chip{font:700 12px var(--sans);color:var(--gold)}.profile .phead{border:1px solid var(--line);border-radius:var(--radius);background:var(--navy-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.profile .pavatar{background:var(--navy-3);border:1px solid var(--gold);border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.profile .pname label{font:500 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:4px;display:block}.profile .pname input{width:100%;font:600 20px var(--serif);color:var(--cream);border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;padding:4px 0}.profile .pname input:focus{border-color:var(--gold)}.profile .prating{text-align:center}.profile .prating b{font:700 34px var(--serif);color:var(--gold);line-height:1;display:block}.profile .prating small,.profile .pstats small{color:var(--dim);font:500 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;display:block}.profile .pnote{color:var(--dim);font:14px/1.5 var(--sans);margin:10px 2px 18px}.profile .pstats{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;display:grid;overflow:hidden}.profile .pstats div{background:var(--navy-2);padding:14px 16px}.profile .pstats b{font:700 24px var(--serif);color:var(--cream)}.profile h2{margin:28px 0 10px;font-size:26px}.profile .pempty{color:var(--dim)}.games{gap:8px;margin:0;padding:0;list-style:none;display:grid}.grow{border:1px solid var(--line);background:var(--navy-2);font-family:var(--sans);border-radius:12px;grid-template-columns:84px minmax(0,1fr) 46px auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.grow .gres{font-size:14px;font-weight:700}.grow.win .gres{color:var(--ok)}.grow.loss .gres{color:#f0a493}.grow.draw .gres,.grow.none .gres{color:var(--turq)}.grow .gwho b{font-size:15px;font-weight:600;display:block}.grow .gwho small{color:var(--dim);margin-top:2px;font-size:12.5px;display:block}.grow .gdelta{text-align:right;font-size:14px;font-weight:700}.grow .gdelta.up{color:var(--ok)}.grow .gdelta.down{color:#f0a493}.grow .gdel{color:var(--dim);padding:4px 6px;font-size:20px;line-height:1}.grow .gdel:hover{color:var(--danger)}.btn.small{min-height:0;padding:6px 12px;font-size:13px}@media (max-width:600px){.profile .phead{grid-template-columns:auto minmax(0,1fr)}.profile .prating{text-align:left;grid-column:1/-1;align-items:baseline;gap:10px;display:flex}.grow{grid-template-columns:70px minmax(0,1fr) auto}.grow .gdelta{display:none}.grow .gdel{grid-area:1/3;justify-self:end}.grow .btn.small{grid-column:1/-1}}@media (max-width:980px){.prating-chip{display:none}.profile-tool{justify-content:center;padding:0}}.board-3d .board-col{max-width:calc(120dvh - 240px)}.terrain{pointer-events:none}.water-bed{fill:#4d8fc4;opacity:.92}.board-plain .water-bed,.plain-board .water-bed{fill:#6aa3cf}.wave{fill:none;stroke:#f0f8ffbf;stroke-width:.035px;stroke-linecap:round}.mound{fill:#7854286b;stroke:#462d0f8c;stroke-width:.025px;stroke-linejoin:round}.hatch{fill:none;stroke:#462d0f80;stroke-width:.022px;stroke-linecap:round}.game.is-battle .board{box-shadow:0 0 0 2px #d9b45b59, var(--shadow)}.battles h1{color:var(--cream);margin:4px 0 6px;font-size:40px}.battle-rules{font:14px/1.5 var(--sans);color:var(--dim);flex-wrap:wrap;gap:10px 22px;margin:14px 0 6px;display:flex}.battle-rules .legend{vertical-align:-1px;border-radius:3px;width:18px;height:12px;margin-right:8px;display:inline-block}.battle-rules .legend.water{background:#4d8fc4}.battle-rules .legend.hill{background:#785428b3}.battle-level{font:500 14px var(--sans);color:var(--dim);align-items:center;gap:10px;margin:6px 0 18px;display:inline-flex}.battle-level select{font:600 14px var(--sans);color:var(--ink);background:var(--navy-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.battle-list{gap:18px;display:grid}.battle-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--navy-2);grid-template-columns:300px minmax(0,1fr);gap:20px;padding:18px;display:grid}.battle-map{border:1px solid #d9b45b66;border-radius:8px;align-self:start;overflow:hidden}.battle-map .board{border-radius:0}.battle-body h2{color:var(--cream);margin:0 0 2px;font-size:28px}.battle-body h2 small{font:600 14px var(--sans);color:var(--gold);letter-spacing:.08em;margin-left:8px}.battle-place{font:500 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:0 0 10px}.battle-body p{font:15.5px/1.6 var(--text);margin:0 0 10px}.battle-sides{font:14.5px/1.55 var(--sans);color:#d9d0bd;margin:0 0 10px;padding:0;list-style:none}.battle-sides b{color:var(--gold-soft);font-weight:600}.battle-tip{color:var(--turq)!important;font:italic 15px/1.5 var(--serif)!important}.battle-body .row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn.ghost{background:0 0}@media (max-width:760px){.battle-card{grid-template-columns:1fr}.battle-map{max-width:420px}.battles h1{font-size:32px}}.fx{pointer-events:none}.fx-capture .dust{fill:#e9d6aa8c;transform-box:fill-box;transform-origin:50%;animation:dust .7s var(--ease-in) both}@keyframes dust{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}.fx-capture .shard{fill:#e9cf8f;animation:.75s cubic-bezier(.2,.7,.3,1) both shard}.fx-capture .shard.s1{fill:#f2e7cd}.fx-capture .shard.s2{fill:#c9a24a}@keyframes shard{0%{opacity:1;translate:0;rotate:0deg}to{opacity:0;translate:var(--dx) var(--dy);rotate:var(--rot)}}.fx-check .ring{fill:none;stroke:#e2503a;stroke-width:.06px;transform-box:fill-box;transform-origin:50%;animation:.8s ease-out both ring}.fx-check .ring.late{animation-delay:.25s}@keyframes ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.35)}}.fx-citadel .glow{fill:#e9c46ab3;transform-box:fill-box;transform-origin:50%;animation:.9s ease-out both dust}.fx-citadel .ray{stroke:#ffd870;stroke-width:.04px;stroke-linecap:round;opacity:0;animation:.9s ease-out both ray}@keyframes ray{0%{opacity:0;stroke-dasharray:0 1}30%{opacity:1}to{opacity:0;stroke-dasharray:1 0}}.fx-swap .arc{fill:none;stroke:#e9cf8f;stroke-width:.07px;stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:20px;animation:.8s ease-out both draw}.fx-swap .arc.back{stroke:var(--turq);animation-delay:.1s}@keyframes draw{0%{stroke-dashoffset:20px;opacity:1}70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@media (min-width:561px) and (max-width:1080px){.topnav nav a{padding:6px 7px;font-size:14px}.brand-text small{display:none}}@media (min-width:561px) and (max-width:860px){.topnav nav a{padding:6px 5px;font-size:13.5px}.lang-select{max-width:84px}.brand{font-size:20px}}@media (min-width:561px) and (max-width:760px){.topnav nav a{padding:6px 4px;font-size:13px}.topnav nav{gap:0}.tools{gap:4px}.tool{min-width:32px;height:32px}.lang-select{max-width:76px}}.history{max-width:1100px;font:17px/1.65 var(--text);margin:0 auto}.hs-hero{background:var(--navy-2);border:1px solid #e9c46a59;border-radius:20px;align-items:end;min-height:min(78vh,720px);margin-bottom:40px;display:grid;position:relative;overflow:hidden}.hs-hero .hs-media{margin:0;position:absolute;inset:0}.hs-hero .hs-media img,.hs-hero .hs-media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hs-hero:after{content:"";background:linear-gradient(#0b17301a 30%,#0b1730d1 75%,#0b1730f7 100%);position:absolute;inset:0}.hs-hero-text{z-index:1;max-width:760px;padding:60px 48px 40px;position:relative}.hs-hero-text h1{color:var(--gold-soft);margin:0 0 12px;font-size:clamp(44px,7vw,84px);line-height:1}.hs-hero-text .lead{font:italic 500 clamp(17px, 2vw, 22px)/1.5 var(--serif);color:var(--cream);border-left:3px solid var(--gold);padding-left:16px}.hs-hero-text .cite{font:400 13px var(--sans);color:var(--dim)}.hs{opacity:0;transition:opacity .8s var(--ease-in), transform .8s var(--ease-in);grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin:0 0 72px;display:grid;transform:translateY(24px)}.hs.in,.hs-end.in{opacity:1;transform:none}.hs.right .hs-media{order:2}.hs-media{aspect-ratio:16/10;background:var(--navy-3);border:1px solid #e9c46a40;border-radius:16px;margin:0;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}.hs-media img,.hs-media video{object-fit:cover;width:100%;height:100%;display:block}.hs-media video{position:absolute;inset:0}.hs-media figcaption{font:400 13px/1.4 var(--sans);color:var(--cream);background:linear-gradient(#0000,#0b1730d9);padding:26px 16px 12px;position:absolute;bottom:0;left:0;right:0}.hs.in .drift-a img{animation:24s ease-in-out infinite alternate drift-a}.hs.in .drift-b img{animation:24s ease-in-out infinite alternate drift-b}@keyframes drift-a{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.12)translate(-2%,-1.5%)}}@keyframes drift-b{0%{transform:scale(1.12)translate(1.5%,1%)}to{transform:scale(1.04)translate(0)}}.hs-media:has(video) img{animation:none!important}.hs-num{font:600 13px var(--sans);letter-spacing:.3em;color:var(--gold);margin-bottom:8px;display:block}.hs-text h2{color:var(--cream);margin:0 0 12px;font-size:clamp(28px,3.4vw,38px);line-height:1.1}.hs-text p{margin:0 0 12px}.hs-text b{color:var(--gold-soft);font-weight:600}.hs-end{opacity:0;min-height:420px;transition:opacity .8s var(--ease-in), transform .8s var(--ease-in);border-radius:20px;align-items:end;margin-bottom:40px;display:grid;position:relative;overflow:hidden;transform:translateY(24px)}.hs-end .hs-media{aspect-ratio:auto;box-shadow:none;border:0;border-radius:0;margin:0;position:absolute;inset:0}.hs-end:after{content:"";background:linear-gradient(#0b173000 35%,#0b1730e6 100%);position:absolute;inset:0}.hs-end-text{z-index:1;padding:40px 48px;position:relative}.hs-end-text p{font:italic 500 clamp(19px, 2.4vw, 26px)/1.45 var(--serif);color:var(--cream);max-width:760px;margin:0}html[data-motion=off] .hs,html[data-motion=off] .hs-end{opacity:1;transform:none}@media (max-width:760px){.hs{grid-template-columns:1fr;gap:16px;margin-bottom:44px}.hs.right .hs-media{order:0}.hs-hero{min-height:60vh;margin-bottom:28px}.hs-hero-text{padding:30px 20px 22px}.hs-end-text{padding:24px 20px}}.battle-visual{align-self:start;gap:10px;display:grid}.battle-art{aspect-ratio:16/9;background:var(--navy-3);border:1px solid #d9b45b66;border-radius:10px;overflow:hidden}.battle-art img{object-fit:cover;width:100%;height:100%;display:block}.battle-card{grid-template-columns:320px minmax(0,1fr)}.battle-intro{z-index:5;border-radius:var(--radius-board);background:var(--navy);cursor:pointer;animation:bi-in .6s var(--ease-in) both;position:absolute;inset:0;overflow:hidden}.battle-intro img,.battle-intro video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.battle-intro:after{content:"";background:linear-gradient(#0b17300d 40%,#0b1730e6 100%);position:absolute;inset:0}.battle-intro .bi-text{z-index:1;color:var(--cream);text-shadow:0 2px 16px #000000b3;padding:24px 28px;position:absolute;bottom:0;left:0;right:0}.battle-intro .bi-year{font:600 13px var(--sans);letter-spacing:.3em;color:var(--gold)}.battle-intro h2{color:var(--cream);margin:4px 0 6px;font-size:clamp(34px,6vw,64px);line-height:1}.battle-intro p{font:500 14px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:0}.battle-intro.out{animation:.5s ease-in both bi-out}@keyframes bi-in{0%{opacity:0}}@keyframes bi-out{to{opacity:0}}.board-wrap{position:relative}@media (max-width:760px){.battle-card{grid-template-columns:1fr}.battle-visual{max-width:460px}}.page-banner{aspect-ratio:21/7;background:var(--navy-3);border:1px solid #e9c46a4d;border-radius:16px;margin:0 0 18px;overflow:hidden}.page-banner img{object-fit:cover;width:100%;height:100%;display:block}.mode-card.art{isolation:isolate;position:relative;overflow:hidden}.mode-card.art:before{content:"";background-image:var(--art);opacity:.35;z-index:-1;transition:opacity .3s, transform .6s var(--ease-in);background-position:50%;background-size:cover;position:absolute;inset:0}.mode-card.art:after{content:"";z-index:-1;background:linear-gradient(90deg,#12213ff2 30%,#12213f8c 100%);position:absolute;inset:0}.mode-card.art:hover:before{opacity:.55;transform:scale(1.04)}video.photo{object-fit:cover}.profile .phead.art{isolation:isolate;position:relative;overflow:hidden}.profile .phead.art:before{content:"";z-index:-1;background:var(--art) center / cover;opacity:.45;position:absolute;inset:0}.profile .phead.art:after{content:"";z-index:-1;background:linear-gradient(90deg,#12213ff5 0%,#12213fb3 60%,#12213f59 100%);position:absolute;inset:0}.card-soft{border:1px solid var(--line);border-radius:var(--radius);background:var(--navy-2);padding:16px 18px}.account{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;display:flex}.account b{font:600 16px var(--sans);color:var(--cream);display:block}.account small{color:var(--dim);font:13px/1.45 var(--sans);margin-top:3px;display:block}.account.signed{grid-template-columns:minmax(0,1fr);display:grid}.account .row{flex-wrap:wrap;gap:8px;display:flex}.acc-nick input{max-width:260px}.anick-msg{min-height:1.2em;color:var(--turq)!important}.btn.danger-ghost{color:#f0a493;background:0 0;border-color:#d8664f99}.btn.danger-ghost.armed{background:#d8664f2e}dialog.login{border:1px solid var(--gold);border-radius:var(--radius-dialog);background:var(--navy-2);width:min(420px,100vw - 32px);color:var(--ink);padding:0}dialog.login::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050a18b3}.login-form{gap:12px;padding:24px 22px 20px;display:grid;position:relative}.login-form h2{color:var(--cream);margin:0;font-size:30px}.login-form .dim{color:var(--dim);font:14px/1.5 var(--sans);margin:0}.login-form .notice-close{position:absolute;top:10px;right:12px}.field{font:500 13px var(--sans);color:var(--dim);gap:6px;display:grid}.field input{font:500 16px var(--sans);color:var(--ink);background:var(--navy);border:1px solid var(--line);border-radius:10px;outline:none;padding:11px 12px}.field input:focus{border-color:var(--gold)}.code-input{letter-spacing:10px;text-align:center;font:700 26px Courier New,monospace!important}.login-form .err{color:#f0a493;font:13px var(--sans);min-height:1em;margin:0}.btn.wide{justify-content:center;width:100%}.or{color:var(--dim);font:12px var(--sans);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:10px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.login-form .fine{color:var(--dim);font:12px/1.45 var(--sans);margin:4px 0 0}.login-links{justify-content:space-between;display:flex}