:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1eee8;background:#090b0f;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}button{font:inherit}.match-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;height:100dvh;min-height:690px;display:grid;overflow:hidden}.right-column{grid-template-rows:minmax(0,7fr) 24px minmax(0,3fr);min-width:0;min-height:0;display:grid}.player-area{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.player-area--human{background:#171a21;border-right:1px solid #343944;padding:clamp(22px,3vw,52px)}.player-area--human:before,.player-area--jev:before{content:"";pointer-events:none;background:radial-gradient(circle at 82% 44%,#28313b50,#0000 48%);position:absolute;inset:0}.player-area--jev{background:#10141a;padding:clamp(20px,2.4vw,38px)}.player-area--jev:before{background:radial-gradient(circle at 55%,#16393844,#0000 55%)}.area-header,.human-content,.area-footer,.jev-content{z-index:1;position:relative}.area-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.eyebrow{color:#e4a474;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}.area-header h1,.area-header h2{letter-spacing:-.055em;margin:0;font-size:clamp(28px,3.25vw,53px);font-weight:700;line-height:1}.area-header--compact h2{font-size:clamp(26px,2.7vw,43px)}.status-pill{color:#c9d0d2;letter-spacing:.035em;white-space:nowrap;border:1px solid #424a54;border-radius:100px;align-items:center;gap:9px;max-width:185px;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.status-pill__dot{background:#e7ab79;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 10px #e7ab7966}.status-pill--jev .status-pill__dot{background:#73d4ca;box-shadow:0 0 10px #73d4ca77}.human-content{flex:1;justify-content:center;align-items:center;gap:clamp(24px,4vw,76px);min-height:0;display:flex}.game-sidebar{flex-direction:column;flex:0 0 112px;justify-content:center;align-self:stretch;gap:14px;display:flex}.brand-mark{color:#f3e9dd;letter-spacing:-.08em;font-size:17px;font-weight:900;position:absolute;top:14px;left:0}.brand-mark span{color:#e7ab79}.round-card,.piece-card{border-top:1px solid #414751;padding-top:13px}.card-label,.card-note{color:#929ba5;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.round-card strong,.piece-card strong{color:#f4f0e8;letter-spacing:-.065em;margin:8px 0 4px;font-size:clamp(38px,4vw,58px);line-height:1;display:block}.piece-card .piece-letter{font-size:clamp(32px,3.3vw,48px)}.piece-letter--i{color:#7cd9df!important}.piece-letter--o{color:#f1d486!important}.piece-letter--t{color:#cbafec!important}.piece-letter--s{color:#9bd4a3!important}.piece-letter--z{color:#ed9b9c!important}.piece-letter--j{color:#95b9ec!important}.piece-letter--l{color:#efb17d!important}.card-note{color:#68727d;font-size:9px}.board-wrap{flex-direction:column;align-items:center;min-width:0;min-height:0;display:flex}.board-wrap--human{height:min(76vh,655px);max-height:100%}.board-wrap--human:focus{outline-offset:5px;border-radius:3px;outline:2px solid #f1c09d}.board-wrap--jev{height:min(48vh,440px);max-height:100%}.board{aspect-ratio:1/2;background:#252d35;border:1px solid #59626a;grid-template-rows:repeat(20,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;height:100%;padding:5px;display:grid;position:relative;box-shadow:0 22px 42px #0007,inset 0 0 0 4px #121820}.board--jev{background:#263b3d;border-color:#426564}.board__cell{background:#111820;border:1px solid #2a333c;min-width:0;min-height:0}.board--jev .board__cell{background:#112125;border-color:#294145}.board__cell--i{background:#7cd9df!important;border-color:#a9eef1!important}.board__cell--o{background:#f1d486!important;border-color:#ffe6a7!important}.board__cell--t{background:#cbafec!important;border-color:#ddc8f5!important}.board__cell--s{background:#9bd4a3!important;border-color:#bee8c3!important}.board__cell--z{background:#ed9b9c!important;border-color:#fac2c2!important}.board__cell--j{background:#95b9ec!important;border-color:#bed3f1!important}.board__cell--l{background:#efb17d!important;border-color:#f7cfaa!important}.board__cell--active{box-shadow:inset 0 0 0 2px #fff5,0 0 16px #fff2}.board__piece-layer{z-index:2;pointer-events:none;position:absolute;inset:6px}.board__piece-cell{border:1px solid;width:calc(10% - 1.8px);height:calc(5% - 1.9px);position:absolute;box-shadow:inset 0 0 0 2px #fff5,0 0 16px #fff2}.board--landing>.board__cell--active{opacity:0}.board--landing .board__piece-cell{transition:left .3s,top .3s}.board--landing[data-landing-paused=true] .board__piece-cell{transition-duration:0s}@media (prefers-reduced-motion:reduce){.board--landing .board__piece-cell{transition:none}}.board-caption{color:#8e999f;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;width:100%;margin-top:9px;font-size:10px;font-weight:700;display:flex}.area-footer{color:#77818d;letter-spacing:.11em;text-transform:uppercase;border-top:1px solid #414751;flex-direction:column;align-items:flex-start;gap:8px;padding-top:12px;font-size:11px;font-weight:700;display:flex}.control-help{color:#aab4bc;letter-spacing:0;text-transform:none;max-width:100%;margin:0;font-size:clamp(8px,.72vw,10px);font-weight:500;line-height:1.6}.control-help kbd{color:#f3e9dd;font:inherit;white-space:nowrap;border:1px solid #58616a;border-radius:3px;padding:1px 4px}.jev-content{flex:1;justify-content:center;align-items:center;gap:clamp(28px,5vw,90px);min-height:0;display:flex}.jev-side-note{color:#929fa7;flex-direction:column;gap:12px;font-size:12px;line-height:1.5;display:flex}.vertical-rule{background:#78c9c0;width:28px;height:2px;display:block}.jev-side-note strong{color:#dcebe8;letter-spacing:-.06em;white-space:nowrap;font-size:24px}.jev-side-note strong span{color:#79cfc6}.jev-side-note small{color:#657d80;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:700}.panel-resizer{z-index:4;cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#10141a;justify-content:center;align-items:center;min-width:0;min-height:24px;display:flex;position:relative}.panel-resizer:before{content:"";background:#465158;border-radius:2px;width:min(100%,80px);height:2px;transition:background-color .15s,width .15s;display:block}.panel-resizer:hover:before,.panel-resizer:focus-visible:before{background:#edb68d;width:min(100%,112px)}.panel-resizer:focus-visible{outline-offset:-2px;outline:2px solid #edb68d}.decision-area{background:#242a2e;flex-direction:column;min-width:0;min-height:0;padding:clamp(14px,1.5vw,22px) clamp(20px,2.4vw,38px);display:flex}.decision-heading{justify-content:space-between;align-items:start;display:flex}.decision-heading .eyebrow{margin-bottom:7px}.round-indicator{color:#8f9b9d;letter-spacing:.14em;font-size:10px;font-weight:700}.decision-main{flex:none;justify-content:space-between;align-items:center;gap:18px;min-height:0;padding:4px 0;display:flex}.decision-main h2{letter-spacing:-.055em;margin:0 0 5px;font-size:clamp(22px,2vw,30px);line-height:1}.decision-main p{color:#aab5b6;max-width:320px;margin:0;font-size:12px;line-height:1.5}.decision-facts{border-top:1px solid #485157;flex-direction:column;flex:1;min-width:0;min-height:0;padding-top:6px;display:flex;overflow:auto}.decision-facts__header,.decision-facts__metadata{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.decision-facts__header h3{color:#e0e8e3;letter-spacing:-.01em;margin:0;font-size:12px}.decision-facts__header>span,.decision-facts__metadata{color:#879497;font-size:9px}.decision-facts__metadata{justify-content:flex-start;gap:14px;padding:2px 0 4px}.decision-facts__placements{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.decision-facts__placement{color:#aab5b6;background:#1b2124;border-left:2px solid #0000;grid-template-columns:minmax(70px,.7fr) minmax(130px,1.25fr) minmax(42px,.45fr) minmax(250px,2.5fr);align-items:center;gap:8px;min-width:0;padding:3px 7px;font-size:9px;line-height:1.25;display:grid}.decision-facts__placement--selected{background:#2c3030;border-left-color:#edb68d}.decision-facts__rank{color:#b5c2bf;letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:700}.decision-facts__piece{color:#e5ebe6;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.decision-facts__probability{color:#edb68d;font-size:10px;font-weight:800}.decision-facts__outcome{color:#9eaaab;min-width:0}.match-actions{flex-direction:column;flex:none;align-items:stretch;gap:10px;display:flex}.action-button,.text-button{cursor:pointer}.action-button{color:#202024;letter-spacing:.04em;text-align:left;background:#edb68d;border:1px solid #f1c09d;justify-content:space-between;gap:20px;min-width:145px;padding:12px 14px;font-size:11px;font-weight:800;display:flex}.action-button:hover{background:#ffd0ab}.action-button:focus-visible,.text-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.text-button{color:#d2d4d1;text-underline-offset:4px;background:0 0;border:0;padding:4px;font-size:11px;font-weight:700;text-decoration:underline}.decision-footer{color:#859093;letter-spacing:.11em;text-transform:uppercase;border-top:1px solid #485157;justify-content:space-between;align-items:center;margin-top:5px;padding-top:7px;font-size:9px;font-weight:700;display:flex}.decision-footer strong{color:#e0e8e3;font-size:14px}@media (max-width:1200px){.decision-facts__placement{grid-template-columns:minmax(58px,.7fr) minmax(110px,1.3fr) minmax(40px,.4fr)}.decision-facts__outcome{grid-column:2/-1}}@media (max-width:950px){.match-shell{flex-direction:column;height:auto;min-height:100dvh;display:flex;overflow:visible}.player-area--human{border-bottom:1px solid #343944;border-right:0;min-height:760px}.right-column{flex-direction:column;display:flex}.player-area--jev{border-bottom:1px solid #343944;min-height:620px}.panel-resizer{display:none}.decision-area{min-height:250px}}@media (max-width:560px){.player-area--human,.player-area--jev,.decision-area{padding:22px}.status-pill{white-space:normal;max-width:110px}.game-sidebar{flex-basis:66px;gap:10px}.brand-mark{top:10px}.human-content{gap:16px}.board-wrap--human{height:min(60vh,530px)}.board-wrap--jev{height:min(56vh,410px)}.jev-content{gap:20px}.jev-side-note{font-size:10px}.jev-side-note strong{font-size:18px}.decision-main{flex-direction:column;align-items:start;padding:12px 0 8px}.match-actions{flex-direction:row}.decision-facts{max-height:360px}.decision-facts__header,.decision-facts__metadata{flex-direction:column;align-items:flex-start;gap:3px}.decision-facts__metadata{flex-flow:wrap;gap:8px}.decision-facts__placement{grid-template-columns:minmax(62px,.7fr) minmax(112px,1.3fr) minmax(40px,.4fr)}.decision-facts__outcome{grid-column:2/-1}}@media (max-width:420px){.board-wrap--human{height:min(60vh,380px)}.jev-side-note{display:none}}
