.bc-board{aspect-ratio:1;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--sq-dark,#476273);border-radius:9px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 55px #0003,0 0 0 1px #ffffff0d}.bc-board-squares{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.bc-board-square{cursor:pointer;outline-offset:-4px;background:var(--sq-light,#ced8c6);border:0;border-radius:0;min-width:0;padding:0;transition:filter .15s;position:relative}.bc-board-square.bc-board-dark{background:var(--sq-dark,#52716a)}.bc-board-square:disabled{cursor:default;opacity:1}.bc-board-square:not(:disabled):hover{filter:brightness(1.1)}.bc-board-square:focus-visible{outline:3px solid var(--accent,#c3ef86);z-index:2}.bc-board-last:before{content:"";background:var(--accent,#c3ef86);opacity:.3;position:absolute;inset:0}.bc-board-selected:before{content:"";background:var(--accent,#c3ef86);opacity:.65;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #fff5}.bc-board-check:before{content:"";background:radial-gradient(#ff334dcc 5%,#e2283570 40%,#f2000000 80%);position:absolute;inset:0}.bc-board-rank,.bc-board-file{z-index:1;color:var(--sq-dark,#52716a);opacity:.9;font-family:inherit;font-size:clamp(9px,1.05vw,12px);font-weight:750;line-height:1;position:absolute}.bc-board-rank{top:5px;left:5px}.bc-board-file{bottom:4px;right:5px}.bc-board-dark .bc-board-rank,.bc-board-dark .bc-board-file{color:var(--sq-light,#ced8c6)}.bc-board-legal-dot{z-index:2;background:#0e1e2f38;border-radius:50%;width:26%;height:26%;position:absolute;top:37%;left:37%;box-shadow:0 0 0 1px #ffffff13}.bc-board-capture-ring{z-index:2;border:5px solid #112c4b55;border-radius:50%;position:absolute;inset:4%}.bc-board-pieces{pointer-events:none;position:absolute;inset:0}.bc-board-piece{will-change:left,top;filter:drop-shadow(0 3px 1px #0004);justify-content:center;align-items:center;width:12.5%;height:12.5%;transition:left .2s cubic-bezier(.2,.7,.3,1),top .2s cubic-bezier(.2,.7,.3,1);display:flex;position:absolute}.bc-board-piece-svg{width:93%;height:93%;display:block;overflow:visible}.bc-board-dragging{z-index:10;filter:drop-shadow(0 10px 5px #0007);transition:none;transform:scale(1.1)}.bc-board-mini{pointer-events:none;box-shadow:none;border-radius:6px;max-width:160px}.bc-board-mini .bc-board-piece{filter:drop-shadow(0 1px 1px #0004);transition:none}.bc-board-mini .bc-board-square{cursor:default}.bc-board-mini .bc-board-piece-svg{width:96%;height:96%}@media (prefers-reduced-motion:reduce){.bc-board-piece,.bc-board-square{transition:none}}@media (max-width:600px){.bc-board{border-radius:5px}.bc-board-rank{top:3px;left:3px}.bc-board-file{bottom:3px;right:3px}.bc-board-capture-ring{border-width:3px}}.bc-board-piece-svg{transition:transform .3s cubic-bezier(.2,.7,.3,1)}.bc-piece-opposed>.bc-board-piece-svg{transform:rotate(180deg)}.bc-board-reversi .bc-board-square{box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--sq-light) 25%,transparent);background:color-mix(in srgb,var(--sq-dark) 75%,var(--bg))!important}.bc-board-reversi .bc-board-rank,.bc-board-reversi .bc-board-file{color:var(--sq-light)}.bc-board-reversi .bc-board-legal-dot{background:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 1px var(--accent)}.bc-board-reversi .bc-board-last:after{content:"";background:var(--accent);z-index:4;border-radius:50%;width:10%;height:10%;position:absolute;top:45%;left:45%;box-shadow:0 0 0 2px #14233e}.bc-disc-flipped>.bc-board-piece-svg{animation:.45s ease-in-out bc-disc-turn}@keyframes bc-disc-turn{0%{filter:brightness(.7);transform:rotateY(180deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media (prefers-reduced-motion:reduce){.bc-board-piece-svg{transition:none}.bc-disc-flipped>.bc-board-piece-svg{animation:none}}[data-reduced=true] .bc-board-piece-svg{transition:none}[data-reduced=true] .bc-disc-flipped>.bc-board-piece-svg{animation:none}.bc-texture-wood .bc-board-square{background-image:repeating-linear-gradient(3deg,#0000 0 5px,#6a422419 6px,#fff2 7px,#0000 9px),linear-gradient(95deg,#fff0,#fff1 47%,#0001 75%,#fff0)!important}.bc-texture-stone .bc-board-square{background-size:13px 11px,100% 100%;background-image:radial-gradient(circle at 20% 30%,#fff3 0 1px,#0000 1.3px),repeating-linear-gradient(150deg,#0000 0 13px,#fff2 14px,#0001 16px,#0000 19px)!important}.bc-piece-outline{filter:drop-shadow(0 1px .4px #0003)}.bc-piece-symbols{filter:drop-shadow(0 1px .4px #0004)}.bc-board-no-animation .bc-board-piece,.bc-board-no-animation .bc-board-piece-svg,.bc-board-no-animation .bc-board-square{transition:none!important;animation:none!important}.kind-tabs{gap:3px}.kind-tabs button{flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.kind-tabs .reversi-symbol{border:1px solid var(--accent);background:linear-gradient(90deg,#fffdf4 50%,#182844 50%);border-radius:50%;width:22px;height:22px;display:inline-block}.mode-help{color:var(--accent);align-items:center;gap:6px;margin:11px 0 0 auto;font-size:11px;display:flex}.board-toolbar button[aria-pressed=true]{color:var(--accent);background:var(--glow);border-radius:5px}.reversi-count{flex-wrap:wrap;align-items:center;gap:14px;padding:12px 0;font-size:12px;display:flex}.reversi-count>span{align-items:center;gap:6px;display:flex}.reversi-count i{background:#f8f6ee;border:1px solid #7a879c;border-radius:50%;width:15px;height:15px}.reversi-count .dark{background:#1d2c46}.reversi-count button{margin-left:auto}.match-chat-label{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:7px;padding:10px 14px;font-size:10px;display:flex}.chat-popups{z-index:600;flex-direction:column;gap:10px;width:min(340px,100vw - 32px);display:flex;position:fixed;bottom:22px;right:22px}.chat-popup{background:var(--panel);border:1px solid var(--accent);border-radius:12px;align-items:flex-start;gap:8px;padding:12px;animation:.22s ease-out chat-arrive;display:flex;box-shadow:0 10px 35px #0005}.chat-popup>button:first-child{text-align:left;flex:1;grid-template-columns:22px minmax(0,1fr);gap:8px;min-width:0;display:grid}.chat-popup svg{color:var(--accent)}.chat-popup strong,.chat-popup small,.chat-popup p{overflow-wrap:anywhere;display:block}.chat-popup strong{font-size:12px}.chat-popup small{color:var(--muted);margin-top:3px;font-size:9px}.chat-popup p{white-space:pre-wrap;margin:7px 0 0;font-size:12px;line-height:1.5}.chat-popup>.icon-btn{flex:none;padding:2px}@keyframes chat-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.reversi-tutorial ol{color:var(--muted);gap:10px;padding-left:20px;font-size:12px;line-height:1.6;display:grid}.reversi-tutorial strong{color:var(--text)}.tutorial-board{max-width:320px;margin:20px auto}.tutorial-footer{color:var(--accent);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}@media (max-width:650px){.kind-tabs button{gap:5px;font-size:11px!important}.kind-tabs button>.bc-board-piece-svg{width:20px}.kind-tabs .reversi-symbol{width:18px;height:18px}.chat-popups{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.chat-popup{animation:none}}[data-reduced=true] .chat-popup{animation:none}.account-name{vertical-align:middle;align-items:center;gap:5px;min-width:0;max-width:100%;display:inline-flex}.account-name>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-admin-shield{color:#ed7584;flex:none}.management-error{color:#ed9ca6;background:#ed75840c;border:1px solid #ed75844d;border-radius:10px;margin-bottom:18px;padding:12px 15px;font-size:12px;line-height:1.5}.management-muted{color:var(--muted);font-size:10px;font-weight:400}.management-empty{min-height:110px;color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:25px 18px;font-size:12px;line-height:1.5;display:flex}.management-versus{color:var(--muted);flex:none;margin:0 8px;font-size:10px;font-weight:400}.account-required{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:45px 20px;display:flex}.account-required>svg{color:var(--accent)}.account-required h2{margin:0;font-size:18px;font-weight:500}.account-required button{margin-top:4px}.account-directory-page,.admin-panel-page{max-width:1350px}.account-directory-page .page-heading,.admin-panel-page .page-heading{gap:16px}.management-heading-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.management-heading-actions .subtle-btn{align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:flex}.friend-request-pins{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:22px;display:grid}.friend-request-section{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));overflow:hidden}.friend-request-section h2{border-bottom:1px solid var(--line);align-items:center;gap:9px;margin:0;padding:16px 18px;font-size:13px;font-weight:500;display:flex}.friend-request-section h2>span{color:var(--muted);font-size:10px}.account-directory-search{border:1px solid var(--line);background:var(--panel);width:min(100%,520px);color:var(--muted);border-radius:12px;align-items:center;gap:10px;margin:0 0 20px;padding:0 13px;display:flex}.account-directory-search input{background:0 0;border:0;width:100%;min-width:0;padding:13px 0;font-size:12px}.account-directory-search svg{flex:none}.directory-columns{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.directory-section{overflow:hidden}.directory-section>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.directory-section>header h2{margin:0;font-size:15px;font-weight:500}.directory-section>header>span{color:var(--muted);font-size:10px}.directory-person{border-bottom:1px solid var(--line);align-items:center;gap:11px;min-width:0;padding:15px 17px;display:flex}.directory-person:last-child{border-bottom:0}.directory-avatar{background:var(--glow);border:1px solid var(--line);width:34px;height:34px;color:var(--accent);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.directory-person>.account-name{flex:1;font-size:12px}.directory-actions{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.directory-person .icon-btn{padding:7px}.directory-person .subtle-btn,.management-add,.management-accept{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:10px;line-height:1.2;display:inline-flex}.management-add,.management-accept{color:var(--accent);background:var(--glow);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}.management-add:hover,.management-accept:hover{background:var(--panel2)}.management-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.management-tabs{border:1px solid var(--line);background:var(--panel);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.management-tabs button{color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:10px 15px;font-size:11px;display:flex}.management-tabs button>span{opacity:.7;font-size:9px}.management-tabs button[aria-selected=true]{color:#f09aa5;background:#ed75841a}.management-toolbar>input{background:var(--panel);border-radius:11px;width:240px;min-width:180px;max-width:100%;padding:11px 13px;font-size:11px}.admin-invite{border-color:#ed75843d;align-items:center;gap:10px;margin-bottom:20px;padding:15px 18px;display:flex}.admin-invite>div{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.admin-invite small{color:var(--muted);font-size:10px}.admin-invite code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:14px}.admin-invite .subtle-btn{gap:6px;padding:9px 12px;font-size:11px;display:flex}.management-confirm{background:color-mix(in srgb,#ed7584 7%,var(--panel));border:1px solid #ed758466;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:17px 20px;display:flex}.management-confirm>div{flex-direction:column;flex:1;gap:7px;min-width:min(100%,250px);display:flex}.management-confirm strong{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.management-confirm small{color:var(--muted);font-size:10px;line-height:1.6}.management-confirm>.subtle-btn,.management-danger{border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 13px;font-size:11px;display:flex}.management-danger{color:#28131a;background:#ed7584}.management-danger:hover{background:#f59aa5}.management-delete{color:#df8591}.management-delete:hover{color:#f5a3ad;background:#ed758414}.admin-record-list{overflow:hidden}.admin-record-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-width:0;padding:18px 20px;display:flex}.admin-record-row:last-child{border-bottom:0}.admin-record-main{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.admin-record-main>strong{flex-wrap:wrap;align-items:center;gap:3px;min-width:0;font-size:12px;font-weight:500;line-height:1.6;display:flex}.admin-record-main>small{color:var(--muted);overflow-wrap:anywhere;font-size:10px;line-height:1.5}.admin-record-tags{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:9px;line-height:1.5;display:flex}.admin-record-tags .pill{font-size:9px}.admin-record-tags code{letter-spacing:.03em;font-family:inherit}.admin-record-tags .admin-paused{color:var(--accent)}.admin-row-actions{flex:none;align-items:center;gap:5px;display:flex}.admin-row-actions .subtle-btn{align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.admin-row-actions .icon-btn{padding:8px}.admin-you{margin-left:7px}.admin-record-score{letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:var(--score-color);text-align:right;min-width:45px;font-family:Space Grotesk,sans-serif;font-size:25px}.admin-score-removed .admin-record-score{opacity:.5;text-decoration:line-through}.admin-match-entry{border-bottom:1px solid var(--line)}.admin-match-entry:last-child{border-bottom:0}.admin-match-entry>.admin-record-row{border:0}.admin-match-editor{border-top:1px solid var(--line);background:var(--panel2);grid-template-columns:repeat(4,minmax(100px,1fr));gap:13px;padding:20px;display:grid}.admin-match-editor>label{color:var(--muted);flex-direction:column;gap:8px;font-size:10px;display:flex}.admin-match-editor select,.admin-match-editor input{background:var(--panel);width:100%;min-width:0;color:var(--text);padding:10px;font-size:12px}.admin-match-editor>.admin-effects-check{color:var(--text);flex-direction:row;align-items:center;gap:8px}.admin-effects-check input{width:15px;height:15px;accent-color:var(--accent)}.admin-editor-actions{grid-column:2/-1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-editor-actions button{align-items:center;gap:6px;padding:10px 15px;font-size:11px;display:flex}[data-theme=paper] .account-admin-shield,[data-theme=paper] .management-delete{color:#a53347}[data-theme=paper] .management-tabs button[aria-selected=true]{color:#91283b;background:#ed75842a}[data-theme=paper] .admin-record-score{color:var(--score-ink)}@media (max-width:1050px){.directory-columns{grid-template-columns:1fr}.admin-match-editor{grid-template-columns:1fr 1fr}.admin-editor-actions{grid-column:auto}.management-toolbar>input{flex:1}}@media (max-width:650px){.friend-request-pins{grid-template-columns:1fr;gap:13px}.directory-person{gap:8px;padding:14px 12px}.directory-avatar{width:30px;height:30px;font-size:9px}.directory-actions{gap:3px}.directory-person .subtle-btn{padding:8px;font-size:9px}.directory-person>.account-name{font-size:11px}.management-heading-actions{gap:7px}.management-heading-actions .subtle-btn{padding:9px;font-size:10px}.management-toolbar{gap:12px}.management-tabs{width:100%}.management-tabs button{flex:1;justify-content:center;padding:10px 8px;font-size:10px}.management-toolbar>input{width:100%}.admin-record-row{flex-wrap:wrap;gap:9px;padding:16px 13px}.admin-record-main{min-width:150px}.admin-row-actions{margin-left:auto}.admin-row-actions .icon-btn{padding:7px}.admin-row-actions .subtle-btn{padding:7px;font-size:9px}.admin-record-score{font-size:22px}.admin-match-editor{gap:11px;padding:15px}.management-confirm{padding:15px}.management-confirm>div{flex-basis:100%;width:100%;min-width:0}.admin-invite{gap:7px;padding:13px}.admin-invite code{font-size:12px}.admin-invite .subtle-btn{padding:8px;font-size:10px}.admin-editor-actions{gap:7px}.admin-editor-actions button{padding:9px 11px;font-size:10px}}.admin-more-records{justify-content:center;align-items:center;gap:7px;margin:18px auto 0;padding:11px 18px;font-size:11px;display:flex}.board-options-trigger{display:inline-flex;position:relative}.board-options-button{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:7px;justify-content:center;align-items:center;line-height:1.2;display:flex;gap:6px!important;padding:7px 9px!important;font-size:10px!important}.board-options-button:hover,.board-options-button.active{color:var(--accent);border-color:var(--accent)}.board-options-popup{z-index:700;box-sizing:border-box;border:1px solid var(--line);background:var(--panel);color:var(--text);overscroll-behavior:contain;scrollbar-width:thin;text-align:left;border-radius:14px;padding:16px;font:12px DM Sans,Arial,sans-serif;position:fixed;overflow:auto;box-shadow:0 16px 55px #0007}.board-options-popup header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.board-options-popup header>strong{font-size:15px;font-weight:600}.board-options-close{color:var(--muted);border-radius:4px;place-items:center;padding:3px;display:grid}.board-options-popup button,.board-options-popup select,.board-options-popup input{font:inherit}:is(.board-options-popup button:focus-visible,.board-options-popup input:focus-visible,.board-options-popup select:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.board-flip-action{border:1px solid var(--line);background:var(--panel2);width:100%;color:var(--accent);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:11px;display:flex}.board-flip-action>span{flex-direction:column;gap:5px;display:flex}.board-flip-action small{color:var(--muted);font-size:9px}.board-option-select{justify-content:space-between;align-items:center;gap:10px;margin:17px 0;font-size:11px;display:flex}.board-option-select select{background:var(--bg);border:1px solid var(--line);min-width:0;max-width:155px;color:var(--text);border-radius:6px;padding:7px;font-size:10px}.board-options-popup fieldset{border:0;min-width:0;margin:18px 0;padding:0}.board-options-popup legend{color:var(--muted);margin-bottom:10px;padding:0;font-size:10px;display:block}.board-piece-choices,.board-texture-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.board-piece-choices>button,.board-texture-choices>button{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:9px 4px;font-size:9px;display:flex}.board-piece-choices>button[aria-pressed=true],.board-texture-choices>button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--glow)}.board-piece-choices .bc-board-piece-svg{filter:drop-shadow(0 2px 1px #0003);width:45px;height:45px}.board-texture-preview{width:40px;height:40px;box-shadow:0 0 0 1px var(--line);border-radius:4px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.board-texture-preview i{background:var(--sq-light)}.board-texture-preview i:nth-child(2),.board-texture-preview i:nth-child(3){background:var(--sq-dark)}.board-texture-preview-wood i{background-image:repeating-linear-gradient(8deg,#0000 0 4px,#0002 5px,#fff2 6px,#0000 7px)!important}.board-texture-preview-stone i{background-size:9px 7px,100% 100%;background-image:radial-gradient(circle at 20% 30%,#fff5 0 1px,#0000 1.5px),repeating-linear-gradient(145deg,#0000 0 8px,#0001 9px,#fff3 10px,#0000 12px)!important}.board-option-toggles{border-top:1px solid var(--line);flex-direction:column;gap:0;display:flex}.board-option-toggles label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:11px;display:flex}.board-option-toggles input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.board-appearance-reset{width:100%;color:var(--muted);padding:11px 0 0;display:block;font-size:10px!important}.board-appearance-reset:hover{color:var(--accent)}.new-match-v2 .new-match-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:21px;display:grid}.match-control{border:1px solid var(--line);background:var(--panel2);text-align:left;border-radius:14px;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;min-height:88px;padding:14px;display:flex}.match-control>span{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.match-control>span>svg{color:var(--accent);flex:none}.match-control strong{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.match-control.is-enabled{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--glow)}.match-control-pin{letter-spacing:2px;background:0 0;border:0;width:100%;padding:0;font-size:13px}.match-control-pin::placeholder{letter-spacing:0;font-size:12px}.new-match-v2 .new-match-actions{gap:10px;margin-top:21px;display:grid}.new-match-actions>.primary,.new-match-actions>.join-match-main{border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:47px;padding:13px 17px;font-size:12px;display:flex;margin:0!important}.new-match-actions>.join-match-main{color:#17243b;background:#e5ebf3;border:1px solid #f1f4f9}.join-match-main:hover{background:#fff}.new-match-actions>.primary>svg:last-child,.new-match-actions>.join-match-main>svg:last-child{margin-left:auto}.new-match-actions>.primary>svg:first-child,.new-match-actions>.join-match-main>svg:first-child{margin-right:auto}.same-device-names{grid-template-columns:1fr 1fr;gap:10px;margin-top:17px;display:grid}.same-device-names label{min-width:0}.same-device-names span{color:var(--muted);margin:0 0 7px;font-size:10px;display:block}.same-device-names input{border-radius:9px;width:100%;min-width:0;padding:11px;font-size:12px}.access-choices{flex-direction:column;gap:10px;margin-top:24px;display:flex}.access-choices button{text-align:left;border:1px solid var(--line);background:var(--panel2);border-radius:13px;grid-template-columns:26px 1fr 18px;gap:5px 12px;padding:16px;display:grid}.access-choices button:hover{border-color:var(--accent)}.access-choices button>svg:first-child{color:var(--accent);grid-row:span 2;align-self:center}.access-choices button>strong{font-size:13px;font-weight:500}.access-choices button>span{color:var(--muted);font-size:10px}.access-choices button>svg:last-child{color:var(--muted);grid-area:1/3/3;align-self:center}.access-back{margin:18px auto 0;font-size:11px;display:flex}.access-modal .inline-error{line-height:1.5}.account-status{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.pin-input{letter-spacing:12px;text-align:center;font-variant-numeric:tabular-nums;font-size:29px}.join-lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.join-lobby-grid .live-match{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin:0;padding:18px}.join-lobby-grid .live-match:hover{border-color:var(--accent)}.join-lobby-grid .live-match-details{min-width:0}.join-lobby-grid .spectate-action{flex-shrink:0}.join-lobby-grid .live-match-details>strong{flex-wrap:wrap;gap:7px}.live-match .account-name{align-items:center;gap:4px;min-width:0;display:inline-flex}.name-shield{color:#ed7584;vertical-align:middle;margin-left:5px;display:inline-block}.sidebar nav button.admin-nav{color:#ef8290}.sidebar nav button.admin-nav.active{color:#fa99a4;background:#ed758414}.return-hub{color:var(--muted);opacity:.8;justify-content:center;align-items:center;gap:5px;margin-top:17px;font-size:8px;display:flex}.return-hub:hover{color:var(--accent);opacity:1}.paused-list-tab{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:flex}.paused-list-tab.active{color:var(--accent);background:var(--glow);border-color:var(--accent)}.local-paused-card{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:10px;width:100%;padding:20px 0;display:flex}.local-paused-card>svg{color:var(--accent)}.local-paused-card>strong{font-size:12px}.local-paused-card>span{color:var(--muted);flex:1;font-size:10px}.match-pause-controls{flex-direction:column;order:3;gap:8px;font-size:10px;display:flex}.match-pause-controls>.subtle-btn{justify-content:center;padding:10px;font-size:11px}.pause-agreement{border:1px solid var(--line);color:var(--muted);border-radius:9px;flex-direction:column;gap:9px;padding:11px;display:flex}.pause-agreement>div{gap:8px;display:flex}.pause-agreement button{color:var(--accent);align-items:center;gap:4px;padding:3px;font-size:10px;display:flex}.paused-caption{color:var(--muted);font-size:9px;line-height:1.6}.board-paused-cover{pointer-events:none;z-index:5;background:#06101d33;place-items:center;display:grid;position:absolute;inset:0}.board-paused-cover>span{background:var(--panel);border:1px solid var(--accent);color:var(--accent);border-radius:12px;align-items:center;gap:9px;padding:15px 24px;font-size:16px;display:flex;box-shadow:0 8px 30px #0005}.local-agreement-names{gap:12px;margin-top:22px;display:grid}.local-agreement-names>button{text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;gap:6px;padding:17px;display:grid}.local-agreement-names>button>span{font-size:14px}.local-agreement-names>button>small{color:var(--muted);grid-column:1;font-size:10px}.local-agreement-names>button>strong{color:var(--accent);grid-area:1/2/3;align-self:center;align-items:center;gap:6px;font-size:12px;display:flex}.local-agreement-names>button.agreed{border-color:var(--accent);opacity:1}@media (min-width:951px){.match-active .return-hub{margin-top:14px}.match-active .return-hub>span{display:none}}@media (max-width:950px){.match-pause-controls{grid-column:1/-1}.join-lobby-grid{grid-template-columns:1fr}}@media (max-width:650px){.new-match-v2 .new-match-controls{gap:9px}.match-control{min-height:84px;padding:12px}.match-control strong{font-size:12px}.same-device-names input{font-size:11px}.join-lobby-grid .live-match{padding:14px}.join-lobby-grid .mini-board{width:55px}}.return-current-match{color:var(--muted);align-items:center;gap:6px;margin:18px 0 -4px;font-size:10px;display:flex}.return-current-match:hover{color:var(--accent)}.match-control-button,.match-control-dropdown{cursor:pointer;width:100%;transition:border-color .16s,background .16s}.match-control-button:hover:not(:disabled),.match-control-dropdown:hover:not(:disabled),.match-control-dropdown[data-state=open]{border-color:var(--accent);background:var(--glow)}.match-control .toggle{flex:none;width:30px;height:17px;padding:2px;display:inline-flex}.match-control .toggle>span{width:13px;height:13px}.match-control .toggle.on>span{transform:translate(13px)}.match-control-dropdown>strong{width:100%;min-width:0}.match-control-dropdown>strong>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.match-control-chevron{color:var(--muted);flex:none;transition:transform .16s;display:flex}.match-control-dropdown[data-state=open] .match-control-chevron{transform:rotate(180deg)}.match-control-menu{z-index:100;width:var(--radix-select-trigger-width);max-width:calc(100vw - 24px);max-height:min(300px,var(--radix-select-content-available-height));box-sizing:border-box;border:1px solid var(--line);background:var(--panel);color:var(--text);transform-origin:var(--radix-select-content-transform-origin);border-radius:14px;font:12px DM Sans,Arial,sans-serif;animation:.14s ease-out match-control-open;overflow:hidden;box-shadow:0 12px 35px #0005}.match-control-options{padding:5px}.match-control-option{cursor:pointer;-webkit-user-select:none;user-select:none;overflow-wrap:anywhere;border-radius:9px;outline:none;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:10px;display:flex;position:relative}.match-control-option>span:first-child{min-width:0}.match-control-option>span:last-child:not(:first-child){color:var(--accent);flex:none;display:flex}.match-control-option[data-state=checked]{color:var(--accent);background:var(--glow)}.match-control-option[data-highlighted]{color:var(--text);background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line)}.match-control-scroll{height:24px;color:var(--muted);background:var(--panel);justify-content:center;align-items:center;display:flex}@keyframes match-control-open{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.match-control-button,.match-control-dropdown,.match-control-chevron{transition:none}.match-control-menu{animation:none}}.cinema-root{--cinema-color:#a6ffc8;z-index:1000;isolation:isolate;color:#fff;background:#071019;font-family:inherit;animation:.3s both cinema-enter;position:fixed;inset:0;overflow:hidden}.cinema-stage{position:absolute;inset:0}.cinema-stage canvas{width:100%;height:100%;display:block}.cinema-vignette{pointer-events:none;background:linear-gradient(#03060acc,#0000 23% 44%,#03050cb3 74%,#03070d),radial-gradient(at 50% 40%,#0000 25%,#000000a6 100%);position:absolute;inset:0}.cinema-top{z-index:3;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:32px;left:40px;right:40px}.cinema-brand{letter-spacing:3px;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.cinema-brand b{letter-spacing:2px;background:var(--cinema-color);color:#111820;padding:4px 7px;font-size:9px;transform:skew(-12deg)}.cinema-dot{background:var(--cinema-color);width:6px;height:6px;box-shadow:0 0 15px var(--cinema-color);border-radius:50%}.cinema-skip{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08131c80;border:1px solid #ffffff3b;border-radius:8px;align-items:center;gap:16px;padding:10px 12px;font-size:12px;display:flex}.cinema-skip:hover{border-color:var(--cinema-color);background:#ffffff20}.cinema-skip kbd{opacity:.6;font:9px inherit}.cinema-side{writing-mode:vertical-rl;letter-spacing:3px;color:#fff7;white-space:nowrap;align-items:center;gap:26px;font-size:8px;font-weight:700;display:flex;position:absolute;top:24%;left:24px}.cinema-side span{color:var(--cinema-color);font-size:14px}.cinema-caption{text-align:center;pointer-events:none;animation:.7s .35s both cinema-caption-in;position:absolute;bottom:9%;left:8%;right:8%}.cinema-kicker{color:var(--cinema-color);letter-spacing:4px;justify-content:center;align-items:center;gap:15px;min-height:18px;font-size:10px;font-weight:800;display:flex}.cinema-kicker span{background:var(--cinema-color);opacity:.7;width:30px;height:1px}.cinema-caption h2{text-transform:uppercase;letter-spacing:-.055em;text-shadow:0 2px 0 #1b2530,0 6px 28px #0009,0 0 65px color-mix(in srgb,var(--cinema-color) 25%,transparent);margin:14px 0 16px;font-size:clamp(42px,7.6vw,112px);font-style:italic;font-weight:950;line-height:.95;transform:skew(-4deg)}.cinema-caption p{letter-spacing:.05em;color:#e1e8efcc;max-width:620px;margin:0 auto;font-size:clamp(12px,1.25vw,17px);line-height:1.5}.cinema-rule{background:linear-gradient(90deg,transparent,var(--cinema-color),transparent);opacity:.45;width:180px;height:1px;margin:23px auto 15px}.cinema-footer{letter-spacing:3px;color:#c9d5df77;font-size:8px;font-weight:650}.cinema-progress{background:#ffffff10;height:3px;position:absolute;bottom:0;left:0;right:0}.cinema-progress i{background:var(--cinema-color);height:100%;box-shadow:0 0 20px var(--cinema-color);transition:width 40ms linear;display:block}.cinema-scanlines{pointer-events:none;opacity:.09;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#162036 4px);position:absolute;inset:0}.cinema-fallback-piece{text-align:center;color:var(--cinema-color);text-shadow:0 0 100px var(--cinema-color);font-size:clamp(130px,25vw,280px);line-height:1.4;position:absolute;inset:10% 0 auto}.cinema-reduced{background:radial-gradient(at 50% 30%,#263044,#080e16 70%);animation:none}.cinema-reduced .cinema-caption{animation:none}.cinema-reduced .cinema-scanlines{display:none}.cinema-fallback{background:radial-gradient(at 50% 35%,#263044,#080e16 70%)}@keyframes cinema-enter{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes cinema-caption-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:650px){.cinema-top{top:22px;left:20px;right:20px}.cinema-brand{letter-spacing:2px;font-size:8px}.cinema-brand b{font-size:7px}.cinema-side{display:none}.cinema-caption{bottom:12%;left:5%;right:5%}.cinema-caption h2{font-size:clamp(38px,12vw,65px)}.cinema-kicker{letter-spacing:2px;gap:9px;font-size:8px}.cinema-skip{gap:8px;padding:8px 10px;font-size:11px}.cinema-skip kbd{display:none}}@media (prefers-reduced-motion:reduce){.cinema-root,.cinema-caption{animation:none!important}.cinema-progress i{transition:none}}.cinema-css-world{perspective:1100px;transform-style:preserve-3d;--cinema-duration:5s;animation:cinema-css-camera var(--cinema-duration) ease-in-out both;position:absolute;inset:0;overflow:hidden}.cinema-css-aura{background:radial-gradient(ellipse,color-mix(in srgb,var(--cinema-color) 30%,transparent) 0,transparent 60%);width:70vw;min-width:700px;height:70vw;min-height:700px;animation:cinema-css-aura var(--cinema-duration) ease both;border-radius:50%;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%)}.cinema-css-halo{border:1px solid color-mix(in srgb,var(--cinema-color) 60%,transparent);width:340px;height:340px;box-shadow:0 0 80px color-mix(in srgb,var(--cinema-color) 20%,transparent),inset 0 0 60px color-mix(in srgb,var(--cinema-color) 20%,transparent);animation:cinema-css-halo var(--cinema-duration) ease both;border-radius:50%;position:absolute;top:calc(40% - 170px);left:calc(50% - 170px)}.cinema-css-halo:before,.cinema-css-halo:after{content:"";border:2px dashed color-mix(in srgb,var(--cinema-color) 55%,transparent);border-radius:50%;animation:14s linear infinite cinema-css-spin;position:absolute;inset:15px}.cinema-css-halo:after{border:1px dotted var(--cinema-secondary);animation-direction:reverse;inset:-25px}.cinema-css-orbital{border:2px solid var(--cinema-color);opacity:.6;width:440px;height:440px;transform-style:preserve-3d;box-shadow:0 0 20px color-mix(in srgb,var(--cinema-color) 30%,transparent);animation:cinema-css-orbit-a var(--cinema-duration) linear both;border-top-color:#0000;border-bottom-color:#0000;border-radius:50%;position:absolute;top:calc(40% - 220px);left:calc(50% - 220px)}.cinema-css-orbital-b{border-color:var(--cinema-secondary);opacity:.35;border-left-color:#0000;border-right-color:#0000;width:520px;height:520px;animation-name:cinema-css-orbit-b;top:calc(40% - 260px);left:calc(50% - 260px)}.cinema-css-floor{width:660px;height:660px;transform-style:preserve-3d;animation:cinema-css-floor var(--cinema-duration) ease both;position:absolute;top:calc(43% - 220px);left:calc(50% - 330px);transform:rotateX(68deg)rotate(-24deg)}.cinema-css-grid{border:3px solid #657e9233;grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0;box-shadow:0 0 100px #05070c,0 25px #0c1723}.cinema-css-grid i{border:1px solid #a0d1e215}.cinema-css-grid .light{background:linear-gradient(130deg,#73869655,#3b526c44)}.cinema-css-grid .dark{background:linear-gradient(130deg,#13293d99,#091522cc)}.cinema-css-rune{border:3px double var(--cinema-color);outline:2px dotted var(--cinema-secondary);outline-offset:15px;color:var(--cinema-color);letter-spacing:22px;text-align:center;opacity:.45;border-radius:50%;padding-top:10px;font-size:30px;animation:16s linear infinite cinema-css-spin;position:absolute;inset:8%}.cinema-css-actor,.cinema-css-target,.cinema-css-ascended{width:190px;height:210px;transform-style:preserve-3d;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--cinema-color) 65%,transparent));z-index:3;position:absolute;top:calc(39% - 105px);left:calc(50% - 95px)}.cinema-css-actor{animation:cinema-css-attack var(--cinema-duration) cubic-bezier(.25,.65,.3,1) both}.cinema-css-target{animation:cinema-css-defeat var(--cinema-duration) ease both;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--cinema-secondary) 65%,transparent))}.cinema-css-depth{width:100%;height:100%;transform-style:preserve-3d;position:relative;transform:rotateY(-18deg)}.cinema-css-depth svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cinema-css-depth svg:first-child{filter:brightness(.35);transform:translate3d(-6px,4px,-8px)}.cinema-css-depth svg:nth-child(2){filter:brightness(.65);transform:translate3d(-3px,2px,-4px)}.cinema-css-depth svg:nth-child(3){transform:translateZ(0)}.cinema-css-solo .cinema-css-actor{animation-name:cinema-css-levitate}.cinema-css-ascended{animation:cinema-css-ascend var(--cinema-duration) ease both;filter:drop-shadow(0 0 25px var(--cinema-color));z-index:4}.cinema-css-ascended svg{width:100%;height:100%}.cinema-css-promotion .cinema-css-actor,.cinema-css-king .cinema-css-actor{animation-name:cinema-css-evolve}.cinema-css-victory .cinema-css-actor{animation-name:cinema-css-crown}.cinema-css-check .cinema-css-target{animation-name:cinema-css-checked}.cinema-css-combo .cinema-css-actor{animation-name:cinema-css-combo}.cinema-css-banish .cinema-css-actor{animation-name:cinema-css-banish}.cinema-css-admin .cinema-css-actor{animation-name:cinema-css-erase}.cinema-css-radials{width:1px;height:1px;animation:22s linear infinite cinema-css-spin;position:absolute;top:39%;left:50%}.cinema-css-radials i{transform-origin:50% 100%;width:4px;height:650px;transform:rotate(calc(var(--i)*20deg));background:linear-gradient(0deg,transparent 3%,var(--cinema-color) 45%,transparent 90%);opacity:0;animation:cinema-css-rays var(--cinema-duration) ease both;animation-delay:calc(var(--i)*12ms);position:absolute;bottom:0;left:-2px}.cinema-css-radials i:nth-child(3n){background:linear-gradient(0deg,transparent,var(--cinema-secondary),transparent);width:1px}.cinema-css-impact{background:radial-gradient(ellipse,#fffd, var(--cinema-color) 13%,transparent 68%);opacity:0;width:280px;height:280px;animation:cinema-css-impact var(--cinema-duration) ease both;mix-blend-mode:screen;z-index:5;pointer-events:none;border-radius:50%;position:absolute;top:calc(39% - 140px);left:calc(50% - 140px)}.cinema-css-slash{width:580px;height:110px;filter:drop-shadow(0 0 12px var(--cinema-color));opacity:0;animation:cinema-css-slash var(--cinema-duration) ease both;z-index:6;border-top:7px solid #f5ffff;border-radius:50%;position:absolute;top:calc(39% - 55px);left:calc(50% - 290px);transform:rotate(-30deg)}.cinema-css-rings{width:1px;height:1px;transform-style:preserve-3d;position:absolute;top:43%;left:50%}.cinema-css-rings i{border:3px solid var(--cinema-color);opacity:0;width:120px;height:120px;animation:cinema-css-wave var(--cinema-duration) ease both;animation-delay:calc(var(--i)*.11s);border-radius:50%;position:absolute;top:-60px;left:-60px;transform:rotateX(65deg)}.cinema-css-rings i:nth-child(2n){border-color:var(--cinema-secondary)}.cinema-css-particles{z-index:6;width:1px;height:1px;transform-style:preserve-3d;position:absolute;top:39%;left:50%}.cinema-css-particles i{width:var(--size);height:calc(var(--size)*2.2);background:var(--cinema-color);box-shadow:0 0 9px var(--cinema-color);opacity:0;animation:cinema-css-shard var(--cinema-duration) ease-out both;animation-delay:var(--delay);transform:rotate(var(--angle)) translateY(0);clip-path:polygon(50% 0,100% 65%,50% 100%,0 35%);position:absolute}.cinema-css-particles i:nth-child(3n){background:var(--cinema-secondary);box-shadow:0 0 8px var(--cinema-secondary)}.cinema-css-particles i:nth-child(4n){clip-path:none;height:var(--size);border-radius:50%}.cinema-css-portal{opacity:0;z-index:2;width:300px;height:140px;position:absolute;top:calc(45% - 50px);left:calc(50% - 150px);transform:rotateX(30deg)}.cinema-css-banish .cinema-css-portal,.cinema-css-admin .cinema-css-portal{animation:cinema-css-portal var(--cinema-duration) ease both}.cinema-css-portal b{box-shadow:0 0 25px var(--cinema-color),inset 0 0 20px var(--cinema-color);background:#030005;border-radius:50%;position:absolute;inset:18px}.cinema-css-portal i{border:4px dashed var(--cinema-color);box-shadow:0 0 30px color-mix(in srgb,var(--cinema-color) 50%,transparent);border-radius:50%;animation:4s linear infinite cinema-css-spin;position:absolute;inset:0}.cinema-css-portal i:nth-child(2){border:2px dotted var(--cinema-secondary);animation-direction:reverse;inset:-15px}.cinema-css-portal i:nth-child(3){border:2px solid var(--cinema-secondary);inset:11px}.cinema-css-chains{z-index:5;width:300px;height:190px;transform-style:preserve-3d;animation:cinema-css-chain-pull var(--cinema-duration) ease both;position:absolute;top:calc(40% - 130px);left:calc(50% - 150px)}.cinema-css-chains>div{left:calc(20px + var(--i)*80px);transform:rotate(calc(-18deg + var(--i)*12deg));transform-origin:50% 100%;flex-direction:column;align-items:center;display:flex;position:absolute;top:0}.cinema-css-chains i{border:3px solid #99816e;border-radius:8px;width:14px;height:20px;margin-top:-5px;display:block;box-shadow:1px 0 3px #ff650c77}.cinema-css-chains i:nth-child(2n){border-color:#e1aa6b;width:7px}.cinema-css-fire{z-index:4;width:320px;height:120px;animation:cinema-css-fire-show var(--cinema-duration) ease both;position:absolute;top:calc(44% - 75px);left:calc(50% - 160px)}.cinema-css-fire i{bottom:0;left:calc(var(--i)*20px);transform-origin:50% 100%;width:28px;height:90px;animation:1.2s ease-in-out infinite alternate cinema-css-flame;animation-delay:calc(var(--i)*-.17s);opacity:.7;background:linear-gradient(#0000,#ff612b 60%,#ffbf53);border-radius:80% 20% 75% 25%;position:absolute}.cinema-css-domain{width:440px;height:440px;transform-style:preserve-3d;animation:cinema-css-domain var(--cinema-duration) ease both;position:absolute;top:calc(39% - 220px);left:calc(50% - 220px)}.cinema-css-domain i{border:1px solid var(--cinema-color);position:absolute;inset:0;transform:rotateY(0)rotateX(30deg)}.cinema-css-domain i:nth-child(2){transform:rotateY(45deg)rotateX(30deg)}.cinema-css-domain i:nth-child(3){transform:rotateY(90deg)rotateX(30deg)}.cinema-css-domain i:nth-child(4){transform:rotateY(135deg)rotateX(30deg)}@keyframes cinema-css-camera{0%{transform:scale(.85)rotate(-2deg)}25%{transform:scale(1.05)rotate(1deg)}33%{transform:scale(1.13)rotate(-1deg)}48%{transform:scale(1.07)rotate(0)}to{transform:scale(.96)}}@keyframes cinema-css-aura{0%{opacity:0;scale:.5}25%{opacity:.7;scale:1}38%{opacity:1;scale:1.4}to{opacity:.4;scale:1.1}}@keyframes cinema-css-halo{0%{opacity:0;transform:scale(.2)rotate(-40deg)}24%{opacity:1;transform:scale(1)rotate(0)}48%{opacity:.9;transform:scale(1.3)rotate(20deg)}to{opacity:.35;transform:scale(1.5)rotate(70deg)}}@keyframes cinema-css-spin{to{transform:rotate(360deg)}}@keyframes cinema-css-orbit-a{0%{opacity:0;transform:rotateX(65deg)rotateY(20deg)rotate(0)}20%{opacity:.7}to{opacity:.4;transform:rotateX(110deg)rotateY(65deg)rotate(200deg)}}@keyframes cinema-css-orbit-b{0%{opacity:0;transform:rotateX(30deg)rotateY(-65deg)rotate(0)}20%{opacity:.5}to{opacity:.2;transform:rotateX(-15deg)rotateY(110deg)rotate(-170deg)}}@keyframes cinema-css-floor{0%{opacity:0;transform:rotateX(68deg)rotate(-35deg)translateZ(-60px)}22%{opacity:.8}to{opacity:.45;transform:rotateX(72deg)rotate(-12deg)translateZ(-90px)}}@keyframes cinema-css-attack{0%{transform:translate(-150px,25px)rotateY(20deg)rotate(-8deg)}18%{transform:translate(-150px,5px)rotateY(20deg)rotate(-8deg)}31%{transform:translate(15px,-45px)rotateY(-25deg)rotate(12deg)}37%{transform:translate(55px,5px)rotateY(-15deg)rotate(0)}to{transform:translate(45px,-5px)rotateY(-8deg)}}@keyframes cinema-css-defeat{0%,28%{opacity:1;transform:translate(95px)rotateY(-20deg)}40%{opacity:.9;transform:translate(170px,-40px)rotate(45deg)rotateY(80deg)}65%,to{opacity:0;transform:translate(245px,50px)rotate(110deg)scale(.04)}}@keyframes cinema-css-checked{0%,28%{filter:brightness();transform:translate(95px)}36%{filter:brightness(2);transform:translate(115px,-8px)rotate(-8deg)}45%{transform:translate(106px)rotate(5deg)}to{filter:brightness();transform:translate(110px)}}@keyframes cinema-css-levitate{0%{opacity:0;transform:translateY(25px)rotateY(-25deg)}22%{opacity:1;transform:translateY(-35px)rotateY(5deg)}to{transform:translateY(-20px)rotateY(25deg)}}@keyframes cinema-css-evolve{0%{opacity:1;transform:translateY(25px)scale(.8)}28%{opacity:1;transform:translateY(-35px)scale(1)}44%,to{opacity:0;transform:translateY(-75px)scale(.05)}}@keyframes cinema-css-ascend{0%,31%{opacity:0;transform:translateY(20px)scale(.02)rotateY(-60deg)}50%{opacity:1;transform:translateY(-35px)scale(1.25)rotateY(0)}to{opacity:1;transform:translateY(-30px)scale(1.15)rotateY(15deg)}}@keyframes cinema-css-crown{0%{transform:translateY(25px)scale(.8)rotateY(-30deg)}35%{transform:translateY(-50px)scale(1.2)rotateY(10deg)}to{transform:translateY(-35px)scale(1.12)rotateY(25deg)}}@keyframes cinema-css-combo{0%,12%{transform:translate(-150px,25px)}29%{transform:translate(25px,-70px)rotate(-20deg)}38%{transform:translate(75px)rotate(0)}54%{transform:translate(-80px,-85px)rotate(20deg)}67%{transform:translate(20px)rotate(-8deg)}to{transform:translate(35px,-10px)}}@keyframes cinema-css-banish{0%{transform:translateY(-35px)rotateY(-10deg)}20%{transform:translateY(-25px)rotate(-4deg)}36%{transform:translateY(-10px)rotate(7deg)}53%{opacity:1;transform:translateY(40px)rotate(-7deg)scale(.9)}78%,to{opacity:0;transform:translateY(155px)rotateY(100deg)scale(.05)}}@keyframes cinema-css-erase{0%{opacity:1;transform:translateY(-10px)rotateY(-20deg)}30%{opacity:1;transform:translateY(-35px)rotateY(50deg)}62%{opacity:.6;transform:translateY(-20px)rotateY(320deg)scale(.2)}85%,to{opacity:0;transform:translateY(20px)rotateY(500deg)scale(.01)}}@keyframes cinema-css-rays{0%,19%{opacity:0;scale:.3}30%{opacity:.4;scale:.8}45%{opacity:.2;scale:1.1}to{opacity:.04;scale:1.5}}@keyframes cinema-css-impact{0%,27%{opacity:0;transform:scale(.05)}33%{opacity:.9;transform:scale(1)}48%,to{opacity:0;transform:scale(2.5)}}@keyframes cinema-css-slash{0%,25%{opacity:0;transform:rotate(-70deg)scale(.2)}31%{opacity:1;transform:rotate(-30deg)scale(1)}41%,to{opacity:0;transform:rotate(30deg)scale(1.5)}}@keyframes cinema-css-wave{0%,28%{opacity:0;transform:rotateX(65deg)scale(.1)}35%{opacity:.8}72%,to{opacity:0;transform:rotateX(65deg)scale(8)}}@keyframes cinema-css-shard{0%,28%{transform:rotate(var(--angle)) translateY(0) rotate(0);opacity:0}34%{opacity:1}83%,to{transform:rotate(var(--angle)) translateY(calc(var(--radius)*-1)) rotate(190deg);opacity:0}}@keyframes cinema-css-portal{0%{opacity:0;transform:rotateX(30deg)scale(.05)}25%,70%{opacity:1;transform:rotateX(30deg)scale(1)}to{opacity:.3;transform:rotateX(30deg)scale(.3)}}@keyframes cinema-css-chain-pull{0%{opacity:0;transform:translateY(90px)scaleY(.3)}25%{opacity:1;transform:translateY(0)scaleY(1)}50%{opacity:1;transform:translateY(30px)scaleY(.8)}80%,to{opacity:0;transform:translateY(150px)scaleY(.2)}}@keyframes cinema-css-fire-show{0%{opacity:0;transform:scale(.2)}25%,65%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.7)}}@keyframes cinema-css-flame{0%{transform:scaleY(.5)rotate(-8deg)}to{transform:scaleY(1.2)rotate(12deg)}}@keyframes cinema-css-domain{0%{opacity:0;transform:rotateY(0)scale(.02)}35%{opacity:.75;transform:rotateY(90deg)scale(.7)}to{opacity:.2;transform:rotateY(300deg)scale(1.4)}}@media (max-width:650px){.cinema-css-world{zoom:.8;inset:-5% -12.5% -20%}.cinema-css-floor{opacity:.5}.cinema-css-actor,.cinema-css-target,.cinema-css-ascended{width:160px;height:180px;top:calc(37% - 90px);left:calc(50% - 80px)}}.cinema-root{will-change:opacity,transform,clip-path;contain:paint;animation:.45s cubic-bezier(.16,.85,.25,1) both cinema-emerge}.cinema-root.cinema-exiting{pointer-events:none;animation:.65s cubic-bezier(.45,0,.8,.4) both cinema-depart}.cinema-root.cinema-skipping{pointer-events:none;animation:.3s ease-in both cinema-depart}.cinema-top{z-index:12}.cinema-caption,.cinema-side{z-index:9}.cinema-progress{z-index:14}.cinema-vignette{z-index:4;opacity:.82}.cinema-scanlines{z-index:5;opacity:.055}.cinema-css-world{isolation:isolate;overflow:visible}.cinema-root .cinema-css-world{--cinema-duration:inherit}.cinema-variant-0 .cinema-css-world{animation-name:cinema-camera-wide}.cinema-variant-1 .cinema-css-world{animation-name:cinema-camera-low}.cinema-variant-2 .cinema-css-world{animation-name:cinema-camera-orbit}.cinema-variant-1 .cinema-css-floor{animation-name:cinema-floor-low;transform:rotateX(72deg)rotate(19deg)}.cinema-variant-2 .cinema-css-floor{animation-name:cinema-floor-orbit;transform:rotateX(65deg)rotate(-40deg)}.cinema-css-aura{background:radial-gradient(ellipse,color-mix(in srgb,var(--cinema-color) 37%,transparent),transparent 58%);mix-blend-mode:screen;min-width:850px;min-height:850px}.cinema-css-halo{box-shadow:0 0 50px color-mix(in srgb,var(--cinema-color) 30%,transparent),inset 0 0 60px color-mix(in srgb,var(--cinema-secondary) 17%,transparent);border-width:2px}.cinema-css-halo:before{border-width:3px;animation-duration:4.5s;inset:-55px}.cinema-css-halo:after{border-width:3px;animation-duration:3.7s;inset:28px}.cinema-css-orbital{opacity:.75;filter:drop-shadow(0 0 9px var(--cinema-color));border-width:4px}.cinema-css-orbital-b{opacity:.6;border-width:3px}.cinema-css-rune{outline-offset:27px;opacity:.6;text-shadow:0 0 12px var(--cinema-color);border-width:6px;outline-width:3px;font-weight:900;animation-duration:5s}.cinema-css-radials{animation-duration:7s}.cinema-css-radials i{opacity:0;width:6px;height:900px}.cinema-css-radials i:nth-child(3n){width:2px}.cinema-css-particles{z-index:7}.cinema-css-particles i{filter:drop-shadow(0 0 6px var(--cinema-color));animation-timing-function:cubic-bezier(.15,.6,.25,1)}.cinema-css-particles i:nth-child(5n){clip-path:polygon(0 40%,100% 0,65% 100%);box-shadow:0 0 22px var(--cinema-color);background:#fff}.cinema-css-rings i{box-shadow:0 0 16px var(--cinema-color),inset 0 0 11px color-mix(in srgb,var(--cinema-secondary) 50%,transparent);border-width:5px}.cinema-css-check .cinema-css-actor{animation-name:cinema-sword-threat}.cinema-css-check .cinema-css-target{filter:drop-shadow(0 0 20px var(--cinema-secondary));animation-name:cinema-king-threat}.cinema-css-check .cinema-css-slash{opacity:.65;border-top-width:3px;animation-name:cinema-threat-arc}.cinema-css-check .cinema-css-impact{background:radial-gradient(ellipse,color-mix(in srgb,var(--cinema-color) 35%,transparent),transparent 67%);width:230px;height:230px;animation-name:cinema-threat-aura;top:calc(39% - 115px);left:calc(50% - 115px)}.cinema-css-check .cinema-css-particles i{animation-name:cinema-threat-particle}.cinema-css-checkmate .cinema-css-actor{animation-name:cinema-sword-strike}.cinema-css-checkmate .cinema-css-target{filter:drop-shadow(0 0 22px var(--cinema-secondary));z-index:3;animation-name:cinema-king-fall}.cinema-css-checkmate .cinema-css-impact{background:radial-gradient(ellipse,#fff 0,#ffffd9 8%,var(--cinema-color) 19%,var(--cinema-secondary) 30%,transparent 64%);filter:blur(2px);width:420px;height:420px;animation-name:cinema-final-impact;top:calc(39% - 210px);left:calc(50% - 130px)}.cinema-css-checkmate .cinema-css-rings i{animation-name:cinema-final-wave}.cinema-css-checkmate .cinema-css-particles i{animation-name:cinema-final-shard}.cinema-css-checkmate .cinema-css-slash{animation-name:cinema-final-slash}.cinema-css-sword{width:180px;height:42px;transform-style:preserve-3d;z-index:8;filter:drop-shadow(0 0 8px var(--cinema-color));animation:cinema-sword-materialize var(--cinema-duration) ease both;position:absolute;top:102px;left:145px;transform:translateZ(20px)rotate(-3deg)}.cinema-sword-blade{background:linear-gradient(180deg,#fff 0,#fff 30%,var(--cinema-color) 50%,#fff 70%,var(--cinema-secondary) 100%);clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%);width:140px;height:14px;box-shadow:0 0 15px var(--cinema-color);position:absolute;top:13px;left:40px;transform:translateZ(6px)}.cinema-sword-blade:before{content:"";background:#fff;width:95%;height:3px;position:absolute;top:4px;left:0;box-shadow:0 0 12px #fff}.cinema-sword-guard{width:9px;height:41px;box-shadow:0 0 10px var(--cinema-color);background:linear-gradient(90deg,#cda451,#fff3be,#f8cc65);border-radius:3px;position:absolute;top:0;left:36px;transform:rotate(-8deg)translateZ(7px)}.cinema-sword-grip{background:repeating-linear-gradient(90deg,#293647 0 4px,#eacb8b 5px 7px);border-radius:6px;width:33px;height:12px;position:absolute;top:14px;left:5px;box-shadow:-4px 0 0 2px #f4d58a}.cinema-sword-hand{background:linear-gradient(135deg,#f5f5e9,#8dabc0);border:2px solid #b6c6d0;border-radius:8px;width:23px;height:20px;position:absolute;top:10px;left:10px;transform:translateZ(12px)}.cinema-css-checkmate .cinema-css-sword{animation-name:cinema-sword-commit}.cinema-chaos{z-index:6;pointer-events:none;mix-blend-mode:screen;opacity:.9;animation:cinema-chaos-envelope var(--cinema-duration) ease both;position:absolute;inset:0;overflow:hidden}.cinema-speedlines{opacity:.65;position:absolute;inset:-20%;transform:rotate(-9deg);-webkit-mask-image:radial-gradient(at 50% 39%,#0000 9%,#000 35% 100%);mask-image:radial-gradient(at 50% 39%,#0000 9%,#000 35% 100%)}.cinema-speedlines i{width:calc(130px + mod(var(--i),5)*39px);height:calc(1px + mod(var(--i),3)*1px);left:calc(mod(var(--i)*17,110)*1%);top:calc(mod(var(--i)*23,100)*1%);background:linear-gradient(90deg,transparent,var(--cinema-color),#fff,transparent);box-shadow:0 0 8px var(--cinema-color);animation:cinema-rush-line calc(1.1s + mod(var(--i),5)*.15s) linear infinite;animation-delay:calc(var(--i)*-.13s);position:absolute;transform:rotate(-21deg)}.cinema-speedlines i:nth-child(3n){background:linear-gradient(90deg,transparent,var(--cinema-secondary),transparent);filter:blur(1px)}.cinema-orbit-runes{border:2px dashed color-mix(in srgb,var(--cinema-color) 60%,transparent);width:630px;height:630px;transform-style:preserve-3d;animation:cinema-rune-orbit var(--cinema-duration) linear both;box-shadow:0 0 0 10px #fff1,0 0 0 15px color-mix(in srgb,var(--cinema-secondary) 20%,transparent);border-radius:50%;position:absolute;top:calc(39% - 315px);left:calc(50% - 315px)}.cinema-orbit-runes span{color:var(--cinema-color);text-shadow:0 0 15px var(--cinema-color),2px 0 var(--cinema-secondary);transform-origin:20px 338px;transform:rotate(calc(var(--i,0)*45deg));font-family:serif;font-size:34px;font-weight:900;position:absolute;top:-23px;left:calc(50% - 20px)}.cinema-orbit-runes span:nth-child(2){--i:1}.cinema-orbit-runes span:nth-child(3){--i:2}.cinema-orbit-runes span:nth-child(4){--i:3}.cinema-orbit-runes span:nth-child(5){--i:4}.cinema-orbit-runes span:nth-child(6){--i:5}.cinema-orbit-runes span:nth-child(7){--i:6}.cinema-orbit-runes span:nth-child(8){--i:7}.cinema-energy-ribbons{perspective:750px;transform-style:preserve-3d;position:absolute;inset:0}.cinema-energy-ribbons i{width:calc(500px + var(--i)*70px);height:calc(160px + var(--i)*34px);left:calc(50% - 250px - var(--i)*35px);top:calc(39% - 80px - var(--i)*17px);border:3px solid #0000;border-top-color:var(--cinema-color);border-bottom-color:var(--cinema-secondary);transform:rotateX(calc(35deg + var(--i)*14deg)) rotateY(calc(var(--i)*28deg)) rotateZ(calc(var(--i)*30deg));filter:drop-shadow(0 0 6px var(--cinema-color));animation:cinema-ribbon-orbit calc(2.1s + var(--i)*.4s) linear infinite;animation-delay:calc(var(--i)*-.2s);opacity:.55;border-radius:50%;position:absolute}.cinema-chromatic-burst{background:conic-gradient(from 15deg,transparent 0 20deg,var(--cinema-color) 21deg 25deg,transparent 26deg 62deg,var(--cinema-secondary) 63deg 70deg,transparent 72deg 105deg,#fff6 106deg 109deg,transparent 111deg 160deg,var(--cinema-color) 161deg 165deg,transparent 167deg 211deg,var(--cinema-secondary) 212deg 218deg,transparent 221deg 269deg,#fff7 270deg 274deg,transparent 276deg 329deg,var(--cinema-color) 330deg 335deg,transparent 336deg);width:520px;height:520px;animation:cinema-burst-spin var(--cinema-duration) ease both;opacity:.55;filter:blur(.8px);border-radius:50%;position:absolute;top:calc(39% - 260px);left:calc(50% - 260px);-webkit-mask-image:radial-gradient(#0000 6%,#000 30% 65%,#0000 72%);mask-image:radial-gradient(#0000 6%,#000 30% 65%,#0000 72%)}.cinema-fragments{perspective:600px;width:1px;height:1px;position:absolute;top:39%;left:50%}.cinema-fragments i{width:var(--size,5px);height:calc(var(--size,5px)*2);background:var(--cinema-color);box-shadow:0 0 13px var(--cinema-color);clip-path:polygon(0 10%,100% 0,70% 100%,20% 70%);transform:rotate(var(--angle,30deg)) translateY(calc(var(--radius,300px)*-.35));animation:cinema-fragment-orbit var(--cinema-duration) ease-out both;animation-delay:calc(var(--i)*-.008s);opacity:0;position:absolute}.cinema-fragments i:nth-child(3n){background:var(--cinema-secondary);box-shadow:0 0 13px var(--cinema-secondary)}.cinema-fragments i:nth-child(5n){background:#fff}.cinema-shock-seal{border:7px double var(--cinema-color);outline:2px dotted var(--cinema-secondary);outline-offset:18px;width:480px;height:480px;box-shadow:0 0 35px color-mix(in srgb,var(--cinema-color) 50%,transparent),inset 0 0 35px color-mix(in srgb,var(--cinema-secondary) 20%,transparent);animation:cinema-seal var(--cinema-duration) ease both;opacity:0;border-radius:50%;position:absolute;top:calc(39% - 240px);left:calc(50% - 240px)}.cinema-kind-check .cinema-shock-seal{border-width:2px;animation-name:cinema-threat-seal}.cinema-kind-check .cinema-chromatic-burst{opacity:.3}.cinema-kind-checkmate .cinema-chromatic-burst{opacity:.9;animation-name:cinema-final-burst}.cinema-kind-checkmate .cinema-shock-seal{animation-name:cinema-final-seal}.cinema-kind-checkmate .cinema-fragments i{animation-name:cinema-final-fragments}.cinema-corner-code{color:var(--cinema-color);letter-spacing:2px;opacity:.6;font-family:monospace;font-size:8px;line-height:1.9;position:absolute;inset:85px 35px 45px}.cinema-corner-code span{border-top:1px solid var(--cinema-color);max-width:130px;padding-top:8px;position:absolute}.cinema-corner-code span:first-child{top:0;left:0}.cinema-corner-code span:nth-child(2){text-align:right;top:0;right:0}.cinema-corner-code span:nth-child(3){bottom:0;left:0}.cinema-corner-code span:nth-child(4){text-align:right;bottom:0;right:0}.cinema-css-atmosphere{pointer-events:none;z-index:1;perspective:700px;position:absolute;inset:0;overflow:hidden}.cinema-css-atmosphere i{width:calc(3px + mod(var(--i),6)*2px);height:calc(3px + mod(var(--i),6)*2px);left:calc(mod(var(--i)*29,100)*1%);top:calc(mod(var(--i)*17,90)*1%);border:1px solid var(--cinema-color);box-shadow:0 0 14px var(--cinema-color);transform:rotate(calc(var(--i)*41deg));animation:cinema-ambient-shard calc(1.8s + mod(var(--i),7)*.24s) ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.11s);opacity:.5;position:absolute}@keyframes cinema-emerge{0%{opacity:0;clip-path:inset(45% 0 round 40px);transform:scale(1.065)}to{opacity:1;clip-path:inset(0);transform:scale(1)}}@keyframes cinema-depart{0%{opacity:1;clip-path:inset(0);filter:blur();transform:scale(1)}to{opacity:0;clip-path:inset(12% 0 round 30px);filter:blur(5px);transform:scale(1.055)}}@keyframes cinema-chaos-envelope{0%{opacity:0}14%{opacity:.45}30%{opacity:.85}72%{opacity:.85}to{opacity:.25}}@keyframes cinema-camera-wide{0%{transform:scale(.76)rotate(-5deg)translateY(20px)}25%{transform:scale(1.02)rotate(2deg)}45%{transform:scale(1.09)rotate(-1deg)}72%{transform:scale(1.04)rotate(1deg)}to{transform:scale(.94)rotate(-2deg)}}@keyframes cinema-camera-low{0%{perspective:650px;transform:scale(1.14)rotate(5deg)translate(-35px,35px)}25%{transform:scale(.98)rotate(-3deg)translate(10px,5px)}45%{transform:scale(1.12)rotate(1deg)translate(-12px,-5px)}72%{transform:scale(1.03)rotate(-1deg)translate(20px)}to{perspective:1100px;transform:scale(.93)rotate(3deg)translate(-10px,10px)}}@keyframes cinema-camera-orbit{0%{perspective:1400px;transform:scale(.85)rotate(-8deg)translate(45px)}25%{transform:scale(1.05)rotate(3deg)translate(-20px,-5px)}45%{transform:scale(1.08)rotate(-3deg)translateY(-15px)}72%{transform:scale(1.02)rotate(2deg)translate(12px,8px)}to{perspective:850px;transform:scale(.93)rotate(5deg)translate(-30px)}}@keyframes cinema-floor-low{0%{opacity:0;transform:rotateX(78deg)rotate(32deg)translateZ(-70px)}20%{opacity:.8}to{opacity:.45;transform:rotateX(69deg)rotate(2deg)translateZ(-120px)}}@keyframes cinema-floor-orbit{0%{opacity:0;transform:rotateX(60deg)rotate(-55deg)translateZ(-70px)}20%{opacity:.8}to{opacity:.45;transform:rotateX(74deg)rotate(15deg)translateZ(-130px)}}@keyframes cinema-sword-materialize{0%,9%{opacity:0;transform:translateZ(20px)rotate(-32deg)scaleX(.1)}20%{opacity:1;transform:translateZ(20px)rotate(-3deg)scaleX(1)}to{opacity:1;transform:translateZ(20px)rotate(-3deg)scaleX(1)}}@keyframes cinema-sword-commit{0%,10%{opacity:0;transform:translateZ(20px)rotate(-38deg)scaleX(.2)}24%{opacity:1;transform:translateZ(20px)rotate(-6deg)}36%{opacity:1;transform:translateZ(20px)rotate(-6deg)translate(-18px)}43%{opacity:1;transform:translateZ(20px)rotate(0)translate(18px)}70%{opacity:1;transform:translateZ(20px)rotate(2deg)}to{opacity:.85;transform:translateZ(20px)rotate(-7deg)}}@keyframes cinema-sword-threat{0%{opacity:0;transform:translate(-230px,22px)rotateY(20deg)rotate(-7deg)}14%{opacity:1;transform:translate(-210px,8px)rotateY(8deg)rotate(-3deg)}32%{transform:translate(-135px)rotateY(0)rotate(0)}46%{transform:translate(-130px,-2px)rotateY(0)}75%{transform:translate(-132px,1px)rotateY(0)}to{opacity:1;transform:translate(-136px)rotateY(0)}}@keyframes cinema-king-threat{0%,25%{opacity:1;filter:brightness();transform:translate(105px)}38%{filter:brightness(1.3);transform:translate(110px,-2px)}57%{filter:brightness(1.1);transform:translate(107px)}77%{filter:brightness(1.25);transform:translate(109px,-2px)}to{filter:brightness();opacity:1;transform:translate(108px)}}@keyframes cinema-sword-strike{0%{opacity:0;transform:translate(-230px,25px)rotateY(15deg)rotate(-8deg)}14%{opacity:1;transform:translate(-195px,8px)rotate(-3deg)}28%{transform:translate(-150px,-12px)rotate(-5deg)}36%{transform:translate(-175px,-7px)rotate(-7deg)}44%{transform:translate(-60px)rotate(2deg)}51%{transform:translate(-65px,-3px)rotate(-1deg)}72%{transform:translate(-90px,-5px)rotateY(-4deg)}to{opacity:1;transform:translate(-105px,-10px)rotateY(10deg)}}@keyframes cinema-king-fall{0%,40%{opacity:1;filter:brightness();transform:translate(105px)}45%{opacity:1;filter:brightness(4)drop-shadow(0 0 35px #fff);transform:translate(117px,-3px)}52%{opacity:1;filter:brightness(3);transform:translate(130px)rotate(12deg)}65%{opacity:.75;filter:brightness(2);transform:translate(165px,50px)rotate(60deg)scale(.75)}82%,to{opacity:0;filter:brightness();transform:translate(225px,120px)rotate(110deg)scale(.02)}}@keyframes cinema-threat-arc{0%{opacity:0;transform:rotate(-80deg)scale(.2)}28%{opacity:.7;transform:rotate(-20deg)scale(.8)}50%{opacity:.5;transform:rotate(10deg)scale(1.1)}80%{opacity:.4;transform:rotate(65deg)scale(1.3)}to{opacity:.1;transform:rotate(85deg)scale(1.5)}}@keyframes cinema-threat-aura{0%{opacity:0;transform:translate(80px)scale(.4)}30%{opacity:.55;transform:translate(80px)scale(.7)}70%{opacity:.4;transform:translate(80px)scale(1.1)}to{opacity:.15;transform:translate(80px)scale(1.25)}}@keyframes cinema-threat-particle{0%{opacity:0;transform:rotate(var(--angle)) translateY(50px)}24%{opacity:.9}80%{opacity:.6;transform:rotate(calc(var(--angle) + 100deg)) translateY(calc(var(--radius)*-.8)) rotate(130deg)}to{opacity:0;transform:rotate(calc(var(--angle) + 140deg)) translateY(calc(var(--radius)*-1)) rotate(190deg)}}@keyframes cinema-final-impact{0%,39%{opacity:0;transform:scale(.05)}44%{opacity:.92;transform:scale(.9)}54%{opacity:.5;transform:scale(1.4)}69%,to{opacity:0;transform:scale(2.8)}}@keyframes cinema-final-wave{0%,39%{opacity:0;transform:rotateX(65deg)scale(.1)}46%{opacity:1}85%,to{opacity:0;transform:rotateX(65deg)scale(9)}}@keyframes cinema-final-shard{0%,40%{transform:rotate(var(--angle)) translateY(0) rotate(0);opacity:0}47%{opacity:1}95%,to{transform:rotate(var(--angle)) translateY(calc(var(--radius)*-1.2)) rotate(260deg);opacity:0}}@keyframes cinema-final-slash{0%,36%{opacity:0;transform:rotate(-65deg)scale(.15)}44%{opacity:1;transform:rotate(0)scale(1.05)}55%,to{opacity:0;transform:rotate(30deg)scale(1.8)}}@keyframes cinema-rush-line{0%{opacity:0;transform:translate(-230px)rotate(-21deg)}18%{opacity:.65}82%{opacity:.5}to{opacity:0;transform:translate(230px)rotate(-21deg)}}@keyframes cinema-rune-orbit{0%{opacity:0;transform:rotateX(28deg)rotateY(-18deg)rotate(-70deg)scale(.4)}24%{opacity:.7}75%{opacity:.5}to{opacity:.2;transform:rotateX(-20deg)rotateY(28deg)rotate(260deg)scale(1.15)}}@keyframes cinema-ribbon-orbit{0%{transform:rotateX(calc(35deg + var(--i)*14deg)) rotateY(calc(var(--i)*28deg)) rotateZ(calc(var(--i)*30deg))}to{transform:rotateX(calc(65deg + var(--i)*14deg)) rotateY(calc(180deg + var(--i)*28deg)) rotateZ(calc(360deg + var(--i)*30deg))}}@keyframes cinema-burst-spin{0%{opacity:0;transform:rotate(-80deg)scale(.1)}25%{opacity:.45;transform:rotate(0)scale(.7)}58%{opacity:.6;transform:rotate(160deg)scale(1.25)}to{opacity:.1;transform:rotate(280deg)scale(1.55)}}@keyframes cinema-final-burst{0%,35%{opacity:0;transform:rotate(-70deg)scale(.1)}45%{opacity:1;transform:rotate(20deg)scale(.8)}67%{opacity:.8;transform:rotate(170deg)scale(1.6)}to{opacity:.1;transform:rotate(340deg)scale(2.1)}}@keyframes cinema-fragment-orbit{0%{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--radius)*-.2)) rotateX(0)}26%{opacity:.6}73%{opacity:.8;transform:rotate(calc(var(--angle) + 110deg)) translateY(calc(var(--radius)*-.85)) rotateX(140deg)}to{opacity:0;transform:rotate(calc(var(--angle) + 170deg)) translateY(calc(var(--radius)*-1.15)) rotateX(250deg)}}@keyframes cinema-final-fragments{0%,38%{opacity:0;transform:rotate(var(--angle)) translateY(0) rotateX(0)}46%{opacity:1}80%{opacity:.85;transform:rotate(calc(var(--angle) + 35deg)) translateY(calc(var(--radius)*-1.1)) rotateX(240deg)}to{opacity:0;transform:rotate(calc(var(--angle) + 65deg)) translateY(calc(var(--radius)*-1.7)) rotateX(380deg)}}@keyframes cinema-seal{0%{opacity:0;transform:rotate(-80deg)scale(.1)}29%{opacity:.7;transform:rotate(15deg)scale(.6)}55%{opacity:.65;transform:rotate(90deg)scale(1.1)}to{opacity:0;transform:rotate(250deg)scale(1.8)}}@keyframes cinema-threat-seal{0%{opacity:0;transform:rotate(-50deg)scale(.1)}29%{opacity:.4;transform:rotate(10deg)scale(.65)}72%{opacity:.5;transform:rotate(170deg)scale(.85)}to{opacity:.15;transform:rotate(240deg)scale(1.1)}}@keyframes cinema-final-seal{0%,37%{opacity:0;transform:rotate(-120deg)scale(.1)}45%{opacity:1;transform:rotate(15deg)scale(.6)}70%{opacity:.7;transform:rotate(120deg)scale(1.4)}to{opacity:0;transform:rotate(270deg)scale(2.1)}}@keyframes cinema-ambient-shard{0%{transform:translate3d(-25px,30px,-100px) rotate(calc(var(--i)*41deg));opacity:.15}to{transform:translate3d(25px,-40px,80px) rotate(calc(160deg + var(--i)*41deg));opacity:.75}}.cinema-reduced .cinema-chaos,.cinema-reduced .cinema-css-world{display:none}.cinema-reduced.cinema-exiting,.cinema-reduced.cinema-skipping{animation:.25s both cinema-reduced-exit}@keyframes cinema-reduced-exit{to{opacity:0}}@media (max-width:650px){.cinema-chaos{opacity:.65}.cinema-orbit-runes{width:480px;height:480px;top:calc(37% - 240px);left:calc(50% - 240px)}.cinema-orbit-runes span{transform-origin:20px 263px;font-size:27px}.cinema-corner-code{letter-spacing:1px;font-size:6px;inset:80px 18px 30px}.cinema-corner-code span{max-width:85px}.cinema-corner-code span:nth-child(3),.cinema-corner-code span:nth-child(4){display:none}.cinema-css-sword{transform-origin:0;top:88px;left:122px;scale:.85}.cinema-caption h2{font-size:clamp(34px,10vw,56px)}.cinema-caption{bottom:9%}.cinema-caption p{font-size:11px}.cinema-css-depth{transform:rotateY(-10deg)}.cinema-css-impact{max-width:100vw}.cinema-css-checkmate .cinema-css-impact{width:320px;height:320px;top:calc(37% - 160px);left:calc(50% - 90px)}}.cinema-css-check .cinema-sword-blade{width:95px}.cinema-variant-1 .cinema-css-check .cinema-css-actor{animation-name:cinema-sword-threat-low}.cinema-variant-2 .cinema-css-check .cinema-css-actor{animation-name:cinema-sword-threat-high}.cinema-variant-1 .cinema-css-checkmate .cinema-css-actor{animation-name:cinema-sword-strike-high}.cinema-variant-2 .cinema-css-checkmate .cinema-css-actor{animation-name:cinema-sword-strike-sweep}.cinema-variant-1 .cinema-css-queen .cinema-css-actor{animation-name:cinema-queen-dive}.cinema-variant-2 .cinema-css-queen .cinema-css-actor{animation-name:cinema-queen-sweep}.cinema-variant-1 .cinema-css-promotion .cinema-css-ascended{animation-name:cinema-ascend-spiral}.cinema-variant-2 .cinema-css-promotion .cinema-css-ascended{animation-name:cinema-ascend-rise}@keyframes cinema-sword-threat-low{0%{opacity:0;transform:translate(-260px,100px)rotateY(40deg)rotate(13deg)}15%{opacity:1;transform:translate(-210px,40px)rotateY(15deg)rotate(8deg)}33%{transform:translate(-135px)rotateY(0)rotate(0)}63%{transform:translate(-132px,1px)}to{opacity:1;transform:translate(-136px)}}@keyframes cinema-sword-threat-high{0%{opacity:0;transform:translate(-190px,-110px)rotateY(-30deg)rotate(-30deg)}15%{opacity:1;transform:translate(-180px,-60px)rotateY(-10deg)rotate(-15deg)}33%{transform:translate(-135px)rotateY(0)rotate(0)}63%{transform:translate(-132px,-1px)}to{opacity:1;transform:translate(-136px)}}@keyframes cinema-sword-strike-high{0%{opacity:0;transform:translate(-210px,-135px)rotateY(-30deg)rotate(-20deg)}16%{opacity:1;transform:translate(-185px,-65px)rotate(-18deg)}28%{transform:translate(-155px,-15px)rotate(-7deg)}36%{transform:translate(-180px,-10px)rotate(-10deg)}44%{transform:translate(-60px)rotate(2deg)}53%{transform:translate(-68px,-3px)}75%{transform:translate(-90px,-5px)rotateY(-4deg)}to{opacity:1;transform:translate(-105px,-10px)rotateY(10deg)}}@keyframes cinema-sword-strike-sweep{0%{opacity:0;transform:translate(-270px,95px)rotateY(45deg)rotate(22deg)}16%{opacity:1;transform:translate(-210px,30px)rotate(10deg)}28%{transform:translate(-155px,-5px)rotate(0)}36%{transform:translate(-190px,3px)rotate(-7deg)}44%{transform:translate(-60px)rotate(2deg)}53%{transform:translate(-68px,-3px)}75%{transform:translate(-90px,-5px)rotateY(-4deg)}to{opacity:1;transform:translate(-105px,-10px)rotateY(10deg)}}@keyframes cinema-queen-dive{0%{opacity:0;transform:translate(-150px,-140px)rotateY(-50deg)rotate(-22deg)}15%{opacity:1;transform:translate(-155px,-90px)rotate(-16deg)}30%{transform:translate(15px,-45px)rotateY(-25deg)rotate(12deg)}39%{transform:translate(55px,5px)rotateY(-15deg)rotate(0)}to{opacity:1;transform:translate(45px,-5px)rotateY(-8deg)}}@keyframes cinema-queen-sweep{0%{opacity:0;transform:translate(-270px,55px)rotateY(60deg)rotate(18deg)}16%{opacity:1;transform:translate(-180px,10px)rotate(7deg)}30%{transform:translate(15px,-45px)rotateY(-25deg)rotate(12deg)}39%{transform:translate(55px,5px)rotateY(-15deg)rotate(0)}to{opacity:1;transform:translate(45px,-5px)rotateY(-8deg)}}@keyframes cinema-ascend-spiral{0%,30%{opacity:0;transform:translateY(40px)scale(.02)rotateY(-210deg)rotate(-18deg)}52%{opacity:1;transform:translateY(-45px)scale(1.25)rotateY(0)rotate(3deg)}to{opacity:1;transform:translateY(-30px)scale(1.15)rotateY(45deg)rotate(0)}}@keyframes cinema-ascend-rise{0%,30%{opacity:0;transform:translateY(160px)scale(.1)rotateY(80deg)}52%{opacity:1;transform:translateY(-60px)scale(1.3)rotateY(-15deg)}to{opacity:1;transform:translateY(-30px)scale(1.15)rotateY(5deg)}}.cinema-root.cinema-reduced{animation:none}.cinema-root.cinema-reduced.cinema-exiting,.cinema-root.cinema-reduced.cinema-skipping{animation:.25s both cinema-reduced-exit}@media (max-width:650px){.cinema-css-check .cinema-sword-blade{width:140px}}.cinema-root.cinema-royal{background:#05080c;animation:.45s cubic-bezier(.2,.85,.2,1) both cinema-royal-iris-in}.cinema-root.cinema-royal.cinema-exiting{animation:.65s cubic-bezier(.45,0,.8,.4) both cinema-royal-iris-out}.cinema-root.cinema-royal.cinema-skipping{animation:.3s ease-in both cinema-royal-iris-out}.cinema-royal .cinema-css-world{perspective:1100px;animation:none;overflow:hidden;transform:none}.cinema-royal-stage{transform-style:preserve-3d;transform-origin:calc(50% + 75px) calc(39% + 15px);animation:cinema-royal-reveal-a var(--cinema-duration) cubic-bezier(.22,.65,.28,1) both;will-change:transform;position:absolute;inset:0}.cinema-royal.cinema-variant-1 .cinema-royal-stage{animation-name:cinema-royal-reveal-b}.cinema-royal.cinema-variant-2 .cinema-royal-stage{animation-name:cinema-royal-reveal-c}.cinema-royal .cinema-css-actor{opacity:1;filter:drop-shadow(0 10px 12px #000b) drop-shadow(0 0 10px color-mix(in srgb,var(--cinema-color) 35%,transparent));z-index:3;transform:translate(-190px);animation:none!important}.cinema-royal .cinema-css-target{filter:drop-shadow(0 10px 12px #000b) drop-shadow(0 0 14px color-mix(in srgb,var(--cinema-secondary) 40%,transparent));z-index:2;transform:translate(180px);animation:cinema-royal-king-safe var(--cinema-duration) ease both!important}.cinema-royal.cinema-kind-checkmate .cinema-css-target{animation-name:cinema-royal-king-struck!important}.cinema-royal .cinema-css-depth{transform:rotateY(-7deg)}.cinema-revolver{z-index:8;width:230px;height:140px;transform-style:preserve-3d;transform-origin:30px 65px;filter:drop-shadow(0 4px 3px #000a) drop-shadow(0 0 8px color-mix(in srgb,var(--cinema-color) 50%,transparent));animation:cinema-revolver-steady var(--cinema-duration) ease both;position:absolute;top:70px;left:135px}.cinema-revolver>svg{width:230px;height:140px;position:absolute;inset:0;overflow:visible}.cinema-revolver-barrel-face{transform-origin:50%;width:22px;height:30px;animation:cinema-revolver-face var(--cinema-duration) ease both;background:radial-gradient(#010205 0 48%,#1a2533 51% 66%,#e7eef0 69% 75%,#59677c 80%);border:5px solid #bfc7d1;border-radius:50%;position:absolute;top:35px;left:211px;transform:translateZ(3px)rotateY(68deg);box-shadow:inset 0 0 0 2px #0009,0 0 12px #000}.cinema-revolver-barrel-face:after{content:"";background:#020407;border:1px solid #8e9baf66;border-radius:50%;position:absolute;inset:6px;box-shadow:0 0 6px #000}.cinema-kind-checkmate.cinema-royal .cinema-revolver{animation-name:cinema-revolver-recoil}.cinema-css-bullet{width:20px;height:7px;box-shadow:0 0 9px #fff6b4,0 0 23px var(--cinema-color);z-index:7;opacity:0;animation:cinema-revolver-bullet var(--cinema-duration) linear both;background:linear-gradient(#fff8c9,#fff,#f3bd64);border-radius:80% 65% 65% 80%;position:absolute;top:calc(39% + 15px);left:calc(50% + 75px);transform:translate(0)}.cinema-css-bullet:before{content:"";background:linear-gradient(90deg,transparent,var(--cinema-color),#fff);opacity:.8;filter:blur(.4px);width:80px;height:2px;position:absolute;top:2px;right:10px}.cinema-css-muzzleflash,.cinema-css-muzzle-flash{transform-origin:15%;clip-path:polygon(0 40%,30% 21%,23% 4%,51% 27%,89% 4%,72% 39%,100% 50%,70% 61%,87% 92%,49% 73%,22% 98%,30% 71%,0 60%);opacity:0;filter:drop-shadow(0 0 12px #ffbd63);z-index:9;width:115px;height:78px;animation:cinema-revolver-flash var(--cinema-duration) linear both;background:radial-gradient(at 15%,#fff 0 10%,#ffb 18%,#ffda6a 27%,#ff8d3b 38%,#0000 70%);position:absolute;top:calc(39% + 15px);left:calc(50% + 75px);transform:translate(-15%,-50%)scale(.05)}.cinema-css-smoke{z-index:6;pointer-events:none;width:1px;height:1px;position:absolute;top:calc(39% + 15px);left:calc(50% + 75px)}.cinema-css-smoke i{opacity:0;filter:blur(4px);width:36px;height:26px;animation:cinema-revolver-smoke var(--cinema-duration) ease-out both;animation-delay:calc(var(--i)*35ms);background:radial-gradient(#c4d3dc80,#8095a433 48%,#0000 72%);border-radius:50%;position:absolute;top:-13px;left:-10px;transform:translate(0)scale(.1)}.cinema-kind-check.cinema-royal .cinema-css-bullet,.cinema-kind-check.cinema-royal .cinema-css-muzzleflash,.cinema-kind-check.cinema-royal .cinema-css-muzzle-flash,.cinema-kind-check.cinema-royal .cinema-css-smoke,.cinema-royal .cinema-css-sword,.cinema-royal .cinema-css-slash,.cinema-royal.cinema-kind-check .cinema-css-impact,.cinema-royal.cinema-kind-check .cinema-css-particles,.cinema-royal.cinema-kind-check .cinema-chromatic-burst,.cinema-royal.cinema-kind-check .cinema-fragments,.cinema-royal.cinema-kind-check .cinema-shock-seal{display:none}.cinema-royal.cinema-kind-check .cinema-css-rings{opacity:.18}.cinema-royal.cinema-kind-check .cinema-css-rings i{box-shadow:none;border-width:2px;animation-name:cinema-royal-threat-ring}.cinema-royal.cinema-kind-check .cinema-chaos{animation:cinema-royal-threat-envelope var(--cinema-duration) ease both}.cinema-royal.cinema-kind-check .cinema-orbit-runes{opacity:.25;box-shadow:none;border-width:1px}.cinema-royal.cinema-kind-check .cinema-energy-ribbons{opacity:.35}.cinema-royal.cinema-kind-checkmate .cinema-chaos{animation:cinema-royal-impact-envelope var(--cinema-duration) ease both}.cinema-royal.cinema-kind-checkmate .cinema-css-impact{animation:cinema-royal-impact-glow var(--cinema-duration) ease both;filter:blur(2px);width:420px;height:420px;top:calc(39% - 210px);left:calc(50% - 30px)}.cinema-royal.cinema-kind-checkmate .cinema-css-rings i{animation-name:cinema-royal-final-wave}.cinema-royal.cinema-kind-checkmate .cinema-css-particles i{animation-name:cinema-royal-final-shard}.cinema-royal.cinema-kind-checkmate .cinema-fragments i{animation-name:cinema-royal-final-fragment}.cinema-royal.cinema-kind-checkmate .cinema-chromatic-burst{animation-name:cinema-royal-burst}.cinema-royal.cinema-kind-checkmate .cinema-shock-seal{animation-name:cinema-royal-seal}.cinema-royal .cinema-css-radials{opacity:.4;animation:12s linear infinite cinema-css-spin}.cinema-royal .cinema-css-radials i{animation:cinema-royal-beam var(--cinema-duration) ease both}.cinema-royal.cinema-kind-check .cinema-css-radials{opacity:.12}.cinema-royal .cinema-css-halo{animation:cinema-royal-halo var(--cinema-duration) ease both}.cinema-royal .cinema-css-orbital{opacity:.2;filter:none;border-width:1px}.cinema-royal .cinema-css-aura{opacity:.35;background:radial-gradient(ellipse,color-mix(in srgb,var(--cinema-color) 16%,transparent),transparent 60%)}.cinema-royal .cinema-css-floor{opacity:.5;animation:cinema-royal-floor var(--cinema-duration) ease both}.cinema-royal .cinema-css-atmosphere{opacity:.35}.cinema-royal .cinema-css-rune{opacity:.2;border-width:2px;outline:none;animation-duration:16s}.cinema-letterbox{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.cinema-letterbox i{background:#020305;height:6.5vh;min-height:30px;animation:.35s cubic-bezier(.2,.7,.3,1) both cinema-letterbox-open;position:absolute;left:0;right:0}.cinema-letterbox i:first-child{top:0}.cinema-letterbox i:last-child{bottom:0}.cinema-iris{pointer-events:none;z-index:3;opacity:.65;animation:cinema-iris-breathe var(--cinema-duration) ease both;background:radial-gradient(at 50% 39%,#0000 10%,#0103076b 58%,#000c 100%);position:absolute;inset:0}.cinema-royal-vignette{pointer-events:none;z-index:4;opacity:.85;animation:cinema-royal-vignette var(--cinema-duration) ease both;background:radial-gradient(at 50% 42%,#0000 21%,#02040744 48%,#010205e8 100%);position:absolute;inset:0}.cinema-impact-frame{z-index:8;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.cinema-royal.cinema-kind-checkmate .cinema-impact-frame{animation:cinema-royal-impact-frame var(--cinema-duration) linear both}.cinema-lens{pointer-events:none;z-index:5;mix-blend-mode:screen;opacity:.45;animation:cinema-lens-envelope var(--cinema-duration) ease both;position:absolute;inset:0;overflow:hidden}.cinema-lens i{border:1px solid color-mix(in srgb,var(--cinema-color) 50%,transparent);width:150px;height:150px;box-shadow:inset 0 0 26px color-mix(in srgb,var(--cinema-color) 20%,transparent);animation:cinema-lens-drift var(--cinema-duration) ease both;border-radius:50%;position:absolute;top:calc(39% - 75px);left:calc(50% - 75px);transform:translate(-160px,-60px)scale(.35)}.cinema-lens i:nth-child(2){filter:hue-rotate(110deg);width:80px;height:80px;animation-delay:60ms;top:calc(39% - 40px);left:calc(50% - 40px)}.cinema-lens i:nth-child(3){opacity:.35;filter:hue-rotate(-70deg);width:240px;height:240px;animation-delay:.12s;top:calc(39% - 120px);left:calc(50% - 120px)}.cinema-lens i:nth-child(4){background:linear-gradient(90deg,transparent,#fff9,var(--cinema-color),transparent);width:390px;height:2px;box-shadow:0 0 15px var(--cinema-color);animation:cinema-lens-streak var(--cinema-duration) ease both;border:0;border-radius:0;top:calc(39% + 15px);left:calc(50% - 195px)}.cinema-royal .cinema-caption{animation:cinema-royal-copy var(--cinema-duration) ease both;bottom:11%}.cinema-royal .cinema-caption h2{letter-spacing:-.04em;text-shadow:0 4px 20px #000a,0 0 45px color-mix(in srgb,var(--cinema-color) 18%,transparent);font-size:clamp(42px,6vw,82px)}.cinema-royal .cinema-kicker{letter-spacing:3px;font-size:9px}.cinema-royal .cinema-caption p{opacity:.7;max-width:480px;font-size:12px}.cinema-royal .cinema-footer{display:none}.cinema-royal .cinema-rule{opacity:.3;width:130px;margin:15px auto 0}@keyframes cinema-royal-iris-in{0%{opacity:0;clip-path:circle(2% at 50% 42%);transform:scale(1.03)}to{opacity:1;clip-path:circle(110% at 50% 42%);transform:scale(1)}}@keyframes cinema-royal-iris-out{0%{opacity:1;clip-path:circle(110% at 50% 42%);filter:blur();transform:scale(1)}to{opacity:0;clip-path:circle(18% at 50% 42%);filter:blur(3px);transform:scale(1.04)}}@keyframes cinema-royal-reveal-a{0%,10%{transform-origin:calc(50% + 75px) calc(39% + 15px);transform:translate(-75px)scale(3.8)rotateY(-68deg)rotate(-3deg)}23%{transform-origin:calc(50% + 75px) calc(39% + 15px);transform:translate(-65px)scale(2.7)rotateY(-48deg)rotate(-2deg)}43%{transform-origin:50% 39%;transform:translate(0)scale(1.08)rotateY(-4deg)rotate(0)}61%{transform-origin:50% 39%;transform:scale(1.02)rotateY(0)}74%{transform:scale(1.08)rotateY(3deg)rotate(-1deg)}to{transform-origin:50% 39%;transform:scale(.98)rotateY(7deg)rotate(1deg)}}@keyframes cinema-royal-reveal-b{0%,10%{transform-origin:calc(50% + 75px) calc(39% + 15px);transform:translate(-75px,8px)scale(4.1)rotateY(-72deg)rotate(6deg)}25%{transform-origin:calc(50% + 75px) calc(39% + 15px);transform:translate(-55px)scale(2.65)rotateY(-40deg)rotate(2deg)}44%{transform-origin:50% 39%;transform:translate(12px)scale(1.04)rotateY(7deg)rotate(-2deg)}61%{transform:translate(0)scale(1.02)rotateY(3deg)rotate(0)}74%{transform:translate(-8px)scale(1.09)rotateY(-2deg)rotate(1deg)}to{transform-origin:50% 39%;transform:translate(8px)scale(.97)rotateY(-7deg)rotate(-1deg)}}@keyframes cinema-royal-reveal-c{0%,12%{transform-origin:calc(50% + 75px) calc(39% + 15px);transform:translate(-75px,-10px)scale(3.65)rotateY(-64deg)rotate(-7deg)}26%{transform-origin:calc(50% + 75px) calc(39% + 15px);transform:translate(-50px)scale(2.4)rotateY(-32deg)rotate(-3deg)}43%{transform-origin:50% 39%;transform:translate(-8px)scale(1.08)rotateY(-8deg)rotate(2deg)}61%{transform:translate(0)scale(1)rotateY(-3deg)rotate(0)}74%{transform:translate(6px)scale(1.1)rotateY(2deg)rotate(-1deg)}to{transform-origin:50% 39%;transform:translate(-10px)scale(.96)rotateY(9deg)rotate(1deg)}}@keyframes cinema-royal-king-safe{0%,44%{opacity:1;filter:brightness(.85);transform:translate(180px)}57%{opacity:1;filter:brightness(1.05);transform:translate(182px)}77%{opacity:1;filter:brightness(.97);transform:translate(180px)}to{opacity:1;filter:brightness();transform:translate(181px)}}@keyframes cinema-royal-king-struck{0%,65%{opacity:1;filter:brightness();transform:translate(180px)}67.5%{opacity:1;filter:brightness(4)drop-shadow(0 0 30px #fff);transform:translate(188px,-4px)rotate(2deg)}72%{opacity:1;filter:brightness(2.5);transform:translate(202px,4px)rotate(14deg)}84%{opacity:.5;filter:brightness(1.8);transform:translate(236px,70px)rotate(65deg)scale(.65)}96%,to{opacity:0;filter:brightness();transform:translate(280px,130px)rotate(110deg)scale(.04)}}@keyframes cinema-revolver-steady{0%{transform:translateZ(20px)rotate(-1deg)}46%{transform:translateZ(20px)rotate(0)}76%{transform:translateZ(20px)rotate(-.7deg)}to{transform:translateZ(20px)rotate(0)}}@keyframes cinema-revolver-recoil{0%,55%{transform:translateZ(20px)rotate(0)}57%{transform:translate3d(-15px,-5px,20px)rotate(-9deg)}61%{transform:translate3d(-5px,-2px,20px)rotate(-3deg)}67%,to{transform:translateZ(20px)rotate(0)}}@keyframes cinema-revolver-face{0%,13%{opacity:1;transform:translateZ(3px)rotateY(68deg)}30%{opacity:.7;transform:translateZ(3px)rotateY(35deg)}43%,to{opacity:.3;transform:translateZ(3px)rotateY(3deg)}}@keyframes cinema-revolver-bullet{0%,55.8%{opacity:0;transform:translate(0)scaleX(.25)}56.1%{opacity:1;transform:translate(0)scaleX(1)}65.8%{opacity:1;transform:translate(104px)scaleX(.9)}67%,to{opacity:0;transform:translate(110px)scaleX(.5)}}@keyframes cinema-revolver-flash{0%,55.7%{opacity:0;transform:translate(-15%,-50%)scale(.05)}56.4%{opacity:1;transform:translate(-15%,-50%)scale(1.05)}58.4%{opacity:.5;transform:translate(-15%,-50%)scale(.7)}60%,to{opacity:0;transform:translate(-15%,-50%)scale(.2)}}@keyframes cinema-revolver-smoke{0%,56.5%{opacity:0;transform:translate(0)scale(.1)}59%{opacity:.65;transform:translate(12px,-8px)scale(.7)}76%{opacity:.35;transform:translate(calc(25px + var(--i)*5px),calc(-30px - var(--i)*8px)) scale(1.3)}to{opacity:0;transform:translate(calc(45px + var(--i)*8px),calc(-70px - var(--i)*12px)) scale(2)}}@keyframes cinema-royal-threat-envelope{0%,25%{opacity:0}42%{opacity:.12}70%{opacity:.25}to{opacity:.08}}@keyframes cinema-royal-impact-envelope{0%,32%{opacity:0}49%{opacity:.13}61%{opacity:.3}68%{opacity:1}85%{opacity:.8}to{opacity:.15}}@keyframes cinema-royal-threat-ring{0%,40%{opacity:0;transform:rotateX(65deg)scale(.3)}64%{opacity:.6;transform:rotateX(65deg)scale(3)}to{opacity:0;transform:rotateX(65deg)scale(5)}}@keyframes cinema-royal-impact-glow{0%,65%{opacity:0;transform:scale(.01)}68%{opacity:.95;transform:scale(.85)}75%{opacity:.55;transform:scale(1.4)}89%,to{opacity:0;transform:scale(2.4)}}@keyframes cinema-royal-final-wave{0%,65%{opacity:0;transform:rotateX(65deg)scale(.1)}70%{opacity:1}to{opacity:0;transform:rotateX(65deg)scale(9)}}@keyframes cinema-royal-final-shard{0%,65%{transform:rotate(var(--angle)) translateY(0);opacity:0}69%{opacity:1}97%,to{transform:rotate(var(--angle)) translateY(calc(var(--radius)*-1.2)) rotate(260deg);opacity:0}}@keyframes cinema-royal-final-fragment{0%,65%{opacity:0;transform:rotate(var(--angle)) translateY(0) rotateX(0)}70%{opacity:1}90%{opacity:.9;transform:rotate(calc(var(--angle) + 35deg)) translateY(calc(var(--radius)*-1.1)) rotateX(240deg)}to{opacity:0;transform:rotate(calc(var(--angle) + 65deg)) translateY(calc(var(--radius)*-1.7)) rotateX(380deg)}}@keyframes cinema-royal-burst{0%,64%{opacity:0;transform:rotate(-70deg)scale(.1)}70%{opacity:1;transform:rotate(20deg)scale(.9)}85%{opacity:.8;transform:rotate(170deg)scale(1.65)}to{opacity:0;transform:rotate(300deg)scale(2)}}@keyframes cinema-royal-seal{0%,65%{opacity:0;transform:rotate(-120deg)scale(.1)}71%{opacity:1;transform:rotate(15deg)scale(.8)}86%{opacity:.7;transform:rotate(120deg)scale(1.6)}to{opacity:0;transform:rotate(250deg)scale(2.1)}}@keyframes cinema-royal-beam{0%,32%{opacity:0;scale:.2}54%{opacity:.15;scale:.6}68%{opacity:.7;scale:1.2}to{opacity:0;scale:1.8}}@keyframes cinema-royal-halo{0%,22%{opacity:0;transform:scale(.4)rotate(-40deg)}45%{opacity:.45;transform:scale(.85)rotate(0)}72%{opacity:.6;transform:scale(1.2)rotate(30deg)}to{opacity:.2;transform:scale(1.45)rotate(70deg)}}@keyframes cinema-royal-floor{0%{opacity:.1;transform:rotateX(70deg)rotate(-20deg)translateZ(-80px)}40%{opacity:.5}to{opacity:.35;transform:rotateX(72deg)rotate(-5deg)translateZ(-100px)}}@keyframes cinema-letterbox-open{0%{height:48vh}to{height:6.5vh}}@keyframes cinema-iris-breathe{0%{opacity:.95}40%{opacity:.6}75%{opacity:.45}to{opacity:.75}}@keyframes cinema-royal-vignette{0%,20%{opacity:1}45%{opacity:.7}70%{opacity:.35}to{opacity:.8}}@keyframes cinema-royal-impact-frame{0%,65.7%{opacity:0;background:#fff}66.3%{opacity:.92;background:#fff}67.3%{opacity:.12;background:#fff}68%{opacity:.35;background:#000}69.5%,to{opacity:0;background:#000}}@keyframes cinema-lens-envelope{0%,15%{opacity:.15}40%{opacity:.35}68%{opacity:.65}to{opacity:.2}}@keyframes cinema-lens-drift{0%{opacity:0;transform:translate(-160px,-60px)scale(.35)}30%{opacity:.6}66%{opacity:.65;transform:translate(40px,15px)scale(1)}to{opacity:0;transform:translate(190px,60px)scale(1.4)}}@keyframes cinema-lens-streak{0%,34%{opacity:0;transform:translate(-150px)scaleX(.1)}56%{opacity:.45;transform:translate(10px)scaleX(.8)}68%{opacity:.9;transform:translate(65px)scaleX(1.5)}to{opacity:0;transform:translate(180px)scaleX(.7)}}@keyframes cinema-royal-copy{0%,30%{opacity:0;transform:translateY(12px)}48%{opacity:1;transform:translateY(0)}88%{opacity:1;transform:translateY(0)}to{opacity:.75;transform:translateY(0)}}.cinema-compact{z-index:1000;pointer-events:none;isolation:isolate;color:#f7fffe;filter:drop-shadow(0 8px 17px #0008);width:225px;min-height:72px;font-family:inherit;animation:.25s cubic-bezier(.2,.8,.2,1) both cinema-compact-arrive;position:fixed;top:19%;left:calc(50% + 95px);transform:translate(-50%)}.cinema-compact-copy{z-index:3;border:1px solid color-mix(in srgb,var(--cinema-color,#83f7ff) 65%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:inset 0 0 22px color-mix(in srgb,var(--cinema-color,#83f7ff) 9%,transparent),0 0 30px color-mix(in srgb,var(--cinema-color,#83f7ff) 12%,transparent);background:linear-gradient(110deg,#0a1b29ed,#0a1520cc);border-radius:12px;padding:16px 21px;position:relative}.cinema-compact-copy strong,.cinema-compact-copy h2{letter-spacing:.07em;color:#fff;text-shadow:0 0 16px var(--cinema-color,#83f7ff);margin:0;font-family:Space Grotesk,sans-serif;font-size:25px;font-weight:800;line-height:1.1;display:block}.cinema-compact-copy small,.cinema-compact-copy p{letter-spacing:.8px;color:var(--cinema-color,#83f7ff);margin:6px 0 0;font-size:9px;line-height:1.5;display:block}.cinema-compact-ring{border:1px solid var(--cinema-color,#83f7ff);opacity:0;animation:cinema-compact-wave var(--cinema-duration,1.5s) ease-out both;z-index:1;box-shadow:0 0 17px color-mix(in srgb,var(--cinema-color,#83f7ff) 35%,transparent);border-radius:18px;position:absolute;inset:-9px}.cinema-compact-ring:before{content:"";border:1px dashed var(--cinema-color,#83f7ff);opacity:.4;border-radius:24px;position:absolute;inset:-9px}.cinema-compact-streak{background:linear-gradient(90deg,transparent,var(--cinema-color,#83f7ff),#fff,transparent);width:210px;height:3px;box-shadow:0 0 14px var(--cinema-color,#83f7ff);z-index:4;opacity:0;animation:cinema-compact-streak var(--cinema-duration,1.5s) ease both;position:absolute;top:35px;left:-90px}.cinema-compact.cinema-exiting,.cinema-compact.cinema-skipping{animation:.25s ease-in both cinema-compact-leave}@keyframes cinema-compact-arrive{0%{opacity:0;transform:translate(-50%,14px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes cinema-compact-leave{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(.98)}}@keyframes cinema-compact-wave{0%{opacity:0;transform:scale(.85)}25%{opacity:.7;transform:scale(1.02)}70%{opacity:.2;transform:scale(1.12)}to{opacity:0;transform:scale(1.18)}}@keyframes cinema-compact-streak{0%{opacity:0;transform:translate(-100px)scaleX(.1)}22%{opacity:.9;transform:translate(90px)scaleX(1)}48%{opacity:0;transform:translate(180px)scaleX(.25)}to{opacity:0;transform:translate(180px)scaleX(.25)}}.cinema-reduced .cinema-letterbox,.cinema-reduced .cinema-iris,.cinema-reduced .cinema-impact-frame,.cinema-reduced .cinema-royal-vignette,.cinema-reduced .cinema-lens{display:none}.cinema-root.cinema-royal.cinema-reduced{animation:none}.cinema-root.cinema-royal.cinema-reduced.cinema-exiting,.cinema-root.cinema-royal.cinema-reduced.cinema-skipping{animation:.25s both cinema-reduced-exit}@media (max-width:650px){.cinema-royal .cinema-css-world{zoom:.72;perspective:900px;inset:-8% -19.5% -30%}.cinema-royal .cinema-css-actor,.cinema-royal .cinema-css-target{width:190px;height:210px;top:calc(39% - 105px);left:calc(50% - 95px)}.cinema-royal .cinema-caption{bottom:13%;left:6%;right:6%}.cinema-royal .cinema-caption h2{font-size:clamp(34px,11vw,54px)}.cinema-royal .cinema-caption p{font-size:10px}.cinema-royal .cinema-kicker{letter-spacing:2px;font-size:7px}.cinema-royal .cinema-css-impact{max-width:none}.cinema-royal.cinema-kind-checkmate .cinema-css-impact{width:420px;height:420px;top:calc(39% - 210px);left:calc(50% - 30px)}.cinema-compact{width:205px;min-height:65px;top:18%;left:50%}.cinema-compact-copy{padding:14px 18px}.cinema-compact-copy strong,.cinema-compact-copy h2{font-size:22px}.cinema-compact-copy small,.cinema-compact-copy p{font-size:8px}}@media (prefers-reduced-motion:reduce){.cinema-compact,.cinema-compact-ring,.cinema-compact-streak{animation:none}.cinema-compact.cinema-exiting,.cinema-compact.cinema-skipping{animation:.1s both cinema-reduced-exit}}.cinema-royal .cinema-css-actor,.cinema-royal .cinema-revolver{filter:none}.cinema-royal .cinema-css-depth{filter:drop-shadow(0 10px 10px #000a)}.cinema-revolver>svg{filter:drop-shadow(0 4px 3px #0009)}.cinema-revolver-barrel-face i{border:1px solid #eef5ff80;border-radius:50%;position:absolute;inset:1px;box-shadow:inset 0 0 3px #000}.cinema-revolver-barrel-face i:nth-child(2){background:#020407;border-color:#6d7e92;inset:5px}.cinema-revolver-barrel-face b{background:#010205;border-radius:50%;position:absolute;inset:8px;box-shadow:0 0 4px #000}.cinema-compact-copy{justify-content:center;align-items:center;gap:13px;min-height:72px;display:flex}.cinema-compact-copy>span{color:var(--cinema-color,#83f7ff);text-shadow:0 0 10px;font-size:18px}.cinema-compact-copy>strong{display:inline-block}.cinema-compact-reduced{animation:none}.cinema-compact-reduced .cinema-compact-ring,.cinema-compact-reduced .cinema-compact-streak{display:none}.cinema-compact-reduced.cinema-exiting,.cinema-compact-reduced.cinema-skipping{animation:.15s both cinema-reduced-exit}@media (max-width:650px){.cinema-compact-copy{gap:11px;min-height:65px}}.mate-finale{z-index:1000;isolation:isolate;color:#fff;background:#030407;font-family:inherit;animation:.55s both mate-open;position:fixed;inset:0;overflow:hidden}.mate-stage,.mate-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mate-skip{z-index:20;color:#d4dae5;opacity:.6;background:#04070bb3;border:1px solid #d5e0f32b;border-radius:5px;align-items:center;gap:13px;padding:9px 12px;font-size:10px;transition:opacity .2s;display:flex;position:absolute;top:22px;right:26px}:is(.mate-skip:hover,.mate-skip:focus-visible){opacity:1}.mate-skip kbd{color:#b3becb;font:9px monospace}.mate-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mate-exiting{animation:.45s both mate-close}.mate-action-layers{pointer-events:none;animation:20s linear both mate-action-cut;position:absolute;inset:0;overflow:hidden}.mate-finale[data-stage=aftermath] .mate-action-layers,.mate-finale[data-stage=title] .mate-action-layers,.mate-finale[data-stage=result] .mate-action-layers{display:none}.mate-energy-rings{opacity:.45;width:1px;height:1px;position:absolute;top:48%;left:50%}.mate-energy-rings i{width:calc(180px + var(--i)*100px);height:calc(180px + var(--i)*100px);margin-left:calc(-90px - var(--i)*50px);margin-top:calc(-90px - var(--i)*50px);animation:mate-ring-drift calc(13s + var(--i)*1s) linear infinite;border:1px dashed #86bdff7a;border-radius:50%;position:absolute;transform:rotateX(63deg);box-shadow:0 0 22px #b488ff18}.mate-energy-rings i:nth-child(2n){border-color:#ddbcff88;animation-direction:reverse}.mate-flight-lines{opacity:0;animation:20s linear both mate-flight-envelope;position:absolute;inset:0}.mate-flight-lines i{width:calc(80px + var(--i)*4px);height:1px;left:calc(mod(var(--i)*17,100)*1%);top:calc(mod(var(--i)*29,100)*1%);animation:mate-flight-line calc(.6s + mod(var(--i),5)*.2s) linear infinite;animation-delay:calc(var(--i)*-.17s);background:linear-gradient(90deg,#0000,#e6f5ff,#0000);position:absolute;transform:rotate(-12deg);box-shadow:0 0 7px #91b4ff}.mate-shards{opacity:.35;position:absolute;inset:0}.mate-shards i{left:calc(mod(var(--i)*23,100)*1%);top:calc(mod(var(--i)*41,100)*1%);width:calc(2px + mod(var(--i),5)*1px);height:calc(8px + mod(var(--i),7)*2px);clip-path:polygon(50% 0,100% 65%,30% 100%,0 35%);animation:mate-shard-drift calc(4s + mod(var(--i),5)*1s) ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.3s);background:#b8d7ff;position:absolute;box-shadow:0 0 12px #b6a3ff}.mate-lens-streak{opacity:0;background:linear-gradient(90deg,#0000,#aacaff90,#fff,#0000);width:90%;height:2px;animation:20s linear both mate-lens;position:absolute;top:52%;left:5%;box-shadow:0 0 15px #7bb3ff}.mate-edge-codes{letter-spacing:6px;color:#b8cbfb70;justify-content:space-between;align-items:center;font:10px monospace;display:flex;position:absolute;inset:28% 3%}.mate-edge-codes span{writing-mode:vertical-rl;animation:2s steps(5,end) infinite mate-code}.mate-impact-cut{pointer-events:none;opacity:0;background:#fff;animation:20s linear both mate-one-impact;position:absolute;inset:0}.mate-entry-mask{pointer-events:none;animation:.6s both mate-iris;position:absolute;inset:0;box-shadow:inset 0 0 100px 35px #000}.mate-finale[data-stage=aftermath] .mate-entry-mask,.mate-finale[data-stage=title] .mate-entry-mask,.mate-finale[data-stage=result] .mate-entry-mask{display:none}@keyframes mate-open{0%{opacity:0;clip-path:inset(45% 0)}to{opacity:1;clip-path:inset(0)}}@keyframes mate-close{to{opacity:0;filter:blur(3px)}}@keyframes mate-iris{0%{clip-path:inset(45% 0);background:#000}to{clip-path:inset(0);background:0 0}}@keyframes mate-action-cut{0%,36.999%{visibility:visible}37%,to{visibility:hidden}}@keyframes mate-ring-drift{to{transform:rotateX(63deg)rotate(360deg)}}@keyframes mate-flight-envelope{0%,24.9%{opacity:0}26%{opacity:.8}36.99%{opacity:.6}37%,to{opacity:0}}@keyframes mate-flight-line{0%{opacity:0;translate:60vw 7vh}30%{opacity:.8}to{opacity:0;translate:-60vw -7vh}}@keyframes mate-shard-drift{to{translate:50px -70px;rotate:180deg}}@keyframes mate-lens{0%{opacity:.1;transform:scaleX(.3)translateY(30px)}14%{opacity:.45;transform:scaleX(.6)translateY(-50px)}24%{opacity:.3;transform:scaleX(.4)translateY(0)}25.4%{opacity:.9;transform:scaleX(1)}30%{opacity:.25}36.99%{opacity:.1}37%,to{opacity:0}}@keyframes mate-code{0%,to{opacity:.2}50%{opacity:.65;transform:translateY(4px)}}@keyframes mate-one-impact{0%,36.5%{opacity:0}36.65%{opacity:.92;background:#fff}36.8%{opacity:.4;background:#000}36.99%{opacity:.1}37%,to{opacity:0}}.mate-fallback,.mate-action-world{position:absolute;inset:0;overflow:hidden}.mate-action-world{perspective:1100px;background:radial-gradient(at 50% 48%,#23324b,#030407 75%);animation:20s linear both mate-action-world-out}.mate-fallback-camera{transform-style:preserve-3d;transform-origin:50% 45%;animation:20s cubic-bezier(.4,0,.3,1) both mate-camera-path;position:absolute;inset:0}.mate-stage-floor{width:800px;height:800px;transform-style:preserve-3d;grid-template-columns:repeat(8,1fr);display:grid;position:absolute;top:calc(47% - 200px);left:calc(50% - 400px);transform:rotateX(70deg)rotate(-10deg);box-shadow:0 25px #090a0e}.mate-stage-floor i{background:#d5d8df;border:1px solid #0002}.mate-stage-floor i.dark{background:#101319}.mate-actor,.mate-target{width:190px;height:220px;transform-style:preserve-3d;position:absolute;top:calc(44% - 110px)}.mate-actor{left:calc(50% - 300px)}.mate-target{transform-origin:50% 90%;animation:20s both mate-king-fall;left:calc(50% + 150px)}.mate-piece-depth{width:100%;height:100%;transform-style:preserve-3d;position:relative}.mate-piece-depth svg{filter:drop-shadow(0 10px 12px #0008);width:100%;height:100%;position:absolute;inset:0}.mate-piece-depth svg:first-child{filter:brightness(.35);transform:translate3d(-8px,5px,-8px)}.mate-piece-depth svg:nth-child(2){filter:brightness(.6);transform:translate3d(-4px,3px,-4px)}.mate-finale .cinema-revolver{transform-origin:31px 84px;filter:drop-shadow(0 3px 5px #0009);animation:20s linear both mate-gun-spin}.mate-finale .cinema-revolver-barrel-face{animation:none;transform:rotateY(50deg)}.mate-fallback-bullet{opacity:0;background:linear-gradient(#fff2b6,#a37633);border-radius:80% 60% 60% 80%;width:28px;height:8px;animation:20s linear both mate-bullet-path;position:absolute;top:calc(44% + 10px);left:calc(50% + 56px);box-shadow:0 0 12px #b6d2ff}.mate-fallback-bullet:before{content:"";background:linear-gradient(90deg,#0000,#b8ccff,#fff);width:130px;height:2px;position:absolute;top:3px;right:20px}.mate-fallback-muzzle{clip-path:polygon(0 40%,35% 12%,25% 0,60% 35%,100% 15%,80% 50%,100% 85%,55% 70%,25% 100%,35% 65%,0 60%);opacity:0;background:radial-gradient(at 0,#fff,#ffe4ac 20%,#91c9ff77 45%,#0000 70%);width:100px;height:70px;animation:20s linear both mate-shot-flare;position:absolute;top:calc(44% - 25px);left:calc(50% + 56px)}.mate-sight{opacity:0;width:80px;height:80px;animation:20s linear both mate-sight-in;position:absolute;top:calc(44% - 40px);left:calc(50% - 40px)}.mate-sight i{background:#cad5df;width:3px;position:absolute;top:0;bottom:0;left:8px;box-shadow:0 0 3px #000}.mate-sight i:nth-child(2){left:auto;right:8px}.mate-sight b{background:#e7eaf3;width:4px;height:24px;position:absolute;bottom:10px;left:38px;box-shadow:0 0 3px #fff8}@keyframes mate-camera-path{0%{animation-timing-function:cubic-bezier(.12,.5,.88,.5);transform:translate(-200px)scale(1.8)rotateY(65deg)}15%{animation-timing-function:cubic-bezier(.12,.5,.88,.5);transform:translate(0)scale(.9)rotateY(12deg)}18.99%{transform:translate(-20px,9px)scale(1.03)rotateY(23deg)}19%{animation-timing-function:cubic-bezier(.12,.5,.88,.5);transform:translate(-50px,-5px)scale(2.7)rotateY(-45deg)}24%{transform:translate(-10px)scale(3.4)rotateY(-62deg)}25.89%{transform:translate(-7px,2px)scale(3.55)rotateY(-60deg)}25.9%{animation-timing-function:cubic-bezier(.12,.5,.88,.5);transform:translate(-55px)scale(2)rotateY(-24deg)}37%{transform:translate(-245px)scale(1.7)rotateY(-18deg)}37.4%{transform:translate(-245px)scale(1.7)rotateY(-18deg)}46%{transform:translate(-180px)scale(.8)rotateX(30deg)rotateY(0)}to{transform:translate(-160px)scale(.76)rotateX(36deg)rotateY(4deg)}}@keyframes mate-gun-spin{0%,15%{transform:translateZ(20px)rotate(0)}19%,24.99%{transform:translateZ(20px)rotate(360deg)}25.6%{transform:translate3d(-10px,-8px,20px)rotate(350deg)}27%,to{transform:translateZ(20px)rotate(360deg)}}@keyframes mate-bullet-path{0%,24.99%{opacity:0;transform:translate(0)}25%{opacity:1;animation-timing-function:cubic-bezier(.12,.5,.88,.5);transform:translate(0)}36.99%{opacity:1;transform:translate(123px)}37%,to{opacity:0;transform:translate(123px)}}@keyframes mate-shot-flare{0%,24.99%{opacity:0;scale:.01}25.3%{opacity:1;scale:1.2}26%,to{opacity:0;scale:.01}}@keyframes mate-king-fall{0%,37.4%{transform:rotate(0)}45.5%{transform:translate(70px,30px)rotate(101deg)}to{transform:translate(70px,30px)rotate(101deg)}}@keyframes mate-sight-in{0%,21%{opacity:0}24%,25.3%{opacity:.9}27%,to{opacity:0}}@keyframes mate-action-world-out{0%,46%{opacity:1}49%,to{opacity:0;visibility:hidden}}.mate-aerial{opacity:0;background:#030407;animation:20s linear both mate-aerial-in;position:absolute;inset:0}.mate-aerial-board{aspect-ratio:1;grid-template-columns:repeat(8,1fr);width:min(100vw,120vh);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #0b0c0f}.mate-aerial-board i{background:#e5e5e3}.mate-aerial-board i.dark{background:#101114}.mate-fallen-king{filter:drop-shadow(13px 8px 6px #0007);width:24vh;height:24vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(8deg)}.mate-fallen-king svg{width:100%;height:100%;transform:rotate(98deg)}.mate-board-title{text-align:center;letter-spacing:-.07em;color:#dce8fa;mix-blend-mode:difference;opacity:0;font:900 clamp(30px,6vw,95px)/1 Courier New,monospace;animation:20s linear both mate-title-text;position:absolute;top:calc(50% + 20vh);left:5%;right:5%}.mate-board-result{color:var(--mate-tier);text-shadow:1px 1px 0 #030407,-1px -1px 0 #030407,0 0 12px color-mix(in srgb,var(--mate-tier) 14%,transparent);opacity:0;overflow-wrap:anywhere;width:clamp(75px,22vw,340px);max-width:30vw;font:900 clamp(14px,2.7vw,42px)/1.25 Courier New,monospace;animation:20s linear both mate-result-text;position:absolute;top:calc(50% - 15px)}.mate-board-score{text-align:right;right:calc(50% + 14vh)}.mate-board-score small{font-size:.47em}.mate-board-winner{text-align:left;font-size:clamp(12px,2.1vw,32px);left:calc(50% + 14vh)}.mate-board-title:before,.mate-board-title:after,.mate-board-result:before,.mate-board-result:after{content:attr(data-text);pointer-events:none;color:inherit;opacity:0;clip-path:inset(20% 0 65%);animation:20s step-end both mate-word-glitch;position:absolute;inset:0}.mate-board-title:after,.mate-board-result:after{clip-path:inset(65% 0 15%);animation-name:mate-word-glitch-b}@keyframes mate-aerial-in{0%,45%{opacity:0;visibility:hidden}49%,to{opacity:1;visibility:visible}}@keyframes mate-title-text{0%,49.99%{opacity:0;transform:translate(-8px)}50.2%{opacity:.7;transform:translate(4px)}50.6%{opacity:.15}51.2%,63%{opacity:1;transform:none}63.6%{opacity:.3;transform:translate(-4px)}64.2%{opacity:.8;transform:translate(7px)}65%,to{opacity:0;transform:none}}@keyframes mate-result-text{0%,64.99%{opacity:0;transform:translate(0)}65.2%{opacity:.65;transform:translate(-6px)}65.6%{opacity:.1;transform:translate(7px)}66%,77.8%{opacity:1;transform:none}78%{opacity:.65;transform:translate(2px)}78.4%,90.9%{opacity:1;transform:none}91.1%{opacity:.7;transform:translate(-2px)}91.5%,to{opacity:1;transform:none}}@keyframes mate-word-glitch{0%,49.99%{opacity:0}50.1%,51%{opacity:.8;transform:translate(7px)}51.2%,63.4%{opacity:0}63.5%,66%{opacity:.65;transform:translate(-9px)}66.2%,77.9%{opacity:0}78%,78.3%{opacity:.5;transform:translate(3px)}78.4%,91%{opacity:0}91.1%,91.4%{opacity:.5;transform:translate(-4px)}91.5%,to{opacity:0}}@keyframes mate-word-glitch-b{0%,49.99%{opacity:0}50.1%,51%{opacity:.7;transform:translate(-5px)}51.2%,63.4%{opacity:0}63.5%,66%{opacity:.8;transform:translate(7px)}66.2%,77.9%{opacity:0}78%,78.3%{opacity:.5;transform:translate(-3px)}78.4%,91%{opacity:0}91.1%,91.4%{opacity:.5;transform:translate(4px)}91.5%,to{opacity:0}}.mate-reduced{background:#030407;animation:none}.mate-reduced .mate-stage{display:none}.mate-reduced-result{flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}.mate-reduced-result h2{margin:0;font:800 40px Courier New,monospace}.mate-reduced-result strong{color:var(--mate-tier);font:800 70px Courier New,monospace}.mate-reduced-result strong small{font-size:24px}.mate-reduced-result p{color:var(--mate-tier);font:20px monospace}.mate-reduced.mate-exiting{animation:.3s both mate-close}@media (max-width:650px){.mate-skip{font-size:9px;top:15px;right:15px}.mate-skip kbd{display:none}.mate-board-score{right:calc(50% + 10vh)}.mate-board-winner{left:calc(50% + 10vh)}.mate-board-title{font-size:clamp(28px,8vw,55px)}.mate-action-world{zoom:.7;inset:-20% -21%}.mate-fallen-king{width:20vh;height:20vh}}@media (prefers-reduced-motion:reduce){.mate-reduced,.mate-reduced-result{animation:none}.mate-reduced.mate-exiting{animation:.2s both mate-close}}.mate-stage,.mate-action-world{filter:grayscale(var(--mate-hit,0)) contrast(calc(1 + var(--mate-hit,0)*1.8)) brightness(calc(1 + var(--mate-hit,0)*.2)) blur(calc(var(--mate-cut,0)*2px))}.mate-impact-cut{opacity:calc(var(--mate-hit,0)*.16);z-index:12;mix-blend-mode:screen;background:#f0f3fb;animation:none}.mate-impact-cut:before{content:"";mix-blend-mode:multiply;background:repeating-conic-gradient(from 8deg at 58% 49%,#0000 0deg 13deg,#0a1018cc 13.2deg 13.8deg,#0000 14deg 26deg);position:absolute;inset:-15%;-webkit-mask-image:radial-gradient(#0000 22%,#000 80%);mask-image:radial-gradient(#0000 22%,#000 80%)}.mate-stage-floor{width:1600px;height:1600px;top:calc(47% - 400px);left:calc(50% - 800px)}.mate-aerial-board{width:min(200vw,240vh)}.mate-board-title{letter-spacing:-.075em;font-size:clamp(44px,16vw,360px);top:65%;left:2%;right:2%;transform:translateY(-50%)}.mate-result-hud{z-index:9;pointer-events:none;opacity:var(--mate-result-opacity,0);isolation:isolate;mix-blend-mode:normal;display:none;position:absolute;inset:0}.mate-finale[data-stage=result] .mate-result-hud{display:block}.mate-result-score,.mate-result-name{width:37vw;color:var(--mate-tier);mix-blend-mode:normal;filter:drop-shadow(0 6px 13px #0005);paint-order:stroke fill;-webkit-text-stroke:1.2px #080b13;text-shadow:0 0 20px color-mix(in srgb,var(--mate-tier) 15%,transparent);font-family:Courier New,monospace;position:absolute;top:50%;transform:translateY(-50%)}.mate-result-score{text-align:left;left:3vw}.mate-result-name{text-align:left;left:60vw}.mate-result-score>strong{font-size:clamp(84px,calc(63vw / var(--mate-score-digits,3)),900px);letter-spacing:-.075em;font-weight:900;line-height:.83;display:block}.mate-result-score>small{letter-spacing:-.06em;text-align:left;margin-top:clamp(9px,1.2vw,26px);font-size:clamp(20px,3.2vw,70px);font-weight:800;line-height:1.1;display:block}.mate-result-name>strong{font-size:clamp(32px,var(--mate-name-size,7vw),320px);letter-spacing:-.075em;overflow-wrap:anywhere;word-break:break-all;text-transform:uppercase;font-weight:900;line-height:.91;display:block}.mate-result-word{animation:.6s step-end both mate-hud-enter;position:relative}.mate-result-word:before,.mate-result-word:after{content:attr(data-text);color:var(--mate-tier);pointer-events:none;clip-path:inset(18% 0 65%);opacity:0;text-transform:inherit;animation:2.8s step-end infinite mate-hud-slices;position:absolute;inset:0}.mate-result-word:after{clip-path:inset(61% 0 17%);filter:hue-rotate(18deg);animation-direction:reverse}@keyframes mate-hud-enter{0%{clip-path:inset(0 0 85%);translate:-12px}12%{clip-path:inset(20% 0 35%);translate:8px}26%{clip-path:inset(0);translate:0}35%{clip-path:inset(55% 0 0);translate:-6px}48%,to{clip-path:inset(0);translate:0}}@keyframes mate-hud-slices{0%,4%{opacity:.7;transform:translate(7px)}6%,70%{opacity:0;transform:none}71%,73%{opacity:.55;transform:translate(-5px)}75%,to{opacity:0;transform:none}}.mate-whip-echo{opacity:calc(var(--mate-cut,0)*.7);filter:blur(2px);mix-blend-mode:screen;transform:scale(calc(1 + var(--mate-cut,0)*.15)) rotate(calc(var(--mate-cut,0)*9deg));background:repeating-conic-gradient(from 85deg at 50% 48%,#0000 0deg 8deg,#96d9ff33 8.1deg 8.8deg,#0000 9deg 18deg);position:absolute;inset:-15%}.mate-flourish-seal{outline-offset:17px;opacity:0;border:3px double #c0b3ffb3;border-radius:50%;outline:1px dashed #a5daff;width:60vmin;height:60vmin;margin:-30vmin;animation:20s linear both mate-spin-seal;position:absolute;top:48%;left:50%;box-shadow:0 0 35px #bda7ff55}@keyframes mate-spin-seal{0%,14.8%{opacity:0;transform:rotate(-70deg)scale(.4)rotateX(50deg)}15.4%{opacity:.7}18.6%{opacity:.55;transform:rotate(270deg)scale(1.25)rotateX(50deg)}20%,to{opacity:0;transform:rotate(340deg)scale(1.6)rotateX(50deg)}}.mate-aerial-board,.mate-fallen-king{animation:20s linear both mate-aerial-drift}@keyframes mate-aerial-drift{0%,48%{translate:0;rotate:0deg;scale:1}to{translate:1vw -.8vh;rotate:1.8deg;scale:1.045}}@media (max-width:650px){.mate-result-score,.mate-result-name{-webkit-text-stroke:.7px #080b13;width:38vw}.mate-result-score{left:2vw}.mate-result-name{left:60vw}.mate-result-score>small{font-size:clamp(18px,4.5vw,30px)}.mate-result-name>strong{font-size:clamp(24px,var(--mate-name-size),72px)}.mate-board-title{font-size:16vw}.mate-finale .mate-result-hud{mix-blend-mode:normal}}.bc-brand{width:100%;min-width:0;max-width:190px;color:var(--text,#edf1f7);letter-spacing:normal;flex-shrink:0;align-items:center;gap:9px;font-weight:400;line-height:1;display:flex}.bc-brand-emblem{fill:none;flex:0 0 64px;width:64px;height:64px;display:block;overflow:visible}.bc-brand-wordmark{letter-spacing:.9px;text-transform:uppercase;font-synthesis:none;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;font-family:Times New Roman,Times,Nimbus Roman,serif;font-size:22px;font-weight:400;line-height:1.02;display:flex}.bc-brand-wordmark>span{white-space:nowrap;display:block}@media (max-width:1150px) and (min-width:651px){.bc-brand{gap:7px}.bc-brand-emblem{flex-basis:53px;width:53px;height:53px}.bc-brand-wordmark{letter-spacing:.6px;gap:4px;font-size:19px}}@media (max-width:950px) and (min-width:651px){.bc-brand{gap:6px}.bc-brand-emblem{flex-basis:46px;width:46px;height:46px}.bc-brand-wordmark{letter-spacing:.5px;gap:3px;font-size:17px}}.brand .bc-brand,.brand .bc-brand-wordmark{display:flex}.sidebar>.brand{text-align:left;width:100%;margin-bottom:28px;padding:0}.period-indicator{--period-ink:var(--accent);scrollbar-width:none;border-top:1px solid var(--line);text-align:center;flex:auto;justify-content:center;align-items:center;min-height:0;margin-top:16px;padding:14px 0;display:flex;overflow:auto}.period-digital-space{flex:none;width:100%;height:270px;position:relative}.period-digital-sideways{align-items:center;gap:18px;width:max-content;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.period-digital-clock{border:1px solid var(--line);background:var(--panel);color:var(--period-ink);border-radius:7px;flex:none;align-items:center;gap:3px;padding:10px 12px;display:flex;box-shadow:inset 0 1px 5px #0003}.period-digital-digit{flex:none;width:22px;height:44px;display:block;overflow:visible}.period-digital-colon{fill:currentColor;flex:none;width:8px;height:44px;margin-inline:1px;display:block}.period-digital-digit path{fill:currentColor;stroke:var(--panel);stroke-width:.8px;stroke-linejoin:round}.segment-off{opacity:.065}.segment-on{opacity:1}.period-clock-idle{opacity:.4}.period-digital-badge{min-width:34px;color:var(--accent);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;display:flex}.period-digital-badge>small{color:var(--muted);font-size:9px;font-weight:400;line-height:1}.period-digital-badge>strong{white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:500;line-height:1}.period-digital-badge.period-badge-words>strong{letter-spacing:0;color:var(--muted);font-family:inherit;font-size:11px}.period-urgent{--period-ink:#ed7584}[data-theme=paper] .period-urgent{--period-ink:#a42738}[data-theme=paper] .segment-off{opacity:.09}.sidebar:has(.period-indicator) .sidebar-bottom{flex-shrink:0;padding-top:15px}.sidebar:has(.period-indicator)>nav{flex-shrink:0}.sidebar:has(.period-indicator)>.brand{flex-shrink:0}@media (max-height:650px){.period-indicator{margin-top:8px;padding:8px 0}.period-digital-space{height:225px}.period-digital-clock{padding:7px 9px}.period-digital-digit{width:18px;height:36px}.period-digital-colon{width:6px;height:36px}}.period-wheel-badge{--wheel-step:20px;gap:4px;min-width:0}.period-wheel{width:calc(var(--wheel-step)*5);isolation:isolate;height:36px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.period-wheel-number{width:var(--wheel-step);text-align:center;opacity:var(--wheel-opacity);transform:translateX(calc(var(--wheel-offset)*var(--wheel-step))) translate(-50%,-50%) scale(var(--wheel-scale));will-change:transform,opacity;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:500;line-height:1;transition:transform .65s cubic-bezier(.22,.72,.18,1),opacity .5s;position:absolute;top:50%;left:50%}.period-wheel-value{display:block}.period-wheel-number.is-focused{z-index:1}.period-wheel-mark{pointer-events:none}.period-wheel-badge.is-passing .is-focused .period-wheel-value{animation:1.2s step-end infinite period-passing-blink}@keyframes period-passing-blink{0%,49%,to{opacity:1}50%,99%{opacity:0}}@media (prefers-reduced-motion:reduce){.period-wheel-number{will-change:auto;transition:none}.period-wheel-badge.is-passing .is-focused .period-wheel-value{animation:none}}[data-reduced=true] .period-wheel-number{will-change:auto;transition:none}[data-reduced=true] .period-wheel-badge.is-passing .is-focused .period-wheel-value{animation:none}.leaderboard-page{max-width:none}.leaderboard-page .leaderboard-toolbar{margin-bottom:22px}.leaderboard-modes{border:1px solid var(--line);background:var(--panel);border-radius:999px;gap:4px;width:max-content;max-width:100%;padding:4px;display:flex}.leaderboard-modes button{color:var(--muted);white-space:nowrap;border-radius:999px;min-height:36px;padding:10px 20px;font-size:12px;line-height:1.2;transition:background .18s,color .18s}.leaderboard-modes button:hover{background:var(--panel2);color:var(--text)}.leaderboard-modes button[aria-selected=true]{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 8px #0002}.leaderboard-score{color:var(--score-color);font-variant-numeric:tabular-nums}.completed-records{border-radius:16px;width:100%;min-height:calc(100dvh - 245px);overflow:hidden}.completed-table-head,.completed-record{grid-template-columns:minmax(180px,1.7fr) minmax(100px,1fr) minmax(120px,1fr) 76px 38px;align-items:center;gap:22px;padding:20px 24px;display:grid}.completed-table-head{border-bottom:1px solid var(--line);letter-spacing:.05em;color:var(--muted);background:var(--panel2);padding-block:14px;font-size:9px}.completed-table-head>span:nth-last-child(2){text-align:right}.completed-record{border-bottom:1px solid var(--line);transition:background .15s}.completed-record:last-child{border-bottom:0}.completed-record:hover{background:var(--panel2)}.completed-opponents{flex-direction:column;gap:9px;min-width:0;display:flex}.completed-opponents>strong{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;line-height:1.5;display:flex}.completed-labels{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;font-size:10px;display:flex}.completed-labels .pill{font-size:10px}.versus{color:var(--muted);font-size:10px;font-weight:400}.record-name{overflow-wrap:anywhere;align-items:center;gap:4px;max-width:100%;display:inline-flex}.record-name>svg{color:#ec7a86;flex:none}.completed-winner{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.completed-winner>small{color:var(--muted);margin-bottom:4px;font-size:9px;display:none}.completed-winner>.record-name{font-weight:600}.completed-record>time{color:var(--muted);align-items:center;gap:6px;font-size:10px;line-height:1.7;display:flex}.completed-record>time>svg{flex:none}.completed-score{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.completed-score>b{letter-spacing:-1px;font-size:30px}.completed-score>small{color:var(--muted);font-size:9px}.completed-replay{justify-content:flex-end;display:flex}.completed-replay>.icon-btn{padding:8px}.history-more{margin:18px auto;display:flex}[data-theme=paper] .leaderboard-score{color:var(--score-ink)!important}.result-sync-status{color:var(--muted);font-size:10px;line-height:1.5}.local-usernames .field-label small{color:var(--muted);margin-left:6px;font-size:9px;font-weight:400}@media (max-width:1150px){.completed-table-head,.completed-record{grid-template-columns:minmax(150px,1.4fr) minmax(85px,.8fr) minmax(90px,.85fr) 65px 30px;gap:16px;padding-inline:20px}}@media (max-width:760px){.completed-table-head{display:none}.completed-record{grid-template-columns:minmax(0,1fr) 66px 30px;gap:12px;padding:18px}.completed-opponents{grid-column:1}.completed-winner{grid-area:2/1}.completed-winner>small{display:block}.completed-record>time{grid-area:3/1}.completed-score{grid-area:1/2/4}.completed-replay{grid-area:1/3/4}.completed-score>b{font-size:27px}.completed-opponents>strong{font-size:12px}.completed-records{min-height:calc(100dvh - 245px)}}@media (max-width:650px){.leaderboard-modes{width:100%}.leaderboard-modes button{flex:1;padding:10px 12px;font-size:11px}.leaderboard-toolbar{align-items:stretch!important}.completed-record{gap:8px;padding:16px 14px}}.new-match .clock-options{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.clock-options button{min-width:0}.bot-level-select{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font-size:11px;display:flex}.bot-level-select select{min-width:135px;padding:8px;font-size:11px}.quality-badge{color:var(--accent);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:750;line-height:1;display:inline-flex}.quality-badge>span{font-size:10px;font-weight:500}.quality-best{color:#8cceaa}.quality-excellent{color:#9bcbb8}.quality-good{color:#a6b9d2}.quality-inaccuracy{color:#e5cd7b}.quality-mistake{color:#f2ad73}.quality-blunder{color:#ee7e8e}.estimate-label{color:var(--muted);font-size:9px;line-height:1.5}.leaderboard-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:0 0 24px;display:flex}.leaderboard-toolbar .segmented{min-width:240px}.leaderboard-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:22px;display:grid}.rank-card,.win-records{overflow:hidden}.rank-card .section-head,.win-records .section-head{border-bottom:1px solid var(--line);margin:0;padding:22px}.rank-row{border-bottom:1px solid var(--line);grid-template-columns:24px minmax(90px,1fr) 50px 50px 40px;align-items:center;gap:10px;padding:17px 22px;font-size:11px;display:grid}.rank-row>strong{text-overflow:ellipsis;overflow:hidden}.rank-head{color:var(--muted);background:var(--panel2);padding-block:12px;font-size:9px}.rank-row>b,.rank-row>.medal{color:var(--accent)}.win-record{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:13px;width:100%;padding:20px 22px;display:flex}.win-record:hover{background:var(--panel2)}.win-record>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.win-record strong{font-size:12px}.win-record span,.win-record small{color:var(--muted);text-overflow:ellipsis;font-size:9px;overflow:hidden}.win-record>b{color:var(--accent);font-size:24px}.leaderboard-empty{text-align:center;color:var(--muted);padding:45px 20px}.leaderboard-empty h3{margin:14px 0;font-size:12px;font-weight:500}.inline-error{color:#ed9ca6;font-size:12px}.replay-backdrop{z-index:800}.replay-modal{background:var(--bg);border:1px solid var(--line);border-radius:15px;width:1000px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:20px;overflow:auto;box-shadow:0 22px 90px #0008}.replay-modal>header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.replay-modal>header>div{color:var(--accent);align-items:center;gap:10px;display:flex}.replay-modal h2{margin:0;font-size:21px}.replay-layout{grid-template-columns:minmax(0,1fr) 235px;gap:24px;display:grid}.replay-board{aspect-ratio:1;place-self:center;width:min(100%,100dvh - 130px);min-width:0;height:auto}.replay-board .bc-board{aspect-ratio:1;width:100%;height:100%}.replay-details{flex-direction:column;gap:20px;min-width:0;display:flex}.result-score{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;gap:10px;padding:17px;display:flex}.result-score>small{font-size:12px}.result-score>strong{color:var(--accent);letter-spacing:-3px;font-family:Space Grotesk,sans-serif;font-size:55px;line-height:1}.result-score>strong>span{color:var(--muted);letter-spacing:0;margin-left:5px;font-size:14px}.accuracy-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.accuracy-pair>div{flex-direction:column;gap:8px;min-width:0;display:flex}.accuracy-pair span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.accuracy-pair strong{font-size:22px}.accuracy-pair>small{color:var(--muted);grid-column:1/-1;font-size:9px}.replay-switch{border:1px solid var(--line);border-radius:8px;gap:4px;padding:3px;display:flex}.replay-switch button{border-radius:5px;flex:1;padding:9px 6px;font-size:10px}.replay-switch button.active{background:var(--panel2);color:var(--accent)}.replay-notation{flex-direction:column;gap:12px;min-height:42px;font-size:14px;display:flex}.replay-controls{justify-content:space-between;align-items:center;gap:6px;display:flex}.replay-controls button{background:var(--panel);border-radius:6px;justify-content:center;align-items:center;width:32px;height:34px;display:flex}.replay-controls button.replay-run{background:var(--accent);color:var(--accent-ink)}.replay-details input[type=range]{width:100%;accent-color:var(--accent);padding:0}.replay-names{color:var(--muted);flex-direction:column;gap:8px;margin-top:auto;font-size:9px;display:flex}.replay-unavailable{height:100%;color:var(--muted);place-items:center;font-size:12px;display:grid}@media (max-width:1100px){.leaderboard-grid{grid-template-columns:1fr}.rank-row{padding-inline:16px}}@media (max-width:650px){.leaderboard-toolbar{flex-direction:column;align-items:stretch;gap:12px}.rank-row{grid-template-columns:20px minmax(60px,1fr) 40px 40px 32px;gap:6px;padding-inline:12px;font-size:10px}.replay-modal{padding:14px}.replay-layout{grid-template-columns:minmax(0,1fr);gap:16px}.replay-board{max-height:none}.replay-details{grid-template-columns:1fr 1fr;gap:14px;display:grid}.result-score{grid-row:span 2;padding:12px}.result-score>strong{font-size:42px}.replay-switch,.replay-controls,.replay-details>input,.replay-names{grid-column:1/-1}.replay-names{flex-direction:row;justify-content:space-between}.replay-controls{justify-content:center;gap:18px}.replay-notation{font-size:12px}.clock-options button{padding-inline:4px}}.lobby-tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:4px;padding:0 0 14px;display:flex}.lobby-tabs button{color:var(--muted);border:1px solid #0000;border-radius:7px;padding:9px 15px;font-size:11px}.lobby-tabs button[aria-selected=true]{color:var(--accent);background:var(--glow);border-color:var(--line)}.match-page{--bc-board-size:min(100vw,100dvh);--bc-panel-width:240px;--bc-details-width:180px}.match-page .match-grid{align-items:stretch;gap:12px;min-width:0;max-width:none}.match-page .board-column{width:var(--bc-board-size);min-width:0;display:block}.match-page .board-frame{width:var(--bc-board-size);height:var(--bc-board-size);aspect-ratio:1;border-radius:0;flex:none}.match-page .board-frame>.bc-board{border-radius:0;width:100%;height:100%}.match-page .match-details{scrollbar-width:thin;flex-direction:column;gap:14px;min-width:0;padding:15px 2px;display:flex;overflow:auto}.match-page .match-heading{margin:0 0 2px;display:block}.match-page .match-heading h1{letter-spacing:-1px;margin:12px 0;font-size:25px}.match-page .match-heading h1 .pill{align-items:center;gap:5px;width:fit-content;margin:9px 0 0;font-size:8px;display:flex}.match-page .match-heading>.subtle-btn{display:none}.match-page .opponent-bar{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:12px 0;display:grid}.match-page .opponent-bar .avatar{border-radius:7px;width:30px;height:30px;font-size:10px}.match-page .opponent-bar strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.match-page .opponent-bar small{overflow-wrap:anywhere;margin-top:4px;font-size:8px;line-height:1.5}.match-page .clock{text-align:center;grid-column:1/-1;width:100%;min-width:0;margin:6px 0 0;padding:10px;font-size:clamp(25px,3vh,39px);line-height:1.1}.match-page .board-toolbar{flex-direction:column;flex:none;align-items:stretch;gap:10px;margin:0;padding:8px 0;display:flex}.match-page .board-toolbar>div{justify-content:space-between;gap:4px}.match-page .board-toolbar button{padding:6px}.match-page .invite-banner{flex-wrap:wrap;gap:9px;margin:0;padding:10px;font-size:10px;display:flex}.match-page .invite-banner div{min-width:0}.match-page .invite-banner span{overflow-wrap:anywhere;margin-top:6px;font-size:9px}.match-page .invite-banner .subtle-btn,.match-page .invite-banner .primary{padding:8px;font-size:9px}.match-page .admin-tools{flex-wrap:wrap;gap:6px;margin:0;padding:10px;font-size:9px;display:flex}.match-page .admin-tools button{padding:6px;font-size:9px}.match-page .admin-tools small{font-size:8px;line-height:1.4}.match-page .match-panel{height:var(--bc-board-size);border-radius:10px;flex-direction:column;min-height:0;max-height:none;display:flex;overflow:hidden}.match-page .panel-tabs,.match-page .match-info,.match-page .chat-form,.match-page .chat-signin{flex-shrink:0}.match-page .panel-tabs button{padding:15px 4px;font-size:10px}.match-page .match-info{padding:12px;font-size:10px}.match-page .move-list,.match-page .chat-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1 1 0;height:auto;min-height:0;max-height:none;overflow:auto}.match-page .move-row{grid-template-columns:22px 1fr 1fr;gap:5px;padding:8px 10px;font-size:10px}.match-page .move-row>span{align-items:center;gap:5px;min-width:0;display:flex}.match-page .move-row .quality-badge{flex-shrink:0;font-size:9px}.match-page .move-row .quality-badge>span{display:none}.match-page .empty-moves{padding:28px 12px}.match-page .chat-empty{padding:35px 10px}.match-page .chat-form{gap:6px;padding:9px}.match-page .chat-form input{min-width:0;font-size:11px}.match-summary{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;gap:8px;padding:12px;font-size:10px;display:flex}.match-summary>strong{color:var(--accent);font-size:30px}.match-summary>strong small{color:var(--muted);font-size:11px}.match-summary .subtle-btn{justify-content:center;padding:8px;font-size:10px}@media (min-width:951px){.match-active .topbar{display:none}.match-active .match-page{justify-content:center;align-items:center;width:100%;max-width:none;height:100dvh;padding:0 12px;display:flex;overflow:hidden}.match-page .match-grid{grid-template-columns:var(--bc-details-width) var(--bc-board-size) var(--bc-panel-width);width:100%;height:var(--bc-board-size);justify-content:center;display:grid}.match-page .match-details{height:var(--bc-board-size)}}@media (max-width:950px){.match-page{max-width:750px;padding:12px 16px}.match-page .match-grid{flex-direction:column;gap:12px;display:flex}.match-page .match-details{grid-template-columns:1fr 1fr;gap:8px 16px;height:auto;padding:0;display:grid;overflow:visible}.match-page .match-heading{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.match-page .match-heading h1{margin:6px 0;font-size:22px}.match-page .match-heading h1 .pill{margin:0 0 0 10px;display:inline-flex}.match-page .match-heading .back-link{font-size:9px}.match-page .opponent-bar{grid-template-columns:30px 1fr;padding:7px 0}.match-page .clock{margin-top:0;padding:6px;font-size:23px}.match-page .board-toolbar,.match-page .invite-banner,.match-page .admin-tools,.match-page .match-summary{grid-column:1/-1}.match-page .board-toolbar{flex-direction:row;gap:12px;padding:2px}.match-page .board-toolbar>div{justify-content:flex-start;gap:7px}.match-page .board-column{margin:auto}.match-page .match-panel{width:100%;height:350px;min-height:260px}.match-page .board-frame{max-width:100%}}.match-page .match-details>.match-info{border:1px solid var(--line);border-radius:8px;order:1;font-size:10px}.match-page .match-details>.match-heading{order:0}.match-page .match-details>.opponent-bar{order:2}.match-page .match-details>.board-toolbar{order:3}.match-page .match-details>.invite-banner,.match-page .match-details>.admin-tools,.match-page .match-details>.match-summary{order:4}@media (max-width:950px){.match-page .match-details>.match-info{grid-column:1/-1;padding:8px}.match-page .match-details>.match-heading{grid-row:1}}@media (min-width:651px){.app-shell .sidebar{scrollbar-width:none;width:84px;height:100dvh;padding:14px 10px;transition:width .22s,box-shadow .22s;overflow:hidden auto}.app-shell>.main-shell{margin-left:84px}.app-shell .sidebar>.brand{flex:none;height:56px;margin-bottom:16px}.app-shell .sidebar .bc-brand{justify-content:center;gap:12px;max-width:none}.app-shell .sidebar .bc-brand-emblem{flex-basis:56px;width:56px;height:56px}.app-shell .sidebar .bc-brand-wordmark{opacity:0;font-size:20px;transition:opacity .16s;display:none}.app-shell .sidebar>nav{flex:none;gap:4px}.app-shell .sidebar nav button{white-space:nowrap;flex:none;justify-content:center;gap:0;height:44px;padding:9px 14px;font-size:14px}.app-shell .sidebar nav button>svg{flex:none;width:26px;height:26px}.app-shell .sidebar .nav-text{opacity:0;white-space:nowrap;max-width:0;margin:0;font-size:13px;transition:opacity .16s,max-width .22s;display:block;overflow:hidden}.app-shell .sidebar .nav-dot,.app-shell .sidebar nav b{display:none}.app-shell .sidebar .sidebar-bottom{flex:none;margin-top:0;padding-top:8px}.app-shell .sidebar .settings-nav{justify-content:center;gap:0;height:42px;padding:9px 14px;font-size:13px}.app-shell .sidebar .settings-nav>svg{flex:none;width:24px;height:24px}.app-shell .sidebar .profile{justify-content:center;gap:0;height:52px;margin-top:4px;padding:8px}.app-shell .sidebar .profile .avatar{flex:none;width:36px;height:36px}.app-shell .sidebar .profile>span:nth-child(2),.app-shell .sidebar .profile>svg{display:none}.app-shell .sidebar .return-hub{gap:0;height:26px;margin:4px 0 0}.app-shell .sidebar .return-hub>span{display:none}.app-shell .sidebar .return-hub>svg{flex:none;width:16px;height:16px}.app-shell .sidebar:is(:hover,:has(:focus-visible)){width:244px;box-shadow:12px 0 35px #0004}.app-shell .sidebar:is(:hover,:has(:focus-visible)) .bc-brand{justify-content:flex-start}.app-shell .sidebar:is(:hover,:has(:focus-visible)) .bc-brand-wordmark{opacity:1;display:flex}.app-shell .sidebar:is(:hover,:has(:focus-visible)) nav button,.app-shell .sidebar:is(:hover,:has(:focus-visible)) .settings-nav{justify-content:flex-start}.app-shell .sidebar:is(:hover,:has(:focus-visible)) .nav-text{opacity:1;max-width:150px;margin-left:12px}.app-shell .sidebar:is(:hover,:has(:focus-visible)) .nav-dot,.app-shell .sidebar:is(:hover,:has(:focus-visible)) nav b{display:block}.app-shell .sidebar:is(:hover,:has(:focus-visible)) .profile{justify-content:flex-start;gap:10px}.app-shell .sidebar:is(:hover,:has(:focus-visible)) .profile>span:nth-child(2),.app-shell .sidebar:is(:hover,:has(:focus-visible)) .profile>svg{display:block}.app-shell .sidebar:is(:hover,:has(:focus-visible)) .return-hub{gap:5px}.app-shell .sidebar:is(:hover,:has(:focus-visible)) .return-hub>span{display:block}.app-shell .sidebar .period-indicator{flex:1 1 0;min-height:0;margin-top:8px;padding:0;overflow:hidden}.app-shell .sidebar .period-digital-space{height:100%;min-height:0}.app-shell .sidebar .period-digital-sideways{transform:translate(-50%,-50%) rotate(-90deg) scale(var(--period-fit,1));gap:14px}.app-shell .sidebar .period-digital-clock{border-radius:5px;gap:2px;padding:7px 10px}.app-shell .sidebar .period-digital-digit{width:18px;height:36px}.app-shell .sidebar .period-digital-colon{width:6px;height:36px;margin-inline:0}.app-shell .sidebar .period-digital-badge{gap:3px;min-width:28px}.app-shell .sidebar .period-digital-badge>small{font-size:8px}.app-shell .sidebar .period-digital-badge.period-badge-words>strong{font-size:9px}.app-shell .sidebar .period-wheel-badge{--wheel-step:17px;min-width:0}.app-shell .sidebar .period-wheel{height:29px}.app-shell .sidebar .period-wheel-number{font-size:23px}.toast{left:calc(50% + 42px)}}@media (min-width:651px) and (max-height:650px){.app-shell .sidebar{padding-block:8px}.app-shell .sidebar>.brand{height:48px;margin-bottom:10px}.app-shell .sidebar .bc-brand-emblem{flex-basis:48px;width:48px;height:48px}.app-shell .sidebar>nav{gap:2px}.app-shell .sidebar nav button{height:38px;padding-block:6px}}@media (prefers-reduced-motion:reduce){.app-shell .sidebar,.app-shell .sidebar .nav-text,.app-shell .sidebar .bc-brand-wordmark{transition:none}}[data-reduced=true] .app-shell .sidebar,[data-reduced=true] .app-shell .sidebar .nav-text,[data-reduced=true] .app-shell .sidebar .bc-brand-wordmark{transition:none}