#opening{--gate-open:0;--gate-slide:0;--gate-title:0;--gate-press:0;--bar-width:170px;--travel:97px;--play-y:60.43%;--utility-y:69.19%;--phrase-y:77.25%;background:0 0;overflow:hidden}#opening:before{display:none}#opening .opening-sheet{width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0}#opening .opening-art{opacity:1;z-index:0;pointer-events:none;height:100%;margin:0;transition:none;position:absolute;inset:0}.gate-door{background:#111718 url(./material-jYH226jP.webp) 50%/cover no-repeat;width:50%;position:absolute;top:0;bottom:0;overflow:hidden}.gate-door:before{content:"";border:4px solid #777668;position:absolute;inset:12px 5px 13px 8px;box-shadow:inset 0 0 0 5px #0a0d0e}.gate-door:after{content:"";background:#454942;width:8px;position:absolute;top:45px;bottom:46px;right:15px}.gate-right:before{left:5px;right:8px}.gate-right:after{left:15px;right:auto}.gate-left{border-right:4px solid #050708}.gate-right{border-left:4px solid #050708;box-shadow:inset 1px 0 #a28e60}.gate-crossbars i{background:#373d3b;border:2px solid #686c61;height:12px;position:absolute;top:36px;left:20px;right:17px}.gate-crossbars i:nth-child(2){top:33.333%}.gate-crossbars i:nth-child(3){top:66.667%}.gate-crossbars i:nth-child(4){top:auto;bottom:28px}.gate-crossbars i:before,.gate-crossbars i:after{content:"";background:#88816a;border:2px solid #101415;border-radius:50%;width:10px;height:10px;position:absolute;top:-1px}.gate-crossbars i:before{left:2px}.gate-crossbars i:after{right:2px}.gate-piece{z-index:1;pointer-events:auto;cursor:pointer}.opening-color-stat{z-index:2;pointer-events:none;place-items:center;font:600 36px/1 Golos Text,sans-serif;display:grid;position:absolute;inset:0}.gate-piece-ivory .opening-color-stat{color:#292b28}.gate-piece-black .opening-color-stat{color:#f1e5c6}#opening .opening-art{pointer-events:none}#opening .opening-art .gate-piece{filter:brightness(.86)}#opening .opening-art .gate-piece-slot.is-chosen .gate-piece{filter:brightness(1.08)}#opening .opening-art .gate-piece-slot.is-chosen{outline-offset:4px;outline:2px solid #f1e5c6;transform:translate(-50%)scale(1.05)}@media (prefers-reduced-motion:reduce){#opening .opening-art .gate-piece-slot.is-chosen{outline-offset:3px;transform:translate(-50%)}}.gate-left{transform:translateX(calc(-100% * var(--gate-open)));left:0}.gate-right{transform:translateX(calc(100% * var(--gate-open)));right:0}#opening .opening-art img{object-fit:contain;filter:none;max-width:none;transition:opacity .25s ease-out;position:absolute}#opening .opening-actions{z-index:2;margin:0;display:block;position:static}#opening-play,#opening-retry{z-index:3;width:var(--bar-width);left:auto;right:calc(50% + 8px);top:var(--play-y);outline-offset:5px;color:#292b28;height:54px;min-height:54px;transform:translate(calc(-1 * var(--travel) * var(--gate-slide) - 50vw * var(--gate-open)),calc(3px * var(--gate-press)));background:linear-gradient(#ddd0ab,#a79774);border:2px solid #f1e5c6;margin:0;padding:8px;font-size:22px;position:absolute;box-shadow:inset 0 0 0 3px #665b43,0 3px 5px #0009}#opening-status{z-index:3;left:calc(50% - var(--bar-width)/2);width:var(--bar-width);top:var(--play-y);outline-offset:5px;color:#292b28;height:54px;min-height:54px;transform:translate(calc(-1 * var(--travel) * var(--gate-slide) - 50vw * var(--gate-open)),calc(3px * var(--gate-press)));background:linear-gradient(#ddd0ab,#a79774);border:2px solid #f1e5c6;margin:0;padding:8px;font-size:22px;position:absolute;box-shadow:inset 0 0 0 3px #665b43,0 3px 5px #0009}#opening-online{z-index:4;top:var(--play-y);width:var(--bar-width);color:#e2d9c0;height:54px;min-height:44px;transform:translate(calc(var(--travel) * var(--gate-slide) + 50vw * var(--gate-open)),calc(3px * var(--gate-press)));background:linear-gradient(#444946,#252b2b);border:2px solid #8b8878;margin:0;padding:8px 28px 8px 8px;font-size:18px;line-height:1.1;position:absolute;left:calc(50% + 8px);box-shadow:inset 0 0 0 3px #12191a,0 3px 5px #0009}#opening-live-dot{vertical-align:middle;background:#9ecf8a;border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block}.opening-live-badge{color:#e2d9c0;background:#12191a;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font:600 11px/16px Golos Text,sans-serif;position:absolute;top:4px;right:6px}#opening-online.is-live #opening-live-dot{animation:1.6s ease-in-out infinite opening-live}@keyframes opening-live{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){#opening-online.is-live #opening-live-dot{animation:none}}#opening-search{z-index:5;left:50%;top:var(--play-y);color:#e2d9c0;text-align:center;background:linear-gradient(#444946,#252b2b);border:2px solid #8b8878;width:min(360px,100vw - 24px);padding:10px 12px;position:absolute;transform:translate(-50%);box-shadow:inset 0 0 0 3px #12191a,0 3px 5px #0009}#opening-search-copy{margin:0 0 8px;font-size:16px;line-height:1.3}#opening-search-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#opening-search-actions button{color:#292b28;background:linear-gradient(#ddd0ab,#a79774);border:2px solid #c5b28e;min-width:120px;min-height:44px;padding:8px 12px;font-size:16px}#opening-search-create,#opening-search-enter,#opening-search-go{min-width:120px;min-height:44px}#opening-friend-code{text-align:center;letter-spacing:.2em;width:120px;min-height:44px;font-size:20px}#opening.is-searching #opening-play,#opening.is-searching #opening-online,#opening.is-searching #opening-friend{visibility:hidden;pointer-events:none}#opening-retry{font-size:16px;line-height:1.1}#opening.is-departing #opening-play:disabled{background:linear-gradient(#ddd0ab,#a79774);border-color:#f1e5c6;box-shadow:inset 0 0 0 3px #665b43,0 3px 5px #0009}#opening-play:before,#opening-play:after,#opening-status:before,#opening-status:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 5px,#131b1d 0 3px,#0000 3px),radial-gradient(circle at 50% calc(100% - 5px),#131b1d 0 3px,#0000 3px),#575e58;border:1px solid #99917a;width:12px;position:absolute;top:8px;bottom:8px}#opening-play:before,#opening-status:before{left:-7px}#opening-play:after,#opening-status:after{right:-7px}#opening-status{top:var(--phrase-y);color:#e2d9c0;height:44px;min-height:44px;transform:translateX(calc(var(--travel) * var(--gate-slide) + 50vw * var(--gate-open)));background:linear-gradient(#444946,#252b2b);border-color:#8b8878;font-size:11px;box-shadow:inset 0 0 0 3px #12191a,0 3px 5px #0009}#opening-error{font-size:11px;line-height:1.2}#opening:has(#opening-error:not([hidden])) #opening-status{width:min(334px,100vw - 40px);height:auto;padding:8px 12px;left:50%;transform:translate(-50%)}#opening .opening-utilities{display:contents}#opening-help,#opening-settings{z-index:3;top:var(--utility-y);background:linear-gradient(#444946,#252b2b);border:2px solid #8b8878;width:150px;height:44px;min-height:44px;font-size:16px;position:absolute;box-shadow:inset 0 0 0 3px #12191a,0 3px 5px #0009}#opening-help{transform:translateX(calc(-50vw * var(--gate-open)));right:calc(50% + 20px)}#opening-settings{transform:translateX(calc(50vw * var(--gate-open)));left:calc(50% + 20px)}.gate-title-canopy{z-index:2;width:min(354px,100vw - 36px);transform:translate(-50%,calc(-1 * (100% + 15vh + 40px) * var(--gate-title)));position:absolute;top:7.58%;left:50%}.gate-title-canopy:after{content:"";background:linear-gradient(#51594f 0 5px,#222a2b 5px 12px,#0a1011 12px);height:18px;position:absolute;top:-18px;left:-10px;right:-10px;box-shadow:0 2px 3px #0008}.gate-title-clip{margin:-5px -5px 0;padding:5px 5px 16px;overflow:hidden}.gate-title-plate{background:#252c2c;border:2px solid #8b8470;padding:6px 8px 10px;position:relative}.gate-title-plate:before,.gate-title-plate:after{content:"";clip-path:polygon(0 0,17px 0,17px 5px,5px 5px,5px 17px,0 17px,0 calc(100% - 17px),5px calc(100% - 17px),5px calc(100% - 5px),17px calc(100% - 5px),17px 100%,0 100%);pointer-events:none;border:5px solid #727366;position:absolute;inset:-3px}.gate-title-plate:after{transform:scaleX(-1)}#opening h1{height:auto;margin:0;font-size:38px;line-height:1.12}#opening .opening-slogan{white-space:nowrap;background:0 0;margin:9px 0 0;font-size:12px}@media (min-width:700px) and (min-aspect-ratio:1){#opening{--bar-width:334px;--travel:179px;--play-y:73.75%;--utility-y:82.5%;--phrase-y:90.28%}.gate-title-canopy{top:4.44%}#opening-status{font-size:13px}}@media (max-width:359px){#opening-help,#opening-settings{width:130px}#opening-help{right:calc(50% + 10px)}#opening-settings{left:calc(50% + 10px)}#opening h1{font-size:32px}#opening h1 span{font-size:44px}#opening .opening-slogan{font-size:10px}}@media (max-height:600px){#opening{--play-y:calc(100% - 170px);--utility-y:calc(100% - 108px);--phrase-y:calc(100% - 52px)}.gate-title-canopy{top:24px}#opening h1{font-size:20px}#opening h1 span{font-size:26px}#opening .opening-slogan{margin-top:4px;font-size:10px}}@media (prefers-reduced-motion:reduce){#opening .opening-art img{transition:none}}#opening{--ui:clamp(1px,min(.14vw,.15vh),1.6px);--bar-width:min(calc(170 * var(--ui)),calc(50vw - 28px));--travel:calc(var(--bar-width)/2 + 12px);--piece-size:min(49vw,24vh)}#opening .opening-art .gate-piece-slot{z-index:1;width:var(--piece-size);height:var(--piece-size);pointer-events:auto;cursor:pointer;position:absolute;top:29%;left:50%;transform:translate(-50%)}#opening .opening-art .gate-piece-ivory{top:36%}#opening .opening-art .gate-piece-slot img.gate-piece{object-fit:contain;width:100%;max-width:none;height:100%;position:absolute;inset:auto 0 0 auto;transform:none}#opening-play,#opening-retry{height:calc(54 * var(--ui));min-height:44px;font-size:calc(22 * var(--ui))}#opening-online{height:calc(54 * var(--ui));min-height:44px;font-size:calc(16 * var(--ui))}#opening-status{height:calc(44 * var(--ui));min-height:44px;font-size:calc(11 * var(--ui));padding:calc(8 * var(--ui))}#opening-help,#opening-settings{height:calc(44 * var(--ui));min-height:44px;width:min(calc(150 * var(--ui)),calc(50vw - 30px));font-size:calc(16 * var(--ui))}.gate-title-canopy{width:min(calc(354 * var(--ui)),calc(100vw - 36px))}#opening h1{font-size:calc(38 * var(--ui))}#opening h1 span{font-size:calc(51 * var(--ui))}#opening .opening-slogan{font-size:calc(12 * var(--ui))}#opening-retry{font-size:calc(16 * var(--ui))}@media (min-width:700px) and (min-aspect-ratio:1){#opening{--bar-width:min(calc(334 * var(--ui)),calc(50vw - 36px));--piece-size:min(32vw,38vh)}#opening .opening-art .gate-piece-slot{top:26%}#opening .opening-art .gate-piece-ivory{top:32%}#opening-status{font-size:calc(13 * var(--ui))}}@media (max-height:600px){#opening{--ui:1px;--piece-size:min(33vw,32vh);--play-y:calc(100% - 152px);--utility-y:calc(100% - 96px);--phrase-y:calc(100% - 48px)}#opening .opening-art .gate-piece-slot{top:23%}#opening .opening-art .gate-piece-ivory{top:27%}#opening-play,#opening-retry{height:44px;font-size:20px}#opening h1{font-size:20px}#opening h1 span{font-size:26px}#opening .opening-slogan{font-size:10px}.gate-title-canopy{width:min(280px,100vw - 36px)}}#opening-history{z-index:3;top:var(--phrase-y);color:#e2d9c0;background:linear-gradient(#444946,#252b2b);border:2px solid #8b8878;width:min(150px,40vw);height:44px;min-height:44px;font-size:16px;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 3px #12191a,0 3px 5px #0009}#opening-friend{z-index:4;top:calc(var(--play-y) + 52px);width:var(--bar-width);color:#e2d9c0;height:40px;min-height:40px;transform:translate(calc(-1 * var(--travel) * var(--gate-slide) - 50vw * var(--gate-open)),0);background:linear-gradient(#444946,#252b2b);border:2px solid #8b8878;margin:0;position:absolute;left:auto;right:calc(50% + 8px)}#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}