:root{--bg-1:#62625d;--bg-2:#1f201d;--bg-glow-1:#c8b58a24;--bg-glow-2:#3f5f3a1a;--bg-glow-3:#8b2f2f1a;--bg-vignette:#00000045;--text-1:#1c1d19eb;--text-2:#1c1d19b8;--text-3:#1c1d1994;--text-on-dark:#f2f1ec;--panel-1:#e9e5d8d1;--panel-2:#e9e5d8e6;--panel-55:#e9e5d88c;--panel-70:#e9e5d8b3;--panel-18:#e9e5d82e;--line-1:#3f403a38;--line-2:#3f403a57;--line-40:#3f403a66;--line-42:#3f403a6b;--shadow-35:#0006;--shadow-18:#0003;--shadow-14:#00000026;--shadow-12:#00000021;--accent-1:#c8b58a;--accent-ring:#c8b58a2e;--board-frame:#2213066d;--tile-1:#e3ddc9;--tile-2:#68696026;--tile-outline:#b5d31e2e;--ink-62:#000000b3;--ink-35:#b2612859;--ink-80:#c77927cc;--ink-75:#1c1d19bf;--ink-14:#1c1d1924;--state-1-bg:#c8b58a38;--state-1-line:#c8b58a73;--state-2-bg:#8b2f2f33;--state-2-line:#8b2f2f61;--state-3-bg:#3f5f3a33;--state-3-line:#3f5f3a61;--overlay-move:#37cb21d9;--overlay-attack:#d52f2fd9;--piece-p1-top:#3a3b34;--piece-p1-bot:#393a35;--piece-p1-text:#f2f1ec;--piece-p2-top:#efefef;--piece-p2-bot:#d0d0d0;--piece-p2-text:#1c1d19;--piece-border-p2:#3f403a38;--unit-default:#c8b58a40;--unit-1:#c8b58aeb;--unit-2:#a9b5bed9;--unit-3:#587fd3d1;--unit-4:#6b9066eb;--unit-5:#b96363eb;--select-outline:#c8b58a8c;--select-border:#c8b58a73;--bg:var(--bg-1);--bg2:var(--bg-2);--panel:var(--panel-1);--panel2:var(--panel-2);--border:var(--line-1);--border2:var(--line-2);--text:var(--text-1);--muted:var(--text-2);--muted2:var(--text-3);--shadow:0 18px 42px var(--shadow-35);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--accent:var(--accent-1);--tile-light:var(--tile-1);--tile-dark:var(--tile-2);--ink:var(--text-1);--c-unit-helmn:var(--unit-1);--c-unit-sentiel:var(--unit-2);--c-unit-ballist:var(--unit-3);--c-unit-ornyx:var(--unit-4);--c-unit-lance:var(--unit-5)}*{box-sizing:border-box}html,body{height:100%}html{background-color:var(--bg)}body{margin:0;font-family:Quantico,sans-serif}#root{background:radial-gradient(1100px 750px at 20% 10%, var(--bg-glow-1), transparent 58%), radial-gradient(900px 650px at 85% 30%, var(--bg-glow-2), transparent 58%), radial-gradient(1000px 700px at 50% 115%, var(--bg-glow-3), transparent 58%), radial-gradient(1200px 900px at 50% 50%, var(--bg-vignette), transparent 70%), linear-gradient(180deg, var(--bg), var(--bg2));color:var(--text)}.heading-wrap,.heading-wrap p{color:var(--text-on-dark)}button{font:inherit}.container{width:100%;max-width:1500px;margin:0 auto;padding:18px}@media (width>=900px){.container{padding:24px}}.app{min-height:100vh}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}.col{flex:none;padding:10px}.col-1{width:100%}.col-2{width:50%}.col-3{width:33.333%}.col-4{width:25%}.col-5{width:20%}.col-6{width:16.666%}.col-3x2{width:66.666%}.col-3x3{width:100%}.col-4x2{width:50%}.col-4x3{width:75%}.col-4x4{width:100%}.col-5x2{width:40%}.col-5x3{width:60%}.col-5x4{width:80%}.col-5x5{width:100%}.col-6x2{width:33.333%}.col-6x3{width:50%}.col-6x4{width:66.666%}.col-6x5{width:83.333%}.col-6x6{width:100%}@media (width<=900px){.col-2,.col-3,.col-4,.col-5,.col-6,.col-3x2,.col-4x2,.col-4x3,.col-5x2,.col-5x3,.col-5x4,.col-6x2,.col-6x3,.col-6x4,.col-6x5{width:100%}.col{padding:10px 0}}.is-hidden{display:none!important}.is-disabled{pointer-events:none;opacity:.6}.p-0{padding:0!important}.p-xs{padding:4px!important}.p-sm{padding:8px!important}.p-md{padding:16px!important}.p-lg{padding:24px!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mt-xs{margin-top:2px!important}.mt-sm{margin-top:8px!important}.mt-md{margin-top:16px!important}.mt-lg{margin-top:24px!important}h1,h2,h3,h4{margin:0}h1{letter-spacing:.2px;font-size:20px}@media (width>=900px){h1{font-size:22px}}p{color:var(--muted);margin:0}strong{color:var(--text)}.app .col.col-1{padding:0}.app h1{align-items:center;gap:10px;display:inline-flex}.app h1:before{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 6px var(--accent-ring);border-radius:999px}.app h1 a{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:none;backdrop-filter:none;padding:14px}@media (width>=900px){.panel{padding:16px}}.setup,.play{margin-top:10px}.realtime-countdown{border:1px solid var(--border);background:var(--panel-2);text-transform:uppercase;letter-spacing:.08em;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:54px;margin-bottom:10px;padding:10px 18px;font-weight:800;display:flex}.realtime-countdown__value{text-align:center;min-width:28px;font-size:30px;line-height:1}.tier2-learning{display:block}.tier2-learning summary{cursor:pointer;font-weight:700}.tier2-learning[open] summary{margin-bottom:18px}.tier2-learning__meta{color:var(--muted);flex-wrap:wrap;gap:8px 18px;font-size:12px;display:flex}.tier2-learning__actions{flex-flow:wrap;flex:none;gap:8px;margin-top:12px;display:flex}@media (width<=700px){.tier2-learning{flex-direction:column;align-items:stretch}.tier2-learning__actions{flex-flow:wrap}}.setup__header{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:10px 0 16px;padding:12px 14px}.setup__title{letter-spacing:.2px;font-weight:700}.setup__help{color:#fff;font-size:13px;line-height:1.4}.setup__help strong,.setup-tray{color:#fff}.btn{appearance:none;border:1px solid var(--border2);background:var(--panel-55);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 12px;transition:filter .15s,transform 50ms,background .15s,border-color .15s}.btn:hover{background:var(--panel-70);border-color:var(--line-42);filter:brightness(.7)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.btn--primary{background:var(--state-1-bg);border-color:var(--state-1-line)}.btn.btn--primary.btn--end{background-color:#cc7979;border-color:red}.btn.btn--danger{background:var(--state-2-bg);border-color:var(--state-2-line)}.btn.btn--danger:hover,.btn.btn--good{background:var(--state-3-bg);border-color:var(--state-3-line)}.board{width:100%;max-width:900px;margin:0 auto;position:sticky;top:30px}.board::-webkit-scrollbar{display:none}.board__grid{background:var(--board-frame);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);background:repeating-linear-gradient(0deg,#00000006 0 1px,#0000 64px),repeating-linear-gradient(90deg,#00000006 0 1px,#0000 64px),linear-gradient(#f4f2ec 0%,#e2ded2 100%);grid-template-columns:repeat(12,1fr);padding:10px;display:grid}@media (width>=900px){.board__grid{padding:12px}}.board__grid:before{content:"";grid-area:1/1/-1/-1}.square{aspect-ratio:1;text-align:left;cursor:pointer;background:0 0;border:1px solid #00000080;border-radius:10px;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden;background:0 0!important}.square--light{background:var(--tile-light)}.square--dark{background:var(--tile-dark)!important}.square__coord{opacity:.62;-webkit-user-select:none;user-select:none;color:var(--ink-62);font-size:10px;line-height:1;position:absolute;top:6px;left:6px}.square:hover{outline:3px solid var(--ink-35);outline-offset:-3px}.square.is-selected{outline:2px solid var(--ink-80);outline-offset:-2px}.square.is-legal-move,.square.is-legal-attack{z-index:10;position:relative}.square.is-legal-move:before,.square.is-legal-attack:before{content:"";z-index:0;opacity:.5;position:absolute;inset:0}.square.is-legal-move:before{background:var(--overlay-move)}.square.is-legal-attack:before{background:var(--overlay-attack)}.square.square--moving{z-index:20;overflow:visible}.square__content{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;padding:4px;display:flex;position:relative}.is-setup-zone{box-shadow:inset 0 0 0 2px var(--ink-14)}.is-outside-setup{opacity:.4}.piece{text-align:center;--unit:var(--unit-default);width:100%;height:100%;box-shadow:0 1px 0 var(--shadow-14), 0 10px 22px var(--shadow-18), inset 0 0 0 3px var(--unit);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;font-family:Quantico,sans-serif;font-size:12px;line-height:1.1;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.piece:before{content:"";opacity:.95;background:var(--unit);z-index:2;border-radius:99px;width:35px;height:3px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.piece--p1{background:linear-gradient(180deg, var(--piece-p1-top), var(--piece-p1-bot));color:var(--piece-p1-text)}.piece--p2{background:linear-gradient(180deg, var(--piece-p2-top), var(--piece-p2-bot));color:var(--piece-p2-text)}.piece__cooldown-indicator{z-index:1;border-radius:inherit;pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;inset:0}.piece__cooldown-indicator--attack-ready{box-shadow:inset 0 0 0 3px var(--unit), inset 0 0 0 6px #ff9662}.piece__cooldown-indicator--move-ready{box-shadow:inset 0 0 0 3px var(--unit), inset 0 0 0 6px #5dbbff}.piece__cooldown-indicator--spent{box-shadow:inset 0 0 0 3px var(--unit), inset 0 0 0 6px #ffe978}.piece.is-enemy{filter:brightness(.7)}.piece.is-selected{outline:2px solid var(--ink-75);outline-offset:-2px}.piece__short{z-index:2;letter-spacing:.4px;font-size:12px;font-weight:900;line-height:1;position:relative}.piece__stats{justify-content:center;align-items:center;gap:8px;display:flex}.piece__atk,.piece__def{z-index:2;opacity:.9;white-space:nowrap;font-size:10px;line-height:1;position:relative}.piece--helmn{--unit:var(--c-unit-helmn)}.piece--sentiel{--unit:var(--c-unit-sentiel)}.piece--ballist{--unit:var(--c-unit-ballist)}.piece--ornyx{--unit:var(--c-unit-ornyx)}.piece--lance{--unit:var(--c-unit-lance)}.piece--helmn:before{width:22px}.piece--helmn .piece__short,.piece--ornyx .piece__short{font-size:13px}.piece--lance .piece__short{font-size:12px}.piece__atk,.piece__def{opacity:.85;font-size:11px}.piece.is-enemy.is-selected{filter:none}.piece.is-selected:before{opacity:0!important;display:none!important}.piece.is-selected .piece__health{opacity:1}.piece__health{z-index:2;opacity:0;pointer-events:none;background-color:#fff3;border:1px solid #ffffff80;border-radius:99px;width:35px;max-width:60%;height:5px;display:block;position:absolute;top:6%;left:50%;transform:translate(-50%)}.piece.piece--p2 .piece__health{background-color:#0003;border-color:#00000080}.piece__health span{border-radius:99px;width:100%;height:3px;display:block}@media (width<=1300px){.piece__health{display:block;top:18%}}@media (width<=560px){.piece__health{background-color:#fff6;height:3px;top:13%;border:none!important}.piece.piece--p2 .piece__health{background-color:#0006}.piece__health span{opacity:.7;height:3px}}.piece__health--100 span{background:#0feb84}.piece__health--80 span{background:#8ab835;width:80%}.piece__health--60 span{background:#e6d225;width:60%}.piece__health--40 span{background:#cc6e15;width:40%}.piece__health--20 span{background:#db2615;width:20%}.setup .flex-wrap .col{order:2}.setup .flex-wrap .col--board{order:1}.setup-tray__item{border:1px solid var(--border);background:var(--panel-55);color:var(--text);cursor:pointer;border-radius:14px;padding:10px 12px;transition:background .15s,border-color .15s,transform 50ms}.setup-tray__item:hover{background:var(--panel-70);border-color:var(--line-40)}.setup-tray__item.is-selected{outline:2px solid var(--select-outline);outline-offset:-2px;border-color:var(--select-border)}a{color:inherit}hr{border:0;border-top:1px solid var(--border);margin:16px 0}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.play-wrapper{padding-top:20px}.play-wrapper .col-panels{order:2}.play-wrapper .col-board{order:1;padding-top:0}@media (width<=560px){.play-wrapper{padding-top:10px;padding-bottom:50px}}.panel--status{flex-direction:column;display:flex}.panel__header{border-bottom:1px solid var(--border);padding-bottom:10px}.panel__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);font-size:11px}.panel__title{text-transform:uppercase;margin-top:2px;padding:4px 0;font-size:18px;font-weight:800}.panel__resources{gap:14px;display:flex}.resource{background:var(--panel-55);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;padding:12px}.resource__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;display:block}.resource__value{margin-top:4px;font-size:20px;font-weight:800;display:block}.resource__value--text{font-size:16px}.cooldown-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cooldown{background:var(--panel-55);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.cooldown__label,.cooldown__value{display:block}.cooldown__label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.cooldown__value{margin-top:4px;font-size:18px;font-weight:800}.cooldown.is-ready .cooldown__value{color:#267348}.game-data__summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.game-data__summary>div{border:1px solid var(--border);background:var(--panel-55);border-radius:10px;padding:12px}.game-data__summary strong,.game-data__summary span{display:block}.game-data__summary span{margin-top:5px;font-size:18px}.game-data__table-wrap{overflow-x:auto}.game-data__table{border-collapse:collapse;width:100%;font-size:13px}.game-data__table th,.game-data__table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:9px 10px}.game-data__timeline{max-height:480px;overflow:auto}.game-data__event{border-bottom:1px solid var(--border);grid-template-columns:55px 1fr;gap:12px;padding:8px 0;font-size:13px;display:grid}.game-data__event time{color:var(--muted);font-variant-numeric:tabular-nums}@media (width<=700px){.game-data__summary{grid-template-columns:1fr 1fr}}.panel--selected{flex-direction:column;display:flex}.unit-summary{gap:14px;display:flex}.unit-stat{background:var(--panel-55);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;padding:12px}.unit-stat__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;display:block}.unit-stat__value{margin-top:4px;font-size:20px;font-weight:800;display:block}.unit-actions{flex-wrap:wrap;gap:10px;display:flex}.unit-actions .btn{flex:1;min-width:90px}.panel__empty{color:var(--muted);font-size:13px;line-height:1.4}@media (width<=520px){.container{padding:10px}.col{padding:8px 0}.gap-md{gap:12px}.gap-lg{gap:14px}.gap-xl{gap:18px}h1{font-size:18px}p{font-size:13px}.col-2,.col-3,.col-4,.col-5,.col-6,.col-3x2,.col-4x2,.col-4x3,.col-5x2,.col-5x3,.col-5x4,.col-6x2,.col-6x3,.col-6x4,.col-6x5{width:100%!important}.board{width:100%;max-width:none;margin:0 auto}.board__grid{border-radius:2px;padding:2px}.square{border-radius:4px}.square__coord{opacity:.75;font-size:9px;top:4px;left:4px}.piece{border-radius:10px;gap:3px;padding:6px 4px 5px}.piece__short{letter-spacing:.25px;font-size:11px}.piece__atk,.piece__def{opacity:.9;font-size:10px}.piece:before{width:20px;height:2px!important;top:4px!important}.panel{border-radius:16px;padding:12px}.panel__title{font-size:16px}.resource,.unit-stat{border-radius:12px;padding:10px}.resource__value,.unit-stat__value{font-size:18px}.unit-actions .btn{min-width:0;padding:10px}.setup,.play{margin-top:6px}.setup__header{margin:6px 0 10px;padding:10px 12px}}@media (width<=380px){.container{padding:8px}.board__grid{padding:5px}.piece__short{font-size:10px}.piece__atk,.piece__def{font-size:9px}.panel{padding:10px}}.elim-grid .piece{border:none!important}.elim-grid .piece .piece__short{font-size:20px}@media (width<=1300px){.elim-grid .piece .piece__short{font-size:14px}}@media (width<=901px){.elim-grid .piece .piece__short{font-size:16px}}@media (width<=560px){.square__content .piece{min-height:94%;border:none!important;width:94%!important;height:94%!important}}@media (width<=991px){.square__coord{display:none!important}}@media (width<=1300px){.square__content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;padding:1px!important}.piece{text-align:center;min-height:90%;box-shadow:0 1px 0 var(--shadow-12), 0 10px 22px var(--shadow-18), inset 0 0 0 2px var(--unit);border-radius:6px;justify-content:center;align-items:center;display:flex;gap:0!important;width:90%!important;height:90%!important;padding:0!important}.piece:before{width:35px;max-width:60%;height:3px;top:18%}.piece__stats,.piece__atk,.piece__def{display:none!important}.piece__short{letter-spacing:.6px;text-transform:uppercase;padding:0 6px;font-size:12px;font-weight:900;line-height:1}}.col-board{align-self:flex-start}.col-panels{align-self:flex-start;padding-bottom:0;padding-right:0;position:relative}.col-panels:after{content:"";pointer-events:none;opacity:.7;z-index:100;background:linear-gradient(#fff0 0%,#21221f80 100%);width:calc(100% - 15px);height:30px;position:absolute;bottom:0;left:10px}@media (width<=901px){.col-panels:after{width:calc(100% - 3px);bottom:0;left:0}}.col-panels{background:radial-gradient(1100px 750px at 20% 10%, var(--bg-glow-1), transparent 58%), radial-gradient(900px 650px at 85% 30%, var(--bg-glow-2), transparent 58%), radial-gradient(1000px 700px at 50% 115%, var(--bg-glow-3), transparent 58%), radial-gradient(1200px 900px at 50% 50%, var(--bg-vignette), transparent 70%), linear-gradient(180deg, var(--bg), var(--bg2));border-radius:10px;padding:10px 7px 0 10px}.col-panels .panels-wrapper{box-shadow:none;--sb-track-color:transparent;--sb-thumb-color:#fefff2;--sb-size:1px;background:0 0;padding-right:5px}.col-panels .panels-wrapper::-webkit-scrollbar{width:var(--sb-size)}.col-panels .panels-wrapper::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:2px}.col-panels .panels-wrapper::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:2px}@supports not selector(::-webkit-scrollbar){.col-panels .panels-wrapper{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color);scrollbar-width:thin}}@media (width<=901px){.flex-wrap{flex-wrap:wrap;display:flex}.col-board{order:1;width:100%}.col-panels{flex-wrap:wrap;order:2;gap:12px;width:100%;padding-top:10px;padding-right:5px;display:flex}.col-panels .panels-wrapper{flex-wrap:wrap;gap:12px;width:100%;padding-right:3px;display:flex}.col-panels .panels-wrapper>.panel{flex-direction:column;flex:0 0 calc(50% - 6px);justify-content:flex-start;max-width:calc(50% - 6px);min-height:220px;display:flex;margin-top:0!important}.col-panels .panel__header{padding-bottom:10px}.col-panels .panel__resources{grid-template-columns:1fr 1fr;gap:10px;display:grid;margin-top:12px!important}.col-panels .resource{border-radius:12px;padding:10px}.col-panels .resource__value{font-size:18px}.col-panels .unit-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid;margin-top:12px!important}.col-panels .unit-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid;margin-top:14px!important}.col-panels .unit-actions .btn{width:100%;min-width:0}.col-panels .btn.btn--primary{width:100%;margin-top:14px!important}}@media (width<=520px){.col-panels .panels-wrapper>.panel{flex:0 0 100%;max-width:100%}.col-panels .panels-wrapper{max-height:350px;position:relative;overflow:auto}.col-panels .unit-actions{grid-template-columns:1fr 1fr}.col-panels .panel--selected{order:1}.col-panels .panel--status{order:2}.col-panels .panel--log{order:3}.col-panels .panel--eliminated{order:4}}.elim-grid{gap:10px 0;margin:0 -5px}.elim-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.elim-heading span:last-child{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:500}.elim-grid .piece.is-elim-surviving{opacity:.2;filter:grayscale(.8)}.elim-grid .piece.is-elim-eliminated{opacity:1;filter:none;outline-offset:1px;outline:2px solid #801818b3}.elim-grid .col-6{flex:0 0 16.666%;width:16.666%;max-width:16.666%;padding:5px}.elim-grid .col{padding:5px}.piece--mini{opacity:.85;aspect-ratio:1;border-radius:6px;padding:3px 4px;font-size:10px}@media (width<=520px){.elim-grid{gap:4px 0;margin:0 -2px}.elim-grid .col,.elim-grid .col-6{padding:2px}}.unit-marker--enemy{opacity:.7;letter-spacing:.04em;color:#5e0e0e;text-transform:uppercase;margin-left:5px}.btn--select{appearance:none;padding-right:36px;font-family:Quantico,sans-serif;font-size:16px;line-height:1.4;background-image:linear-gradient(45deg, transparent 50%, var(--text) 50%), linear-gradient(135deg, var(--text) 50%, transparent 50%)!important;background-position:calc(100% - 18px),calc(100% - 12px)!important;background-repeat:no-repeat!important;background-size:6px 6px,6px 6px!important}.winner-text{text-transform:uppercase;letter-spacing:1px;padding:12px 0;font-size:22px;font-weight:900;text-decoration:underline}.setup--wrapper{position:sticky;top:30px}.logo{text-transform:uppercase;letter-spacing:8px;font-family:Expletus Sans,sans-serif;font-size:32px;font-weight:700;line-height:1}.logo-sym{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2px;width:52px;height:52px;margin-left:10px;display:flex}.logo-sym .logo-sym-sq{border:3px solid #30302d;border-radius:5px;justify-content:center;align-items:center;width:25px;height:25px;font-family:Quantico,sans-serif;font-size:12px;display:flex}.logo-sym .logo-sym-sq-dk{color:#1c1d19}.logo-sym-sq-dk{background-color:#d5d4ce}.logo-sym-sq-lt{background-color:#eae7e1}.logo-sym-alt{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2px;width:52px;height:52px;margin-left:10px;display:flex}.logo-sym-alt .logo-sym-sq{border:none;border-radius:5px;justify-content:center;align-items:center;width:23px;height:23px;font-family:Quantico,sans-serif;font-size:10px;display:flex}.logo-sym-alt .logo-sym-sq:nth-child(3){color:#f2f1ec;background-color:#393a34;border:2px solid #eae7e1}.logo-tyle{background-color:#d5d4ce;border:5px solid #d5d4ce;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;margin-left:10px;font-family:Quantico,sans-serif;font-size:26px;display:flex}.logo-tyle span{color:#f2f1ec;background-color:#393a34;border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.logo-tyle span:before{content:"";background-color:#d5d4ce;border-radius:99px;width:22px;height:2px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.square .square__content .piece.is-hit{z-index:5;animation:.5s ease-out both hit-flash}@keyframes hit-flash{0%{filter:brightness()contrast()blur()hue-rotate();transform:scale(1)}25%{filter:brightness(1.8)contrast(1.4)blur(1.2px)hue-rotate(28deg);transform:scale(1.04)}55%{filter:brightness(1.4)contrast(1.2)blur(.6px)hue-rotate(18deg);transform:scale(1.02)}to{filter:brightness()contrast()blur()hue-rotate();transform:scale(1)}}.mobile-turn-bar{display:none}@media (width<=767px){.mobile-turn-bar{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;margin:8px 0;padding:6px 10px;display:flex}.mobile-turn-bar .turn{align-items:center;gap:4px;font-size:12px;line-height:1;display:flex}.mobile-turn-bar .turn__label{color:#666;font-weight:500}.mobile-turn-bar .turn__value{color:#111;font-size:14px;font-weight:700}.mobile-turn-bar .btn--end{flex:2;min-height:28px;margin-left:auto;padding:4px 10px;font-size:12px;line-height:1}}.modal{z-index:9999;background:#00000059;padding:30px 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal__card{background:#fffef3;border-radius:16px;width:100%;max-width:1100px;margin:auto;padding:16px}.modal__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal__title{font-size:18px;font-weight:800}.modal__sub{opacity:.7;margin-top:2px;font-size:13px}.modal__tabs{gap:8px;display:flex}.board--mini .board__grid{max-width:520px}.mini-board{width:100%}.mini-board__grid{grid-template-columns:repeat(7,1fr);width:100%;display:grid}.mini-board .square{aspect-ratio:1}