#opening{--play-y:535px;--edge:clamp(6px,4vw,96px);background:#161a1b;overflow:hidden auto}#opening:before{content:none}#opening .opening-sheet{width:100%;max-width:none;height:100%;min-height:844px;margin:0;padding:0}#opening .opening-art{opacity:1;pointer-events:none;height:100%;margin:0;transition:none;position:absolute;inset:0;overflow:visible}#opening .opening-art img{filter:none;max-width:none;transition:none}#opening .siege-housing{--gate-w:max(1440px,100cqw,150cqh);--gate-h:calc(var(--gate-w) * 2 / 3);position:absolute;inset:0;overflow:hidden;container-type:size}#opening .siege-housing img{aspect-ratio:3/2;object-fit:contain;width:auto;max-width:none;height:100%;top:50%;left:50%;translate:-50% -50%}#opening .siege-layer{visibility:hidden}#opening.is-departing{background:0 0;overflow:hidden}#opening.is-departing :is(.siege-left,.siege-right){visibility:visible;will-change:transform}#opening.is-departing .siege-gate{visibility:hidden}#opening .siege-frame{display:none}#opening:not(.is-gate-ready) :is(.gate-piece-slot,.gate-title-canopy){visibility:hidden}.gate-title-canopy{z-index:2;pointer-events:none;width:364px;height:142.5px;position:absolute;top:42px;left:50%;translate:-50%}.gate-title-plate{height:142.5px;padding-top:42px;position:relative}.siege-cartouche{opacity:0;width:364px;height:142.5px;position:absolute;inset:0}.siege-cartouche.is-decoded{opacity:1}#opening h1{letter-spacing:0;height:auto;margin:0;font-size:27px;line-height:1.12;position:relative}#opening h1 span{font-size:36px}#opening .opening-slogan{white-space:nowrap;background:0 0;margin:0;font-size:14px;position:absolute;top:153px;left:50%;transform:translate(-50%)}#opening .gate-piece-slot{z-index:4;color:#e9e0ce;pointer-events:auto;background:0 0;border:0;width:164px;height:210px;padding:0;position:absolute}#opening .gate-piece-ivory{top:284px;left:calc(50% - 164px)}#opening .gate-piece-black{top:224px;left:50%}#opening .gate-piece-slot img,#opening .gate-piece-slot canvas{pointer-events:none;width:210px;height:210px;position:absolute;top:0;left:-23px}.opening-color-stat{pointer-events:none;width:100%;font:600 24px/1 Golos Text,sans-serif;position:absolute;top:65%;left:0}.gate-piece-ivory .opening-color-stat{color:#292b28}.opening-guest-tag{text-shadow:0 1px 3px #000;width:100%;font-size:11px;position:absolute;top:calc(100% + 20px);left:0}#opening .opening-actions{margin:0;display:block;position:static}#opening .opening-utilities{display:contents}#opening :is(#opening-play,#opening-online,#opening-retry,#opening-history,#opening-options){z-index:3;top:var(--play-y);width:184px;height:74px;min-height:44px;box-shadow:none;color:#e9e0ce;text-shadow:0 1px 2px #000;background:url(./button-steel-rest-xfr5-aZn.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0 12px 0 24px;font:600 16px/1.15 Golos Text,sans-serif;transition:none;display:flex;position:absolute;left:calc(50% - 186px);transform:none}#opening :is(#opening-play,#opening-retry){width:186px;font-size:18px}#opening #opening-online{left:calc(50% + 2px)}#opening #opening-history{top:calc(var(--play-y) + 174px);left:calc(50% - 92px)}#opening #opening-retry{font-size:14px}#opening button:focus-visible{outline-offset:0;outline:3px solid #bed9ec}#opening .opening-actions button:hover{filter:brightness(1.06)}#opening :is(#opening-play,#opening-online,#opening-retry,#opening-history,#opening-options):active{filter:none;background-image:url(./button-steel-pressed-CcjWzKr2.webp);transform:translateY(2px)}#opening .opening-actions button:disabled{filter:saturate(.35);cursor:wait}#opening-live-dot{background:#9ecf8a;border-radius:50%;width:7px;height:7px;margin-left:5px}.opening-live-badge{font-size:11px;position:absolute;top:8px;right:16px}#opening-status{z-index:6;top:calc(var(--play-y) + 252px);color:#f1d9ad;background:#161a1bf2;width:min(370px,100% - 24px);margin:0;padding:8px;font-size:14px;position:absolute;left:50%;transform:translate(-50%)}#opening-search{z-index:5;left:50%;top:var(--play-y);color:#e2d9c0;text-align:center;background:#252b2bf5;border:1px solid #8b8878;width:min(370px,100% - 24px);padding:12px;position:absolute;transform:translate(-50%)}#opening-search-copy{margin:0 0 8px;font-size:16px}#opening-search-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#opening-search-actions button{color:#292b28;background:#ddd0ab;border:1px solid #c5b28e;min-width:120px;min-height:44px;padding:8px 12px;font-size:16px}#opening-friend-code{text-align:center;letter-spacing:.2em;width:120px;min-height:44px;font-size:20px}#opening.is-searching :is(#opening-play,#opening-online){visibility:hidden;pointer-events:none}#opening{--column:min(184px,calc((100vw - 28px)/2));--piece:min(181px,var(--column),16dvh);--play-y:clamp(210px,42dvh,46%);--piece-y:calc(71dvh);overflow:hidden}#opening .opening-sheet{height:100%;min-height:0}#opening .gate-piece-slot{top:var(--piece-y);width:var(--column);height:var(--piece)}#opening .gate-piece-ivory{left:calc(50% - var(--column) - 6px)}#opening .gate-piece-black{left:calc(50% + 6px);right:auto}#opening .gate-piece-slot img,#opening .gate-piece-slot canvas{width:var(--piece);height:var(--piece);top:0;left:50%;translate:-50%}#opening :is(#opening-play,#opening-online,#opening-retry,#opening-history,#opening-options){width:var(--column);background-size:100% 100%;height:60px;padding:0 8px;font-size:16px}#opening :is(#opening-play,#opening-retry,#opening-history){left:calc(50% - var(--column) - 6px)}#opening :is(#opening-online,#opening-options){left:calc(50% + 6px);right:auto}#opening :is(#opening-history,#opening-options){top:calc(var(--play-y) + 64px)}#opening .opening-guest-tag{top:auto;bottom:0}#opening-status{top:auto;bottom:env(safe-area-inset-bottom,0px)}#opening-search{left:50%;right:auto;top:var(--play-y);max-height:calc(100% - var(--play-y) - 8px);overflow:auto;transform:translate(-50%)}#opening-options-dialog{width:320px}#opening-options-dialog .opening-button{min-height:44px;margin-top:12px}@media (max-width:699px){#opening .gate-title-canopy{width:min(364px,100%);top:8px}#opening .siege-cartouche{object-fit:contain;width:100%}}@media (max-height:620px){#opening{--play-y:clamp(150px,38dvh,42%)}#opening .gate-title-canopy{top:-12px}}@media (max-height:440px) and (min-width:600px){#opening{--piece:96px;--play-y:110px;--piece-y:calc(var(--play-y) + 108px)}#opening .gate-title-canopy{width:230px;height:90px;top:0}#opening .gate-title-plate{height:90px;padding-top:25px}#opening .siege-cartouche{width:230px;height:90px}#opening h1{font-size:18px}#opening h1 span{font-size:24px}#opening :is(#opening-play,#opening-online,#opening-retry,#opening-history,#opening-options){height:48px}#opening :is(#opening-history,#opening-options){top:calc(var(--play-y) + 50px)}}@media (prefers-reduced-motion:reduce){#opening *,#opening :before,#opening :after{transition:none!important;animation:none!important}#opening .gate-piece-slot[aria-pressed=true]:after{content:"";background:#ffe0a0;height:4px;position:absolute;bottom:0;left:25%;right:25%;box-shadow:0 0 0 2px #20190e}}#match-history{z-index:110;color:#e2d9c0;background:#161a1b;padding:16px;font-family:Golos Text,sans-serif;position:fixed;inset:0;overflow:auto}#match-history[hidden]{display:none}#match-history h2{margin:8px 0 16px;font:600 22px Literata,serif}#match-history-back{min-height:44px;margin-bottom:8px}.mh-row{color:#e2d9c0;background:#252b2b;border:2px solid #8b8878;align-items:center;gap:12px;width:100%;min-height:48px;margin:0 0 8px;padding:8px 12px;display:flex}.mh-disk{border-radius:50%;width:22px;height:22px}.mh-white{background:#e8dcc0}.mh-black{background:#2a2e2c;box-shadow:inset 0 0 0 2px #c5b28e}.mh-grid{aspect-ratio:1;border:2px solid #8b8878;grid-template-columns:repeat(8,1fr);width:min(360px,90vw);margin:12px 0;display:grid}.mh-grid i{aspect-ratio:1}.mh-light{background:#c4b496}.mh-dark{background:#5a5144}.mh-grid i[data-side=white]{background:radial-gradient(circle at 50% 45%,#f3ead2 55%,#5a5144 56%)}.mh-grid i[data-side=black]{background:radial-gradient(circle at 50% 45%,#2c322f 55%,#5a5144 56%)}#match-history-scrub{width:min(360px,90vw);display:block}.mh-best{outline-offset:-2px;outline:2px solid #9ecf8a}#match-history-eval{background:#5a5144;width:min(360px,90vw);height:4px;margin-top:8px;display:block}#match-history-eval.mh-ok{background:#9ecf8a}#match-history-eval.mh-alt{background:#8b8878}html body:has(#match-undo:not([hidden])) #game{height:calc(100% - 72px - env(safe-area-inset-bottom))}#match-undo{z-index:10000;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));min-width:132px;min-height:44px;box-shadow:none;color:#d0c9bb;pointer-events:auto;touch-action:manipulation;background:#202526;border:1px solid #62635b;gap:6px;padding:8px 12px;font:400 16px/1 Golos Text,sans-serif;position:fixed;transform:translate(-50%)}@media (orientation:landscape) and (max-height:500px){html body:has(#match-undo:not([hidden])) #game{height:calc(100% - 56px - env(safe-area-inset-bottom))}}#match-undo:disabled{opacity:.45;cursor:default}#match-undo:focus-visible{outline-offset:3px;outline:3px solid #bed9ec}#opening .siege-left{clip-path:polygon(0% 0%,50.1302% 0%,50.1302% 16.0156%,47.4609% 18.9453%,47.4609% 29.2969%,51.3021% 32.8125%,51.3021% 41.3086%,47.9818% 44.3359%,47.9818% 54.3945%,51.237% 57.5195%,51.237% 66.3086%,47.4609% 69.9219%,47.4609% 79.0039%,50.1302% 81.8359%,50.1302% 100%,0% 100%)}#opening .siege-right{clip-path:polygon(100% 0%,50.1302% 0%,50.1302% 16.0156%,47.4609% 18.9453%,47.4609% 29.2969%,51.3021% 32.8125%,51.3021% 41.3086%,47.9818% 44.3359%,47.9818% 54.3945%,51.237% 57.5195%,51.237% 66.3086%,47.4609% 69.9219%,47.4609% 79.0039%,50.1302% 81.8359%,50.1302% 100%,100% 100%)}