@font-face{font-family:Arcana Event;src:url(assets/ui/arcana-event-v1.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.scene-sprite-sheet{position:absolute;left:calc(100% - 28px);top:-20px;width:104px;height:104px;background-image:url(assets/ui/sigil-burst-v1.webp);background-size:400% 400%;background-repeat:no-repeat;mask-image:radial-gradient(circle,#000 32%,transparent 70%);pointer-events:none;z-index:0}body[data-play-shell] .scene-motion-banner{top:7%;min-width:0;max-width:min(340px,calc(100% - 72px));padding:13px 18px;gap:7px;color:#fff1cc;text-align:center;background:#102017;border:1px solid #b0955b;border-radius:8px;text-shadow:0 2px 5px #07110b;box-shadow:0 8px 25px #0006;overflow:visible}body[data-play-shell] .scene-motion-banner strong{position:relative;z-index:1;font-family:"Arcana Event",var(--font);font-size:clamp(20px,3.2vw,34px);font-weight:400;font-synthesis:none;letter-spacing:0;line-height:1.25;word-break:keep-all}.scene-event-title>span{display:inline-block;white-space:pre}.scene-event-help{position:relative;z-index:1;max-width:30ch;color:#d9e0cf;font-size:12px;line-height:1.6;word-break:keep-all}.play-quick-help ol{padding-left:24px;margin:14px 0 10px}.play-quick-help li{padding:3px 0;color:#eee6d0;line-height:1.8}.play-quick-help p{color:#c5d0bf;font-size:12px;line-height:1.8}.play-quick-help .play-word-help{padding-top:10px;border-top:1px solid #655c3d;color:#b9c8b7;font-size:11px}body[data-play-shell] :is(.records-panel,.insight-panel,.opening-panel,.skin-panel) h2:before,body[data-play-shell] .panel:has(#variant-log) h2:before{content:"";display:inline-block;width:17px;height:17px;margin-right:7px;vertical-align:-3px;background:#d9c38e;mask:var(--area-icon) center/contain no-repeat}.records-panel,.panel:has(#variant-log){--area-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Ccircle cx='4' cy='6' r='1'/%3E%3Ccircle cx='4' cy='12' r='1'/%3E%3Ccircle cx='4' cy='18' r='1'/%3E%3C/svg%3E")}.insight-panel{--area-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M3 20V9m6 11V4m6 16v-7m6 7V7M2 21h20'/%3E%3C/svg%3E")}.opening-panel{--area-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V3h14l-3 5 3 5H4m5 6h11m-3-3 3 3-3 3'/%3E%3C/svg%3E")}.skin-panel{--area-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='m3 7 5-4h8l5 4-9 14L3 7Zm0 0h18M8 3l4 18 4-18'/%3E%3C/svg%3E")}@media(max-width:760px){body[data-play-shell] .scene-motion-banner{top:5%;padding:10px 13px;max-width:calc(100% - 62px)}body[data-play-shell] .scene-motion-banner strong{font-size:21px}.scene-event-help{font-size:11px}.scene-sprite-sheet{width:82px;height:82px;top:-15px;left:calc(100% - 30px)}}body[data-play-shell] :is(p,.play-mode-card-copy){word-break:keep-all;overflow-wrap:anywhere}body[data-play-shell]{--bg:#141918;--bg2:#1a201e;--panel:#1c2320;--panel-raised:#28312c;--panel-border:#35423b;--line:#35423b;--control-border:#617068;--text:#f0f1e9;--muted:#b3beb6;--accent:#c5d6b9;--accent-ink:#1c281e;--focus:#d7e8b8;--font:"Segoe UI","Malgun Gothic",system-ui,sans-serif;margin:0;padding:18px 28px 30px;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.6;-webkit-font-smoothing:antialiased;caret-color:var(--accent);scrollbar-color:#64766b #1a211d;scrollbar-width:thin}body[data-play-shell] ::selection{background:#c5d6b9;color:#1c281e}body[data-play-shell] *,body[data-play-shell] *:before,body[data-play-shell] *:after{box-sizing:border-box}body[data-play-shell]>header,body[data-play-shell]>main,body[data-play-shell]>footer,.mode-explorer{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}body[data-play-shell]>header{display:flex;align-items:center;gap:18px;min-height:52px;margin-bottom:22px;padding:0 0 14px;border:0;border-bottom:1px solid var(--line)}body[data-play-shell] .brand{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;color:var(--text);font-size:18px;line-height:1;text-decoration:none;letter-spacing:1.1px;font-weight:650}body[data-play-shell] .brand-mark{display:inline-flex;width:32px;height:32px;padding:0;background:none;border:0}body[data-play-shell] .brand-mark svg{display:block;width:32px;height:32px}body[data-play-shell] .brand-name{font:inherit;letter-spacing:inherit}body[data-play-shell]>header>nav{display:flex;align-items:center;justify-content:center;flex:1;gap:3px;margin:0;padding:0}body[data-play-shell]>header>nav :is(a,button){min-height:38px;padding:8px 12px;border:0;background:transparent;color:#b3beb6;font-size:13px;white-space:nowrap}body[data-play-shell]>header>nav :is(a,button):hover{background:#252f28;color:#f0f1e9}body[data-play-shell]>header>nav [aria-current=true]{background:#2b382e;color:#e5eddd;box-shadow:inset 0 -2px #c5d6b9}body[data-play-shell] :where(button,input,select,summary){font-family:var(--font)}body[data-play-shell] :where(button){border-radius:7px;min-height:38px;background:#252e28;border:1px solid var(--control-border);color:var(--text);font-size:12px;font-weight:500;transition:background-color .14s,border-color .14s,transform .14s}body[data-play-shell] :where(button):hover:not(:disabled){background:#344237;border-color:#9bac98}body[data-play-shell] :where(button):active:not(:disabled){transform:translateY(1px)}body[data-play-shell] :where(button):disabled{opacity:.47;cursor:default}body[data-play-shell] :where(a){text-underline-offset:4px}body[data-play-shell] :where(input,select){min-height:40px;background:#151b18;border:1px solid #617068;border-radius:7px;color:var(--text);font-size:13px;accent-color:var(--accent)}body[data-play-shell] :where(input)::placeholder{color:#a5b3a9;opacity:1}body[data-play-shell]>header :is(#variant-sound,#variant-language,#variant-install){flex:0 0 auto;min-height:36px;background:transparent;border-color:#47584c;color:#cbd4cb;font-size:11px;padding:6px 10px}.play-picker-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 13px!important;border:1px solid #71856b!important;border-radius:7px;background:#253329!important;color:#dfebd7!important;text-decoration:none;white-space:nowrap;cursor:pointer;font-size:12px}.play-picker-trigger[aria-expanded=true]{background:#c5d6b9!important;color:#1c281e!important}body[data-play-shell]>main{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:26px;align-items:start}.play-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 15px;min-width:0}.play-heading>div{min-width:0}.play-heading h1,.play-heading h2{margin:0;color:var(--text);font-size:23px;font-weight:650;line-height:1.25;letter-spacing:-.5px;text-wrap:balance}.play-heading p{max-width:65ch;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.play-heading-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.play-board-meta{color:#aebbb1;white-space:nowrap;font-size:11px}body[data-play-shell] #variant-new{min-height:36px;padding:7px 12px;background:transparent;color:#e4e9df;border:1px solid #5d6e61;white-space:nowrap;font-size:12px}body[data-play-kind=variant] .players{gap:9px;margin-bottom:12px}body[data-play-kind=variant] .player{position:relative;min-height:70px;padding:10px 13px;overflow:hidden;background:#1d2620;border:1px solid #3e4e42;border-radius:8px;color:#d6e0d4;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:9px;align-items:center}body[data-play-kind=variant] .player-heading{font-size:12px;line-height:1.4}body[data-play-kind=variant] .player strong{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-family:var(--font);font-size:26px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.8px}body[data-play-kind=variant] .player small{min-width:0;margin-top:5px;color:#abb9ab;font-size:11px;line-height:1.3}body[data-play-kind=variant] .player.active{background:#29372c;border-color:#a1b391;color:#f0f4e8}body[data-play-kind=variant] .player.active:after{position:absolute;bottom:0;left:12px;right:12px;height:2px;background:#d0dfb4;content:""}body[data-play-kind=variant] .player.self .player-heading{font-weight:650}body[data-play-kind=variant] .player.eliminated{background:#1b201d;color:#8b9b8f;border-style:dashed;opacity:.6}body[data-play-kind=variant] .seat-dot{width:8px;height:8px;flex-basis:8px;border-color:#e9efdd75}body[data-play-kind=variant] .stage{height:clamp(320px,calc(100svh - 320px),670px);min-height:0;max-height:none;aspect-ratio:auto;border-radius:10px;background:#151b18}body[data-play-kind=variant] .stage canvas{border-radius:10px}body[data-play-kind=variant] .board-footer{gap:14px;align-items:center;margin-top:10px;padding-top:12px;border-top:1px solid #344337}body[data-play-kind=variant] #variant-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#e3ecd9}body[data-play-kind=variant] #variant-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#c8d9ad;flex:0 0 auto}body[data-play-state=opponent-turn] #variant-status:before{background:#bba887}body[data-play-state=waiting] #variant-status:before{background:#98a69c}body[data-play-kind=variant] .view-buttons{gap:5px}body[data-play-kind=variant] .view-buttons button{min-height:34px;padding:6px 10px;border-color:#455b4b;border-radius:6px;color:#c0cec1;font-size:11px;background:transparent}body[data-play-kind=variant] .view-buttons button[aria-pressed=true]{background:#324332;color:#e4efdd;border-color:#99b28d}.play-turn-help{font-size:11px;color:#afbeaf;margin:7px 0 0}body[data-play-kind=variant] .keyboard-hint{margin:7px 0 0;color:#9fada2;font-size:10px;line-height:1.6}body[data-play-kind=variant]>main>aside,body[data-play-kind=classic] .side{min-width:0;border:1px solid #3e4d41;border-radius:10px;background:#1c241f;overflow:clip}body[data-play-kind=variant] .panel{padding:18px;border-bottom:1px solid #394a3c;background:transparent}body[data-play-kind=variant] .panel h2{color:#e0e7d9;font-size:13px;font-weight:600}body[data-play-kind=variant] .panel-heading>button{min-height:32px;padding:5px 9px;background:transparent;color:#c2cdbf;font-size:11px}body[data-play-kind=variant] #variant-art{display:none}body[data-play-kind=variant] .session-switch{gap:0;margin-top:14px;padding:3px;background:#141c16;border:1px solid #526452;border-radius:8px}body[data-play-kind=variant] .session-switch button{min-height:38px;border:0;border-radius:5px;background:transparent;color:#b7c6b7;font-size:12px}body[data-play-kind=variant] .session-switch button[aria-pressed=true]{background:#c5d6b9;color:#1c281e;font-weight:650}body[data-play-kind=variant] #play-session-help{margin:11px 0 0;color:#b3c2b4;font-size:12px;line-height:1.8}body[data-play-kind=variant] .duel-options{padding:12px 0;margin-top:4px;border-bottom:1px solid #354937}body[data-play-kind=variant] .duel-options select{width:100%;margin-top:7px}body[data-play-kind=variant] .duel-options p{font-size:11px;color:#acbbad}body[data-play-kind=variant] .rule-caption{display:inline-flex;margin-top:10px;font-size:10px;color:#bac6b6}body[data-play-kind=variant] #variant-network{border-color:#425543;margin-top:16px;padding-top:7px}body[data-play-kind=variant] .room-actions{grid-template-columns:1fr 82px auto;gap:6px}body[data-play-kind=variant] #variant-create{background:#c5d6b9;border-color:#c5d6b9;color:#1c281e;font-weight:650}body[data-play-kind=variant] #variant-connection{font-size:11px;color:#c0d0b9;overflow-wrap:anywhere}body[data-play-kind=variant] .invite-row input{font-size:11px;background:#141d16}body[data-play-kind=variant] #variant-copy{background:#c5d6b9;border-color:#c5d6b9;color:#1c281e;min-width:52px}body[data-play-kind=variant] #variant-leave{color:#b7c6b8;font-size:11px;border-color:#506551;background:transparent}body[data-play-kind=variant] .move-log{max-height:190px;min-height:65px;margin-top:12px;scrollbar-color:#758d73 #1c241f}body[data-play-kind=variant] .move-log:empty:before{color:#acbcae;padding:8px 0;line-height:1.8}body[data-play-kind=variant] .move-log li{font-size:12px;padding:8px 0;border-color:#3a4a3b}body[data-play-kind=variant] .rules summary{color:#bdcbbd;min-height:28px;font-size:12px}body[data-play-kind=variant] .rules p{color:#b3c3b4;font-size:12px}body[data-play-kind=variant] .resources{padding:3px 8px;border:1px solid #6b654c;border-radius:5px;background:#2c2f21;color:#e4d4aa;font-size:12px}body[data-play-kind=variant] .shop button{min-height:66px;border-color:#526b54;background:#233325;border-radius:7px}body[data-play-kind=variant] .shop button[aria-pressed=true]{border-color:#d6d49b;background:#39442c}body[data-play-kind=variant] .owned .owned-augment{padding:5px 9px;background:#253628;border-color:#5c745a;border-radius:6px;color:#deead5}body[data-play-kind=variant] .augment-draft{z-index:8;padding:21px;border-radius:12px;background:#202c22;border:1px solid #91a881;box-shadow:0 16px 54px #0009;max-width:760px;scrollbar-color:#869c79 #202c22}body[data-play-kind=variant] .draft-heading h2{font-size:20px;color:#edf2e5}body[data-play-kind=variant] .draft-heading>span{padding:4px 9px;border:1px solid #706b47;border-radius:6px;background:#303424;color:#eddfaf;font:600 20px/1.3 var(--font);font-variant-numeric:tabular-nums}body[data-play-kind=variant] .augment-draft .augment-choices{gap:10px;align-items:stretch}body[data-play-kind=variant] .augment-draft .augment-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:13px 11px;background:#2a3a2c;border:1px solid #6a8262;border-radius:8px;text-align:left;min-height:225px}body[data-play-kind=variant] .augment-card img{flex:0 0 auto;width:100%;height:100px;margin:0 auto 12px;filter:drop-shadow(0 5px 8px #0004)}body[data-play-kind=variant] .augment-card strong{font-size:14px;line-height:1.5;color:#f1f2e6}body[data-play-kind=variant] .augment-card .card-detail{font-size:12px;line-height:1.7;color:#c8d5bf;margin-top:7px}body[data-play-kind=variant] .augment-card:hover:not(:disabled){background:#354b36;border-color:#c5d9ad;transform:translateY(-2px)}body[data-play-kind=variant] .augment-card:focus-visible{outline-color:#e1ecbd;outline-offset:3px}body[data-play-kind=variant] .draft-note{color:#c2d1b9;line-height:1.6}body[data-play-kind=classic] .header-actions{flex:1;justify-content:flex-end;gap:13px}body[data-play-kind=classic] .toolbar{gap:2px}body[data-play-kind=classic] .mode-tabs{gap:2px;flex-wrap:nowrap}body[data-play-kind=classic] .mode-btn{font-size:12px;min-height:36px;padding:7px 10px;border-radius:6px;color:#b9c5bb}body[data-play-kind=classic] .mode-btn.active{color:#edf3e3;background:#2c3c2f;box-shadow:inset 0 -2px #c5d6b9}body[data-play-kind=classic] .icon-btn{font-size:11px;min-height:34px;min-width:32px;color:#bfccbf}body[data-play-kind=classic] .board-wrap{gap:11px}body[data-play-kind=classic] .play-heading{order:-5;margin-bottom:3px;min-height:47px}body[data-play-kind=classic] .clock{min-height:66px;background:#1d2720;color:#d7e3d4;border:1px solid #465a47;border-radius:8px;padding:12px 16px;font-family:var(--font);font-size:29px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}body[data-play-kind=classic] .clock.active{background:#2c3e2e;color:#f0f4e7;border-color:#b3c99e;box-shadow:inset 0 -2px #c5d6b9}body[data-play-kind=classic] .clock.low{background:#382723;border-color:#c78a77;color:#ffe0cf}body[data-play-kind=classic] .scene-toolbar{min-height:30px;gap:6px}body[data-play-kind=classic] .scene-toolbar button{font-size:11px;min-height:31px;padding:5px 9px;color:#becdbc;border-color:#425c45;background:transparent}body[data-play-kind=classic] .scene-wordmark{font-size:11px;color:#a9baa9}body[data-play-kind=classic] .board-stage{height:clamp(340px,calc(100svh - 310px),650px);min-height:0;border:0;border-radius:10px;background:#151b18}body[data-play-kind=classic] .side>.panel{padding:18px;border-color:#3a4c3d}body[data-play-kind=classic] .side h2{font-size:13px;color:#e0e9d8}body[data-play-kind=classic] .side :is(.hint,.muted){color:#b1c2b0;font-size:11px}body[data-play-kind=classic] .lan-connect{border-color:#415641!important}body[data-play-kind=classic] .lan-connect h3{color:#e7eee0!important;font-size:15px!important;font-weight:600}body[data-play-kind=classic] .lan-connect p{color:#b4c6b3!important;font-size:12px!important;font-weight:400;line-height:1.8}body[data-play-kind=classic] .lan-connect input{background:#151e17!important;border-color:#5c795b!important;color:#d9e7d1!important}body[data-play-kind=classic] .lan-connect strong{color:#d3e2c5!important;font-weight:500}body[data-play-kind=classic] .lan-connect button{background:#c5d6b9;color:#1c281e;border-color:#c5d6b9}body[data-play-kind=classic] #btn-create{background:#c5d6b9;border-color:#c5d6b9;color:#1c281e;font-weight:600}body[data-play-kind=classic] .move-list{scrollbar-color:#72896f #1c241f}body[data-play-kind=classic] .view-options{margin:0}body[data-play-kind=classic] .view-options summary{font-size:11px;color:#adbfac}body[data-play-shell]>footer{margin-top:22px;padding-top:15px;border-top:1px solid var(--line);font-size:10px;color:#a9bba8;line-height:1.7}.mode-explorer[hidden]{display:none!important}.mode-explorer{padding:22px;margin-bottom:24px;border:1px solid #5f765a;border-radius:12px;background:#1d2920;box-shadow:0 12px 30px #0004}.mode-explorer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}.mode-explorer-heading h2{margin:0;font-size:24px;font-weight:650;letter-spacing:-.6px;line-height:1.35;color:#f0f3e6}.mode-explorer-heading p{margin:7px 0 0;color:#b9cbb4;font-size:13px}.play-picker-close{background:transparent;min-height:36px;padding:7px 13px;border-color:#6b8262;font-size:12px;white-space:nowrap}.mode-explorer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.play-mode-card{position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0;border:1px solid #526b4e;border-radius:9px;background:#26392a;color:#eef3e5;text-decoration:none;transition:transform .16s,border-color .16s,background-color .16s}.play-mode-card>img{display:block;width:100%;height:130px;object-fit:cover;object-position:50% 58%;background:#151b18;transition:transform .2s}.play-mode-card[data-play-mode=classic]>img{object-position:50% 75%}.play-mode-card[data-play-mode=ffa4]>img{object-position:50% 45%}.play-mode-card[data-play-mode=teams4]>img{object-position:50% 66%}.play-mode-card:hover{transform:translateY(-2px);border-color:#b4ca9c;background:#304632}.play-mode-card:hover>img{transform:scale(1.025)}.play-mode-card[aria-current=true]{border-color:#ccddaf;box-shadow:inset 0 -2px #ccddaf}.play-mode-card-copy{padding:15px;min-width:0}.play-mode-card-copy strong{display:block;font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-.3px;color:#f0f3e8}.play-mode-card-copy span{display:block;margin-top:7px;color:#c4d6bb;font-size:10px;line-height:1.65}.play-mode-card-copy p{margin:10px 0 0;font-size:12px;color:#bccfb5;line-height:1.75}.play-mode-current{position:absolute;top:10px;right:10px;padding:4px 7px;border-radius:4px;background:#d1dfba;color:#21301f;font-size:10px;font-weight:600}.play-mode-current[hidden]{display:none}.mode-feedback{margin:14px 0 0;color:#efd9ad;font-size:12px}.mode-feedback:empty{display:none}@media(min-width:1500px){body[data-play-shell]{padding-top:25px}.play-heading h1,.play-heading h2{font-size:26px}.mode-explorer-grid{gap:16px}.play-mode-card>img{height:160px}}@media(max-width:1120px){body[data-play-shell]{padding:16px 20px 28px}body[data-play-shell]>header{gap:10px}body[data-play-shell]>header>nav :is(a,button){padding-inline:9px;font-size:12px}body[data-play-shell]>main{grid-template-columns:minmax(0,1fr) 280px;gap:20px}body[data-play-kind=variant] .player{padding:10px;grid-template-columns:1fr}body[data-play-kind=variant] .player strong{grid-column:1;grid-row:auto;font-size:23px;margin-top:4px}body[data-play-kind=variant] .player small{font-size:10px}body[data-play-kind=classic] .header-actions{gap:6px}.mode-explorer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-explorer-grid .play-mode-card:nth-last-child(-n+2){grid-column:auto}.play-mode-card>img{height:125px}}@media(min-width:761px)and (max-width:900px){body[data-play-shell]>main{grid-template-columns:minmax(0,1fr) 260px;gap:16px}body[data-play-shell]>header{flex-wrap:wrap}body[data-play-shell]>header>nav{order:3;flex-basis:100%;justify-content:flex-start}body[data-play-kind=variant] .players.four{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-play-kind=variant] .player{grid-template-columns:minmax(0,1fr) auto;min-height:61px;padding:8px 10px}body[data-play-kind=variant] .player strong{grid-column:2;grid-row:1/3;margin:0}body[data-play-kind=variant] .stage{height:clamp(320px,calc(100svh - 375px),530px)}.play-heading{flex-wrap:wrap;gap:8px}.play-heading-actions{width:100%;justify-content:space-between}.play-heading h1,.play-heading h2{font-size:21px}body[data-play-kind=classic] .header-actions{flex-wrap:wrap}.mode-explorer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){body[data-play-shell]{padding:12px 14px 28px}body[data-play-shell]>header{flex-wrap:wrap;gap:8px;margin-bottom:18px;padding-bottom:12px;min-height:44px}body[data-play-shell] .brand{font-size:17px;margin-right:auto}body[data-play-shell] .brand-mark,body[data-play-shell] .brand-mark svg{width:29px;height:29px}body[data-play-shell]>header>nav{order:4;flex-basis:100%;display:flex;justify-content:flex-start;gap:2px;margin-top:7px;overflow-x:auto;scrollbar-width:none}body[data-play-shell]>header>nav :is(a,button){flex:1;min-height:42px;padding:9px 5px;font-size:11px}body[data-play-shell]>header :is(#variant-sound,#variant-language,#variant-install){min-height:36px;padding:6px 9px;font-size:10px}.play-picker-trigger{min-height:36px;padding:7px 10px!important;font-size:11px}body[data-play-shell]>main{display:flex;flex-direction:column;gap:20px}body[data-play-shell] .play,body[data-play-shell] .board-wrap,body[data-play-shell] aside{width:100%}.play-heading{gap:12px;margin-bottom:13px;align-items:flex-start}.play-heading h1,.play-heading h2{font-size:23px}.play-heading p{font-size:11px;line-height:1.75;max-width:30ch}.play-board-meta{display:none}body[data-play-shell] #variant-new{min-height:38px;padding:7px 11px}body[data-play-kind=variant] .players{gap:7px;margin-bottom:9px}body[data-play-kind=variant] .players.four{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-play-kind=variant] .player{min-height:61px;padding:9px 11px;grid-template-columns:minmax(0,1fr) auto;border-radius:7px}body[data-play-kind=variant] .player strong{grid-column:2;grid-row:1/3;margin:0;font-size:25px}body[data-play-kind=variant] .player small{font-size:10px}body[data-play-kind=variant] .stage{height:auto;min-height:0;max-height:none;aspect-ratio:1.02}body[data-play-kind=variant] .board-footer{gap:10px;margin-top:8px;padding-top:11px}body[data-play-kind=variant] .view-buttons{width:auto;flex:1;justify-content:flex-end}body[data-play-kind=variant] .view-buttons button{flex:0 1 auto;min-height:40px;padding:7px 8px;font-size:10px}body[data-play-kind=variant] #variant-status{font-size:12px}.play-turn-help{font-size:10px}body[data-play-kind=variant] .keyboard-hint{display:none}body[data-play-kind=variant] .panel{padding:17px}body[data-play-kind=variant] .session-switch button{min-height:44px;font-size:13px}body[data-play-kind=variant] :is(input,select){font-size:16px;min-height:44px}body[data-play-kind=variant] .invite-row input{font-size:12px}body[data-play-kind=variant] .room-actions{grid-template-columns:1fr 90px auto}body[data-play-kind=variant] #variant-code{font-size:16px}body[data-play-kind=variant] .augment-draft{width:calc(100% - 10px);padding:12px;max-height:calc(100% - 8px);border-radius:9px}body[data-play-kind=variant] .draft-heading h2{font-size:16px}body[data-play-kind=variant] .draft-heading>span{font-size:17px;padding:2px 7px}body[data-play-kind=variant] .augment-draft .muted{font-size:10px;margin:8px 0 10px}body[data-play-kind=variant] .augment-draft .augment-choices{gap:6px}body[data-play-kind=variant] .augment-draft .augment-card{padding:9px 7px;min-height:150px;border-radius:6px}body[data-play-kind=variant] .augment-card img{height:64px;margin-bottom:7px}body[data-play-kind=variant] .augment-card strong{font-size:11px;line-height:1.5}body[data-play-kind=variant] .augment-card .card-detail{display:none}body[data-play-kind=variant] .augment-card .card-compact{display:block;margin-top:6px;color:#cbdcc0;font-size:10px;line-height:1.6}body[data-play-kind=variant] .draft-note{font-size:10px;margin-top:10px}body[data-play-kind=classic] .header-actions{flex-basis:100%;display:flex;gap:7px;justify-content:space-between}body[data-play-kind=classic] .mode-tabs{flex:1;overflow-x:auto;gap:1px}body[data-play-kind=classic] .mode-btn{flex:0 0 auto;min-height:40px;padding:8px;font-size:11px}body[data-play-kind=classic] .toolbar{flex-wrap:wrap;gap:0}body[data-play-kind=classic] .icon-btn{min-height:38px;min-width:33px;padding:6px;font-size:10px}body[data-play-kind=classic] .play-heading{min-height:0;margin-bottom:1px}body[data-play-kind=classic] .clock{min-height:60px;padding:11px 13px;font-size:27px}body[data-play-kind=classic] .board-stage{height:auto;min-height:0;aspect-ratio:1.05}body[data-play-kind=classic] .scene-toolbar button{min-height:38px}body[data-play-kind=classic] .side>.panel{padding:17px}.mode-explorer{padding:16px;margin-bottom:20px;border-radius:10px}.mode-explorer-heading{gap:10px;margin-bottom:16px}.mode-explorer-heading h2{font-size:23px;max-width:12ch}.mode-explorer-heading p{font-size:12px;line-height:1.7;max-width:27ch}.play-picker-close{min-height:40px;padding:7px 11px}.mode-explorer-grid{grid-template-columns:1fr;gap:10px}.play-mode-card{display:grid;grid-template-columns:116px minmax(0,1fr);min-height:125px}.play-mode-card>img{width:116px;height:100%;min-height:125px;object-fit:cover}.play-mode-card-copy{padding:13px 12px}.play-mode-card-copy strong{font-size:17px}.play-mode-card-copy span{font-size:10px;margin-top:5px}.play-mode-card-copy p{font-size:11px;margin-top:6px;line-height:1.65}.play-mode-current{top:6px;left:6px;right:auto;font-size:9px;padding:3px 5px}body[data-play-shell]>footer{margin-top:24px;font-size:10px}}@media(prefers-reduced-motion:reduce){body[data-play-shell] :where(button),.play-mode-card,.play-mode-card>img{transition:none;animation:none}.play-mode-card:hover,.play-mode-card:hover>img,body[data-play-kind=variant] .augment-card:hover:not(:disabled){transform:none}}@media(max-width:760px){body[data-play-kind=variant]>header{gap:6px}body[data-play-kind=variant]>header .brand{font-size:16px;gap:7px}body[data-play-kind=variant]>header :is(#variant-sound,#variant-install){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-height:44px;padding:0;font-size:0}body[data-play-kind=variant]>header :is(#variant-sound,#variant-install)[hidden]{display:none}body[data-play-kind=variant]>header :is(#variant-sound,#variant-install):before{content:"";display:block;width:19px;height:19px;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat}body[data-play-kind=variant]>header #variant-sound:before{mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M11%205%206%209H3v6h3l5%204V5Z%27%2F%3E%3Cpath%20d%3D%27M15%208a6%206%200%200%201%200%208m3-11a10%2010%200%200%201%200%2014%27%2F%3E%3C%2Fsvg%3E)}body[data-play-kind=variant]>header #variant-install:before{mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203v12m-5-5%205%205%205-5M4%2016v5h16v-5%27%2F%3E%3C%2Fsvg%3E)}body[data-play-kind=variant]>header #variant-sound[aria-pressed=false]:after{content:"";position:absolute;width:23px;height:1px;background:currentColor;transform:rotate(-45deg)}body[data-play-kind=variant]>header #variant-language{min-height:44px;min-width:48px;padding:5px}body[data-play-kind=variant] #play-mode-toggle{min-height:44px;padding:7px 9px!important}body[data-play-kind=variant] #variant-new,body[data-play-kind=variant] .view-buttons button,body[data-play-kind=variant] .panel button,body[data-play-kind=variant] .rules summary{min-height:44px}body[data-play-kind=classic][data-lan=true]>header{display:grid;grid-template-columns:minmax(0,1fr) auto;position:relative;gap:9px}body[data-play-kind=classic][data-lan=true] .header-actions{display:contents}body[data-play-kind=classic][data-lan=true] .toolbar{grid-column:2;grid-row:1;min-height:44px;align-items:center}body[data-play-kind=classic][data-lan=true] .toolbar .icon-btn{min-height:44px}body[data-play-kind=classic][data-lan=true] .mode-tabs{grid-column:1/-1;grid-row:2;display:flex;overflow-x:auto;width:100%}body[data-play-kind=classic][data-lan=true] .mode-tabs .mode-btn{min-height:44px}body[data-play-kind=classic][data-lan=true] #btn-install{position:absolute;right:136px;top:0;display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;font-size:0;padding:0}body[data-play-kind=classic][data-lan=true] #btn-install[hidden]{display:none}body[data-play-kind=classic][data-lan=true] #btn-install:before{content:"";display:block;width:19px;height:19px;background:currentColor;mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203v12m-5-5%205%205%205-5M4%2016v5h16v-5%27%2F%3E%3C%2Fsvg%3E);mask-size:contain;mask-repeat:no-repeat}}@media(min-width:761px)and (max-width:900px){body[data-play-shell]>main{grid-template-columns:minmax(0,1fr)}body[data-play-kind=variant] .players.four{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-play-kind=variant] .play-heading{flex-wrap:nowrap}body[data-play-kind=variant] .play-heading-actions{width:auto}body[data-play-kind=variant] .stage{height:clamp(320px,calc(100svh - 320px),640px)}}@media(max-width:760px){.mode-explorer-heading h2{max-width:none}.play-picker-close,body[data-play-shell]>header>nav :is(a,button){min-height:44px}body[data-play-kind=classic][data-lan=true] .toolbar .icon-btn{min-width:44px}body[data-play-kind=classic][data-lan=true] #btn-install{right:148px}}@media(max-width:760px){body[data-play-kind=classic] .play-heading p{max-width:100%}body[data-play-kind=classic] .mode-tabs .mode-btn{border:0}body[data-play-kind=classic][data-lan=true] .toolbar{gap:3px}body[data-play-kind=classic][data-lan=true] .toolbar .icon-btn{border:0;background:transparent}body[data-play-kind=classic][data-lan=true] #btn-install{right:154px}}body[data-play-kind=variant] #play-invite{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border-color:#c5d6b9;background:#c5d6b9;color:#1c281e;font-size:12px;font-weight:650;white-space:nowrap}body[data-play-kind=variant] #play-invite[hidden]{display:none}@media(max-width:760px){body[data-play-kind=variant] .play-heading{flex-wrap:wrap;gap:11px}body[data-play-kind=variant] .play-heading>div:first-child{width:100%}body[data-play-kind=variant] .play-heading p{max-width:100%}body[data-play-kind=variant] .play-heading-actions{width:100%;gap:8px}body[data-play-kind=variant] #play-invite{min-height:44px;flex:1}}body[data-play-shell]{--bg:#181b1d;--bg2:#202426;--panel:#202426;--panel-raised:#292e30;--panel-border:#3d4547;--line:#3d4547;--control-border:#687474;--text:#f0ede5;--muted:#b6bdbb;--accent:#d7c49b;--accent2:#d7c49b;--accent-ink:#25231e;--focus:#f0d9a4;--radius:8px;--radius-lg:12px;padding:18px 28px 32px;background:var(--bg);font-size:14px;line-height:1.65;scrollbar-color:#707a78 var(--bg)}body[data-play-shell] :is(button,input,select,summary){letter-spacing:0;text-shadow:none;filter:none}body[data-play-shell] ::selection{background:#d7c49b;color:#25231e}body[data-play-shell] :where(input,textarea){caret-color:var(--accent)}body[data-play-shell]>header,body[data-play-shell]>main,body[data-play-shell]>footer,.mode-explorer{max-width:1280px}body[data-play-shell]>header{min-height:54px;padding:0 0 16px;margin-bottom:24px;border:0;border-bottom:1px solid var(--line);background:none;gap:20px}body[data-play-shell] .brand{gap:10px;font-weight:600;font-size:17px;letter-spacing:1.8px}body[data-play-shell] .brand-mark,body[data-play-shell] .brand-mark svg{width:30px;height:30px}body[data-play-kind=classic] .header-actions{gap:18px}body[data-play-kind=classic] .mode-tabs,body[data-play-shell]>header>nav{gap:2px}body[data-play-shell] :is(.mode-btn,header>nav a,header>nav button){min-height:40px;padding:9px 12px;background:none;border:0;border-radius:5px;color:var(--muted);font-size:12px;box-shadow:none}body[data-play-shell] :is(.mode-btn.active,header>nav [aria-current=true]){background:#2c3030;color:var(--text);box-shadow:inset 0 -2px var(--accent);font-weight:600}body[data-play-shell] .play-picker-trigger{background:transparent!important;border-color:#687474!important;color:var(--text)!important}body[data-play-shell] .play-picker-trigger[aria-expanded=true]{background:#333735!important;color:var(--text)!important}body[data-play-shell]>main{grid-template-columns:minmax(0,1fr) 310px;gap:40px}body[data-play-shell] .play-heading{min-height:0;padding:0;margin-bottom:18px;align-items:center;background:none;border:0}body[data-play-shell] .play-heading :is(h1,h2){font-size:26px;font-weight:600;letter-spacing:-.65px;line-height:1.3;color:var(--text);text-shadow:none}body[data-play-shell] .play-heading p{margin-top:7px;font-size:13px;line-height:1.7;color:var(--muted);max-width:65ch;text-shadow:none}body[data-play-shell] .play-board-meta{font-size:11px;color:var(--muted);border:0;background:none;letter-spacing:.5px}body[data-play-shell] :is(.side,main>aside){border:0;border-radius:0;background:none;overflow:visible}body[data-play-shell] :is(.side,main>aside)>.panel{padding:20px 0;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}body[data-play-shell] :is(.side,main>aside)>.panel:first-child{padding-top:0}body[data-play-shell] :is(.side,main>aside)>.panel:last-child{border-bottom:0}body[data-play-shell] .panel :is(h2,h3){font-size:14px;font-weight:600;line-height:1.6;color:var(--text);letter-spacing:0}body[data-play-shell] .panel-topline{gap:12px;margin-bottom:12px;align-items:center}body[data-play-shell] :is(.records-panel,.insight-panel,.opening-panel,.skin-panel) h2:before,body[data-play-shell] .panel:has(#variant-log) h2:before{background:#b8bdb7;width:15px;height:15px;margin-right:8px;vertical-align:-2px}body[data-play-shell] :where(button){border-radius:6px;border-color:var(--control-border);background:#292e30;color:var(--text);font-weight:500;transition:background-color .14s cubic-bezier(.16,1,.3,1),border-color .14s cubic-bezier(.16,1,.3,1)}body[data-play-shell] :where(button):hover:not(:disabled){border-color:#aeb8b1;background:#343a3b;transform:none;filter:none;box-shadow:none}body[data-play-shell] :where(button):active:not(:disabled){background:#3c4241;transform:none}body[data-play-shell] :where(button):disabled{opacity:1;color:#88928f;border-color:#3e4748;background:#222729;cursor:default}body[data-play-shell] :where(input,select){background:#181d1f;border-color:var(--control-border);color:var(--text);border-radius:6px;accent-color:var(--accent)}body[data-play-shell] input::placeholder{color:#b6bdbb}body[data-play-shell] option{background:#202426;color:var(--text)}body[data-play-shell] :where(button,a,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:3px;box-shadow:none}body[data-play-shell] :is(#btn-create,#variant-create,#variant-copy,#play-invite,.controls-row #btn-new){background:#d7c49b;border-color:#d7c49b;color:#25231e;font-weight:600}body[data-play-shell] :is(#btn-create,#variant-create,#variant-copy,#play-invite,.controls-row #btn-new):hover:not(:disabled){background:#e5d4b2;border-color:#e5d4b2;color:#25231e}body[data-play-shell] :is(#btn-create,#variant-create,#variant-copy,#play-invite,.controls-row #btn-new):disabled{background:#292e30;border-color:#3e4748;color:#88928f}body[data-play-shell] :is(.icon-btn,.scene-toolbar button,.view-buttons button,.record-navigation button,.text-button){background:none;color:var(--muted);border-color:transparent}body[data-play-shell] :is(.scene-toolbar,.view-buttons) button[aria-pressed=true]{color:var(--text);background:#2c3233;border-color:#687474}body[data-play-shell] :is(.clock,.player){position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#202628;color:#b9c2be;box-shadow:none}body[data-play-kind=classic] .clock{min-height:64px;padding:13px 18px;font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.8px;font-variant-numeric:tabular-nums}body[data-play-shell] :is(.clock.active,.player.active){border-color:#a99d80;background:#303430;color:#faf3df;box-shadow:none}body[data-play-shell] .clock:before,body[data-play-shell] .player.active:after{display:block;content:"";position:absolute;inset:auto 16px 0;width:auto;height:2px;border:0;border-radius:0;background:var(--accent);transform:scaleX(var(--turn-reveal,1));transform-origin:left}body[data-play-shell] .clock:not(.active):before{display:none}body[data-play-shell] .clock.low,body[data-play-shell] .clock.active.low{background:#382a28;border-color:#ca9788;color:#ffe1d6;animation:none;box-shadow:none}body[data-play-shell] .clock:after{font-size:12px;opacity:1}body[data-play-shell] .player strong{font-weight:500;color:inherit;font-variant-numeric:tabular-nums;letter-spacing:-.6px}body[data-play-shell] .player small{color:#b6bdbb}body[data-play-kind=classic] .board-wrap{max-width:820px;width:100%;margin-inline:auto;gap:10px}body[data-play-kind=classic] .play-heading{order:-5;min-height:0;margin-bottom:8px}body[data-play-kind=classic] .clocks{gap:10px}body[data-play-kind=classic] .board-stage{height:auto;aspect-ratio:1.35;background:#181b1d;border-radius:8px}body[data-play-kind=classic][data-board-renderer=webgl][data-board-view=diorama] .board-stage{aspect-ratio:1.35;background:#181b1d;border-radius:8px}body[data-play-kind=classic][data-board-view=flat] .board-stage{aspect-ratio:1}body[data-play-kind=classic] .scene-toolbar{gap:6px;min-height:30px}body[data-play-kind=classic] .scene-wordmark{font-size:11px;color:var(--muted)}body[data-play-shell] .view-options{margin:0;padding:0}body[data-play-shell] summary{min-height:40px;padding:9px 0;color:var(--muted);font-size:12px;cursor:pointer}body[data-play-shell] .play-quick-help summary{color:#d4d8d3;font-size:12px}body[data-play-shell] .play-quick-help :is(li,p){color:var(--muted);font-size:12px}body[data-play-shell] .play-quick-help .play-word-help{border-color:var(--line);color:var(--muted)}body[data-play-shell] .captured-panel{margin:12px 0 0;padding:12px 0 0;background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}body[data-play-shell] .captured-panel:has(#captured-w:empty):has(#captured-b:empty){display:none}body[data-play-shell] .records-panel:has(#move-list:empty) .record-navigation{display:none}body[data-play-shell] #move-list{min-height:100px;max-height:185px;margin-top:16px;scrollbar-color:#707a78 transparent}body[data-play-shell] #move-list:empty:before{color:var(--muted);font-size:12px;padding:22px 0}body[data-play-shell] #move-list li{font-size:13px;padding:6px 8px;border-radius:4px}body[data-play-shell] #move-list li.view{background:#363b35;outline-color:#cdbb95}body[data-play-shell] #move-list .num,body[data-play-shell] #view-pos{color:var(--muted)}body[data-play-shell] :is(.move-verdict,.analysis-card,.opening-name,.opening-progress){background:none;border:0;border-radius:0;box-shadow:none;color:#e6e6dd}body[data-play-shell] .move-verdict{padding:3px 0 8px;font-size:14px}body[data-play-shell] :is(.analysis-note,.player-form,.side .hint,.panel .muted){color:var(--muted);font-size:12px}body[data-play-shell] .cca-tip{background:#2c302b;border-color:#78806e;color:#e8e8dc}body[data-play-shell] .codex-entry{border-color:var(--line)}body[data-play-shell] .codex-entry h3{color:var(--text)}body[data-play-shell] .codex-entry p,body[data-play-shell] .codex-status{color:var(--muted)}body[data-play-shell] .opening-steps .opening-step{background:#242b2b;border-color:#53605d}body[data-play-shell] .mode-explorer{padding:24px;margin-bottom:24px;border:1px solid var(--control-border);border-radius:10px;background:#202628;box-shadow:none}body[data-play-shell] .mode-explorer-heading h2{font-size:24px;font-weight:600;color:var(--text)}body[data-play-shell] .mode-explorer-heading p{color:var(--muted)}body[data-play-shell] .play-mode-card{border-color:#53605d;border-radius:7px;background:#252c2d;transform:none}body[data-play-shell] .play-mode-card:hover{background:#303838;border-color:#aeb8b1;transform:none}body[data-play-shell] .play-mode-card:hover>img{transform:none}body[data-play-shell] .play-mode-card[aria-current=true]{border-color:#d7c49b;box-shadow:none}body[data-play-shell] .play-mode-current{background:#d7c49b;color:#25231e}body[data-play-shell] .play-mode-card-copy :is(p,span){color:var(--muted)}body[data-play-shell] :is(.promo-card,.offer-card,.result-card,.auth-card,.dm-card,.list-modal,.arena-guide-card,.pwa-install-card,.pwa-help>div,.capture-duel-card){background:#22292b;border:1px solid #7a8580;border-radius:12px;color:var(--text);box-shadow:0 24px 72px #0008;animation:none}body[data-play-shell] :is(.augment-draft,.scene-motion-banner){background:#202729;border:1px solid #8b8b76;border-radius:9px;color:#f0ede5;text-shadow:none;box-shadow:0 12px 32px #0005}body[data-play-shell] .scene-motion-banner{border-image:none;filter:none}body[data-play-shell] .scene-event-help{color:#c3cbc4}body[data-play-kind=variant] .panel{border-color:var(--line)}body[data-play-kind=variant] .session-switch{border-color:#687474;background:#181d1f}body[data-play-kind=variant] .session-switch button[aria-pressed=true]{background:#d7c49b;color:#25231e}body[data-play-kind=variant] :is(.resources,.owned-augment){background:#2c332f;border-color:#687365;color:#e7dfc8}body[data-play-kind=variant] .stage{background:#181b1d;border-radius:8px;height:auto;aspect-ratio:1.35}body[data-play-kind=variant] .augment-draft .augment-card{background:#2b3331;border-color:#6d7970;border-radius:7px}body[data-play-kind=variant] .shop button{background:#252d2b;border-color:#687474}body[data-play-kind=classic] .lan-connect input{background:#181d1f!important;border-color:#687474!important;color:var(--text)!important}body[data-play-kind=classic] .lan-connect button{background:#292e30;border-color:#687474;color:var(--text)}body[data-play-kind=classic] .lan-connect p{color:var(--muted)!important}body[data-play-shell] ::-webkit-scrollbar-thumb{background:#707a78;border:2px solid var(--bg);border-radius:4px}@media(min-width:901px){body[data-play-kind=classic] .board-wrap{max-width:min(820px,calc((100svh - 270px)*1.35));min-width:440px}body[data-play-kind=classic] .board-stage{min-height:0}}@media(min-width:761px)and (max-width:1120px){body[data-play-shell]>main{grid-template-columns:minmax(0,1fr) 280px;gap:28px}body[data-play-kind=classic] .header-actions{gap:8px}body[data-play-shell] .mode-btn{padding-inline:9px}}@media(min-width:761px)and (max-width:900px){body[data-play-shell]>main{grid-template-columns:minmax(0,1fr)}body[data-play-kind=classic] .board-wrap{max-width:650px}body[data-play-kind=variant] .stage{max-height:none}}@media(max-width:760px){body[data-play-shell]{padding:14px 16px 28px}body[data-play-shell]>header{margin-bottom:20px;padding-bottom:12px;gap:8px;min-height:44px}body[data-play-kind=classic] .header-actions{gap:6px}body[data-play-shell] .mode-tabs{margin-top:4px}body[data-play-shell] :is(.mode-btn,header>nav a,header>nav button){min-height:44px;min-width:44px;padding:10px 9px;font-size:11px}body[data-play-shell] .play-heading{margin-bottom:14px;gap:12px}body[data-play-shell] .play-heading :is(h1,h2){font-size:23px;letter-spacing:-.5px}body[data-play-shell] .play-heading p{font-size:12px;max-width:100%;line-height:1.7}body[data-play-kind=classic] .clock{min-height:60px;font-size:27px;padding:12px 14px}body[data-play-kind=classic] .board-stage,body[data-play-kind=classic][data-board-renderer=webgl][data-board-view=diorama] .board-stage{aspect-ratio:1.05}body[data-play-shell] .scene-toolbar button{min-height:44px}body[data-play-shell] :is(.side,main>aside)>.panel{padding:20px 0}body[data-play-shell] :is(.side,main>aside)>.panel:first-child{padding-top:0}body[data-play-shell] :is(button,input,select){min-height:44px}body[data-play-shell] :is(input,select){font-size:16px}body[data-play-shell] .mode-explorer{padding:18px 14px}body[data-play-shell] .play-mode-card{grid-template-columns:100px minmax(0,1fr)}body[data-play-shell] .play-mode-card>img{width:100px}body[data-play-kind=variant] .stage{height:auto;min-height:0;max-height:none;aspect-ratio:1.02}body[data-play-kind=variant] .play-heading-actions{gap:8px}body[data-play-kind=variant] .play-heading-actions button{flex:1}body[data-play-kind=variant]>header .brand{font-size:15px;letter-spacing:1.2px;gap:7px}body[data-play-kind=variant]>header #play-mode-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;padding:0!important;font-size:0}body[data-play-kind=variant]>header #play-mode-toggle:before{content:"";width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E") center/contain no-repeat}body[data-play-kind=variant]>header>nav{flex:0 0 100%;width:100%;min-width:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;gap:4px}body[data-play-kind=variant]>header>nav :is(a,button){flex:0 0 auto;white-space:nowrap;padding-inline:12px}body[data-play-kind=variant] .board-footer{gap:8px}body[data-play-kind=variant] #variant-status{flex-basis:100%}body[data-play-kind=variant] .view-buttons{width:100%;flex:1 0 100%;gap:6px}body[data-play-kind=variant] .view-buttons button{flex:1;min-width:0;white-space:normal;line-height:1.4;font-size:11px;padding-inline:7px}body[data-play-shell] .scene-motion-banner{border-radius:7px}}@media(prefers-reduced-motion:reduce){body[data-play-shell] :is(button,.mode-btn,summary,.play-mode-card){transition:none!important;animation:none!important}}@media(forced-colors:active){body[data-play-shell] :is(button,input,select,summary,.panel,.clock,.player,[role=dialog],.mode-explorer,.play-mode-card,.play-heading){border-image:none!important;background-image:none!important;background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important;text-shadow:none;filter:none}body[data-play-shell] .clock.active{outline:2px solid Highlight}}