#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;aspect-ratio:1456/570;pointer-events:none;width:min(560px,100%);position:absolute;top:24px;left:50%;translate:-50%;container-type:inline-size}.gate-title-plate{aspect-ratio:1456/570;box-sizing:border-box;padding-top:10.6%;position:relative}.siege-cartouche{object-fit:contain;opacity:0;width:100%;height:100%;position:absolute;inset:0}.siege-cartouche.is-decoded{opacity:1}#opening h1{letter-spacing:0;height:auto;margin:0;font-size:8cqw;line-height:1.05;position:relative}#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;color:#fff0d2;text-shadow:0 1px 2px #000;flex-direction:column;align-items:center;gap:2px;font:700 clamp(16px,2.7dvh,26px)/1 Golos Text,sans-serif;display:flex;position:absolute;top:43%;left:50%;translate:-50% -50%}.opening-color-stat[hidden]{display:none}.opening-color-stat small{font:500 10px/1 Golos Text,sans-serif}.gate-piece-ivory .opening-color-stat{color:#29251d;text-shadow:0 1px 1px #fff4da}.opening-your-color{letter-spacing:.08em;color:#f0c381;text-shadow:0 1px 3px #000;visibility:hidden;width:100%;font:600 10px/1.2 Golos Text,sans-serif;position:absolute;top:90%;left:0}.gate-piece-slot[aria-pressed=true] .opening-your-color{visibility:visible}#opening .gate-piece-slot[aria-pressed=true] canvas{filter:drop-shadow(0 2px 2px #a6522166)}#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-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:100%;top:8px}#opening .siege-cartouche{object-fit:contain;width:100%}}@media (min-width:1400px) and (min-aspect-ratio:16/9){#opening .siege-housing img{aspect-ratio:auto;object-fit:cover;object-position:center;width:100%;height:100%;top:50%;left:50%;translate:-50% -50%}}@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:270px;top:0}#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-rail{z-index:10000;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:none;gap:8px;display:flex;position:fixed;transform:translate(-50%)}#match-rail .opening-utility{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}@media (orientation:landscape) and (max-height:500px){#match-rail{left:auto;right:calc(12px + env(safe-area-inset-right));transform:none}}#match-undo:disabled,#match-resign:disabled{opacity:.45;cursor:default}#match-undo:focus-visible,#match-resign: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%)}#opening .gate-piece-visual{pointer-events:none;display:block;position:absolute;inset:0}#opening .gate-piece-visual canvas{width:calc(var(--piece) * 852 / 724);height:calc(var(--piece) * 980 / 724);top:calc(var(--piece) * -256 / 724)}#opening:not(.is-gate-ready) .gate-piece-slot{visibility:visible}#opening .opening-side-label{color:#eee4d0;letter-spacing:.12em;text-align:center;text-shadow:0 1px 3px #000,0 1px 5px #000;pointer-events:none;width:100%;font:600 11px/14px Golos Text,sans-serif;position:absolute;top:calc(100% - 4px);left:0}#opening .opening-your-color{box-sizing:border-box;color:#ffe6b5;letter-spacing:.03em;width:114px;height:22px;text-shadow:none;pointer-events:none;background:#242722;border:1px solid #aa8753;border-radius:2px;justify-content:center;align-items:center;font:600 11px/1 Golos Text,sans-serif;display:flex;top:calc(100% + 13px);left:50%;translate:-50%;box-shadow:inset 0 1px #77715a,inset 0 -2px #111512,0 2px 3px #0009}#opening .gate-piece-slot[aria-pressed=true]:after{content:none}#opening .opening-global-stats{z-index:4;top:calc(var(--piece-y) - 84px);box-sizing:border-box;color:#ded7c5;text-align:center;pointer-events:none;background:#1b201f;border:1px solid #666657;border-radius:2px;width:min(342px,100% - 36px);margin:0;padding:6px 12px;position:absolute;left:50%;translate:-50%;box-shadow:inset 0 1px #45483e,0 2px 5px #0009}#opening .opening-global-stats h2{letter-spacing:.05em;color:#e1d2ae;margin:0 0 7px;font:600 17px/22px Literata,serif}#opening .opening-stats-values{justify-content:center;align-items:center;gap:22px;min-height:15px;font:400 12px/15px Golos Text,sans-serif;display:flex}#opening .opening-win-count{color:#fff0d0;font-variant-numeric:tabular-nums;margin-left:5px}#opening #opening-stats-unavailable{color:#bfb9a9}@media (max-height:760px){#opening .opening-global-stats{padding:4px 12px}}@media (max-height:620px){#opening .opening-global-stats{top:calc(var(--piece-y) - 65px);padding:4px 10px}#opening .opening-side-label{font-size:10px}#opening .opening-your-color{height:20px;top:calc(100% + 10px)}}@media (max-height:440px) and (min-width:600px){#opening{--piece-y:270px;--piece:72px}#opening .opening-global-stats{top:210px}#opening .opening-global-stats h2{margin-bottom:2px;font-size:14px;line-height:18px}}#opening{--piece:135px;--column:174px;--play-y:214px;overscroll-behavior:contain;overflow:hidden auto}#opening .opening-sheet{height:max(844px,100%);min-height:844px;padding:0}#opening .gate-title-canopy{width:366px;max-width:100%;top:55px}#opening h1{font-size:27px;line-height:1.08}#opening h1 span{font-size:37px}#opening .siege-housing img{aspect-ratio:3/2;object-fit:contain;width:auto;height:100%;top:0;left:50%;translate:-50%}#opening :is(#opening-play,#opening-online,#opening-retry,#opening-history,#opening-options){width:174px;height:66px;padding:7px 5px;font-size:17px;top:214px;left:calc(50% - 183px)}#opening :is(#opening-online,#opening-options){left:calc(50% + 9px)}#opening :is(#opening-history,#opening-options){height:46px;font-size:16px;top:288px}#opening #opening-online{flex-direction:column;gap:2px}#opening .opening-live-badge{color:#d3c4a5;font-size:10px;line-height:16px;position:static}#opening #opening-live-dot{display:none}#opening :is(#opening-play,#opening-online,#opening-history,#opening-options):before,#opening :is(#opening-play,#opening-online,#opening-history,#opening-options):after{content:"";background:#a29b81;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;box-shadow:0 1px 2px #000}#opening :is(#opening-play,#opening-online,#opening-history,#opening-options):before{left:7px}#opening :is(#opening-play,#opening-online,#opening-history,#opening-options):after{right:7px}#opening .chronicle-half{z-index:4;text-align:center;background:linear-gradient(#1b2225c9,#22292dcc),url(./gate-BYcpQk93.webp) 24% 56%/auto 700px;border:4px ridge #74786b;width:181px;height:294px;padding:18px 5px 12px;position:absolute;top:59%;left:calc(50% - 183px);box-shadow:inset 0 0 0 3px #101718,inset 0 0 0 6px #4f5751,inset 0 12px 15px #aab09822,inset 0 -12px 12px #0009,0 7px 9px #000b}#opening .chronicle-right{background-position:50%,76% 56%;left:calc(50% + 2px)}#opening .chronicle-half h2{letter-spacing:.015em;color:#ead9b6;text-shadow:0 2px 2px #000;margin:0;font:600 20px/28px Literata,Georgia,serif}#opening .chronicle-total{letter-spacing:.06em;margin:8px 0 0;font-size:14px;line-height:21px}#opening .chronicle-total strong{letter-spacing:0;color:#fff2d0;font:600 30px/36px Literata,Georgia,serif;display:block}#opening .chronicle-half .gate-piece-slot{width:135px;height:135px;top:115px;left:50%;translate:-50%}#opening .opening-side-label{display:none}#opening .opening-your-color{top:calc(100% + 8px)}#opening .chronicle-chain{filter:drop-shadow(0 3px 2px #000);align-items:center;width:44px;height:15px;display:flex;position:absolute;top:69px;right:calc(100% - 4px)}#opening .chronicle-right .chronicle-chain{left:calc(100% - 4px);right:auto}#opening .chronicle-chain.second{top:226px}#opening .chronicle-chain i{background:#202522;border:3px ridge #9b9b85;border-radius:5px;flex:none;width:16px;height:10px;margin-left:-5px;display:block}#opening .chronicle-chain i:nth-child(2n){height:6px}#opening.is-departing{overscroll-behavior:none;overflow:hidden}#opening .chronicle-error{z-index:6;text-align:center;color:#f1e6d0;pointer-events:none;text-shadow:0 1px 1px #000;background:#12171ae8;border:1px solid #6d6758;width:max-content;max-width:min(280px,100% - 28px);margin:0;padding:2px 8px;font-size:12px;line-height:16px;position:absolute;top:calc(59% + 82px);left:50%;translate:-50%}#opening #opening-stats-retry{z-index:7;pointer-events:auto;min-height:44px;position:absolute;top:calc(59% + 108px);left:50%;translate:-50%}body:has(#opening:not([hidden])) #match-rail{visibility:hidden}@media (min-width:700px){#opening{--piece:170px;--column:243px;--play-y:238px}#opening .opening-sheet{height:max(900px,100%);min-height:900px}#opening .gate-title-canopy{width:510px;top:18px}#opening h1{font-size:37px}#opening h1 span{font-size:51px}#opening :is(#opening-play,#opening-online,#opening-retry,#opening-history,#opening-options){width:243px;font-size:20px;top:238px;left:calc(50% - 255px)}#opening :is(#opening-online,#opening-options){left:calc(50% + 12px)}#opening :is(#opening-history,#opening-options){height:48px;font-size:18px;top:312px}#opening .opening-live-badge{font-size:12px}#opening .chronicle-half{width:253px;height:352px;padding-top:24px;left:calc(50% - 255px)}#opening .chronicle-right{left:calc(50% + 2px)}#opening .chronicle-half h2{font-size:25px;line-height:34px}#opening .chronicle-total{font-size:16px}#opening .chronicle-total strong{font-size:34px;line-height:40px}#opening .chronicle-half .gate-piece-slot{width:170px;height:170px;top:135px}#opening .chronicle-chain.second{top:272px}#opening .chronicle-error{font-size:13px;line-height:18px;top:calc(59% + 100px)}#opening #opening-stats-retry{top:calc(59% + 128px)}}#opening .menu-press-visual{pointer-events:none;position:absolute;inset:0}#opening .gate-piece-slot{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#opening .gate-piece-slot[data-art=static] .menu-press-visual:before{content:"";width:calc(var(--piece) * .65);height:calc(var(--piece) * .55);border-radius:50%;position:absolute;top:24%;left:50%;translate:-50%;box-shadow:0 5px 5px 2px #000b}#opening .gate-piece-slot[data-art=static] img{transition:transform .18s ease-out}#opening .gate-piece-slot[data-art=static] .is-menu-pressed img{transition:none;transform:translateY(6px)}@media (prefers-reduced-motion:reduce){#opening .gate-piece-slot[data-art=static] img{transition:none}}