@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap";button.close-room-button.text-button,button.close-room-button.icon-button{color:#ffd3cb;min-height:40px;font-family:var(--font-body);cursor:pointer;background:#642c26b3;border:1px solid #cc655866;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:14px;font-weight:700;line-height:1.4;transition:background .2s,border-color .2s;display:inline-flex}button.close-room-button>svg{flex-shrink:0;display:block}button.close-room-button.text-button:hover:not(:disabled),button.close-room-button.icon-button:hover:not(:disabled){color:#fff0eb;background:#823a31;border-color:#e88778}button.close-room-button:focus-visible{outline-offset:3px;outline:2px solid #ef9185}button.close-room-button:disabled{opacity:.45;cursor:default}button.close-room-button.icon-button{width:36px;height:36px;min-height:36px;padding:0}.crew-card>button.close-room-button.text-button{width:fit-content;display:flex}.menu-page,.lobby-page,.join-page{color:#cad1d8;background:radial-gradient(at 78% 52%,#122638 0,#0000 48%),#080e15;min-height:100dvh;position:relative;overflow:hidden}.menu-page>header,.lobby-page>header{z-index:2;justify-content:space-between;align-items:center;padding:28px 4.5vw;display:flex;position:relative}.menu-copy{z-index:1;max-width:650px;margin:9vh 0 0 10vw;position:relative}.menu-copy .eyebrow{color:#ad9674;letter-spacing:.22em;align-items:center;gap:12px;font-size:10px;display:flex}.menu-copy h1,.lobby-intro h1{font-family:var(--font-display);letter-spacing:.01em;color:#0000;background:linear-gradient(155deg,#fff5d8,#e6c47c 72%,#a98a55);-webkit-background-clip:text;background-clip:text;margin:24px 0;font-size:clamp(40px,5.4vw,72px);font-weight:600;line-height:1.08}.menu-description,.lobby-intro>p{color:#b3bcc6;font-size:17px;line-height:1.6}.menu-actions{gap:12px;margin:34px 0 18px;display:flex}.primary-button,.glass-button{min-height:52px;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:800;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .25s,transform .2s;display:inline-flex}.primary-button{color:#1d1205;background:linear-gradient(#ffe39b,#e8b24a);border:1px solid #0000;box-shadow:0 8px 28px #e8b24a3d,inset 0 1px #fff8}.primary-button:hover:not(:disabled){background:linear-gradient(#ffecb4,#f0bd5a);transform:translateY(-2px);box-shadow:0 12px 36px #e8b24a66,inset 0 1px #fff8}.glass-button{color:#f1ead6;background:#0b0f1699;border:1px solid #e6c47c66}.glass-button:hover:not(:disabled){background:#e6c47c1f;border-color:#e6c47c}.primary-button:disabled,.glass-button:disabled{opacity:.4;cursor:not-allowed}.menu-facts{color:#93a2b1;letter-spacing:.02em;align-items:center;gap:17px;margin-top:40px;font-size:14px;font-weight:600;display:flex}.menu-facts i{background:#b79763;border-radius:50%;width:3px;height:3px}.menu-footer{letter-spacing:.18em;color:#65798a;z-index:1;justify-content:space-between;margin:8vh 4.5vw 0;padding:22px 0;font-size:9px;display:flex;position:relative}.menu-footer a{letter-spacing:.06em;color:#a79479;align-items:center;gap:8px;text-decoration:none;display:flex}.glass-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(125deg,#1b283481,#0d151de0);border:1px solid #68809640;border-radius:15px;box-shadow:0 20px 90px #0005,inset 0 1px #bad3e010}.room-form{z-index:2;width:min(430px,100vw - 40px);max-height:calc(100dvh - 40px);padding:34px;position:relative;overflow-y:auto}.room-form h2,.crew-heading h2,.results-card h2{font-family:var(--font-display);letter-spacing:.02em;color:#f2e4c4;margin:16px 0;font-size:26px;font-weight:600;line-height:1.2}.room-form>p{color:#b3bcc6;font-size:16px;line-height:1.6}.room-form label{color:#dbe3ea;flex-direction:column;gap:9px;margin:23px 0;font-size:14px;font-weight:700;display:flex}.room-form input,.invite-card input{color:#e6edf2;min-height:50px;font:inherit;background:#050b1266;border:1px solid #e6c47c40;border-radius:12px;outline:none;padding:0 14px;font-size:16px}.room-form input:focus{border-color:#e6c47c}.code-input{letter-spacing:.25em;font-weight:600}.room-form>.primary-button{width:100%;margin-top:10px}.form-close{position:absolute;top:12px;right:12px}.room-error{background:#9b405118;border:1px solid #a8495144;border-radius:8px;font-size:14px;line-height:1.5;color:#f5a0a6!important;padding:10px 12px!important}.resume-link{color:#73cbb5;align-items:center;gap:8px;padding:8px 0;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.page-loading{color:#c7aa7c;background:#0a1119;justify-content:center;align-items:center;min-height:100dvh;font-size:13px;display:flex}.join-page{flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex}.join-page>.brand{z-index:2}.join-page .text-button{text-align:center;color:#93a8b9;margin:20px auto 0;font-size:12px;text-decoration:none;display:block}.lobby-layout{grid-template-columns:1fr 1fr;gap:9vw;max-width:1080px;margin:5vh auto 8vh;padding:0 30px;display:grid}.lobby-intro h1{font-size:clamp(38px,5vw,56px)}.lobby-intro>.eyebrow{font-size:12px}.invite-card{grid-template-columns:1fr auto;align-items:center;gap:10px;max-width:370px;margin:30px 0;padding:22px;display:grid}.invite-card>.eyebrow{grid-column:1/-1;font-size:11px}.invite-card>strong{font-family:var(--font-display);color:#e1c89a;letter-spacing:.13em;font-size:28px;font-weight:600}.invite-card .glass-button{min-height:40px;padding:0 12px;font-size:13px}.invite-card input{color:#8299ad;grid-column:1/-1;width:100%;min-height:42px;padding:0 10px;font-size:13px}.invite-card p{grid-column:1/-1;font-size:14px}.lobby-note{color:#8399ac!important;font-size:13px!important}.crew-card{align-self:start;padding:25px}.crew-heading{justify-content:space-between;align-items:center;display:flex}.crew-heading h2{margin:0;font-size:22px}.crew-heading>span{color:#93a8bb;font-size:13px}.crew-list{margin:22px 0;padding:0;list-style:none}.crew-list li{border-bottom:1px solid #4f657428;align-items:center;gap:12px;padding:12px 0;display:flex}.dwarf-avatar{border:1px solid color-mix(in srgb, var(--player-color) 30%, transparent);background:color-mix(in srgb, var(--player-color) 8%, transparent);width:42px;height:42px;color:var(--player-color);border-radius:10px;place-items:center;display:grid}.crew-list li>div{flex:1}.crew-list strong{font-size:16px;font-weight:700}.crew-list small{letter-spacing:.08em;opacity:.6;margin-left:8px;font-size:11px;font-weight:700}.crew-list li>div>span{color:#8ba0b3;margin-top:5px;font-size:13px;display:block}.host-crown{color:#bda273}.presence-dot{background:#4a5763;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.presence-dot.online{background:#c5a875}.presence-dot.ready{background:#67d6b5;box-shadow:0 0 10px #67d6b54d}.lobby-controls{flex-direction:column;gap:10px;margin-top:20px;display:flex}.is-ready{color:#82e0c3;background:#307c6318;border-color:#67d6b56b}.lobby-status{color:#9aabba;text-align:center;font-size:13px;line-height:1.6}.crew-card>.text-button{color:#8ba0b2;margin:12px auto 0;font-size:13px;display:block}.connection-banner{z-index:100;color:#f4c7b9;text-align:center;background:#492a2af2;border:1px solid #976056;border-radius:0 0 9px 9px;max-width:90vw;padding:11px 20px;font-size:13px;position:fixed;top:0;left:50%;transform:translate(-50%)}.connection-banner a{color:#dfc185}.multiplayer-page{--hud-height:112px}.multiplayer-tools{z-index:20;background:#0c151a66;border:1px solid #7892a222;border-radius:10px;gap:6px;padding:5px;display:flex;position:absolute;top:14px;right:22px}.match-player-strip{z-index:4;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;top:65px;left:24px;right:24px}.match-player{color:var(--player-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b151bb3;border:1px solid #536d822d;border-radius:7px;align-items:center;gap:6px;padding:8px 9px;font-size:12px;display:flex}.match-player strong{text-overflow:ellipsis;white-space:nowrap;max-width:86px;font-size:12px;font-weight:700;overflow:hidden}.match-player small{color:#8ea4b5;font-size:10px}.match-player.current-turn{border-color:var(--player-color);box-shadow:0 0 18px color-mix(in srgb, var(--player-color) 10%, transparent)}.match-player svg:not(:first-of-type){color:#ec6c7c}.multiplayer-page .play-feedback{max-width:min(400px,100% - 48px);top:112px}.private-role{left:24px;bottom:calc(var(--dock-height) + 16px);color:#c4aa7c;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b141abb;border:1px solid #66788644;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;max-width:400px;padding:9px 12px;font-size:13px;display:flex;position:absolute}.private-role>span{font-weight:600}.private-role .role-icon{color:#e3bc75;flex-shrink:0}.private-role.role-saboteur .role-icon{color:#e79588}.private-role small{color:#a4b3c0;border-left:1px solid #687b8244;margin-left:2px;padding-left:10px;font-size:12px}.multiplayer-page .settings-panel{z-index:25;top:58px}.history-panel{z-index:24;width:280px;max-height:40vh;padding:18px;position:absolute;top:113px;right:24px;overflow:auto}.history-panel ol{color:#8ca1b2;padding:0;font-size:13px;line-height:1.7;list-style:none}.history-panel li{border-bottom:1px solid #657d9022;border-radius:6px;margin:4px 0;padding:8px 10px}.history-panel .history-repair{color:#afe8c8;background:#36b97826}.history-panel .history-sabotage{color:#ffc0bc;background:#eb57572b}.history-panel .history-rockfall{color:#ffd2a0;background:#ed91332b}.history-panel .history-reveal{color:#dac5ff;background:#a679df2b}.results-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#060e16aa;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow:auto}.results-card{text-align:center;width:min(540px,100%);max-height:92dvh;padding:30px;overflow:auto}.results-card>.eyebrow{font-size:11px}.results-card h2{font-size:28px}.results-card>p{color:#a6b5c2;font-size:15px;line-height:1.6}.result-players{grid-template-columns:1fr 1fr;gap:9px;margin:20px 0;display:grid}.result-players>div{background:#030a1033;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:14px;display:flex}.result-players>div>span:first-child{align-items:center;gap:5px;display:flex}.result-players>div>span:last-child{color:#9fb1c1;font-size:12px}.own-gold strong{color:#e1bd77}.own-gold small{font-size:11px}.gold-choices{justify-content:center;gap:10px;margin:20px 0;display:flex}.gold-choice{color:#e9c888;cursor:pointer;background:linear-gradient(#473825,#1b1918);border:1px solid #bfa16a;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:74px;min-height:104px;display:flex}.gold-choice strong{font-family:var(--font-display);font-size:30px;font-weight:600}.gold-choice small{letter-spacing:.14em;font-size:11px;font-weight:800}.gold-choice:hover{background:#58462e}.results-card>.text-button{color:#9db0bf;margin-top:15px;font-size:14px;text-decoration:none;display:block}.multiplayer-page .empty-hand small{display:none}@media (width<=800px){.menu-copy{margin:8vh 26px 0}.menu-copy h1{font-size:clamp(38px,11vw,56px)}.menu-footer{margin-top:10vh}.menu-page>header,.lobby-page>header{padding:22px}.lobby-layout{grid-template-columns:1fr;gap:22px;margin-top:20px}.lobby-intro h1{font-size:40px}.invite-card{max-width:100%}.lobby-intro>p{font-size:15px}.match-player-strip{gap:4px;top:60px;left:12px;right:12px}.match-player{padding:5px 7px}.match-player strong{max-width:70px}.multiplayer-tools{gap:1px;right:12px}.multiplayer-tools .icon-button{width:30px;height:30px}.private-role{max-width:70vw;left:12px}.multiplayer-page .play-feedback{max-width:min(370px,100% - 24px);top:133px;left:12px}.multiplayer-page .play-header .brand small{display:none}.multiplayer-page .play-header .brand strong{font-size:16px}.room-form{padding:26px}.menu-actions{gap:8px}.primary-button,.glass-button{padding:0 18px;font-size:15px}.results-card{padding:22px}.result-players{grid-template-columns:1fr}.menu-facts{gap:12px}.multiplayer-page .settings-panel{right:12px}}@media (prefers-reduced-motion:reduce){.primary-button,.glass-button{transition:none}}.dual-tool-art{flex:1;width:100%;height:0;min-height:0;position:relative;overflow:hidden}.dual-tool-art img{object-fit:contain;mix-blend-mode:lighten;width:72%;height:76%;position:absolute;-webkit-mask-image:radial-gradient(#000 42%,#0009 67%,#0000 83%);mask-image:radial-gradient(#000 42%,#0009 67%,#0000 83%)}.dual-tool-art img:first-child{top:-4%;left:-4%;transform:rotate(-12deg)}.dual-tool-art img:nth-child(2){bottom:9%;right:-4%;transform:rotate(10deg)}.dual-tool-art .dual-tool-or{color:#d0f7e1;font:700 11px var(--font-display);letter-spacing:1px;text-shadow:0 1px 5px #06120a;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.dual-tool-art .dual-tool-names{text-align:center;text-transform:uppercase;letter-spacing:1px;color:#b4e4c5;width:100%;padding:3px 0;font-size:9px;font-weight:700;position:absolute;bottom:0;left:0}.settings-room-actions{border-top:1px solid #7892a222;padding:6px 0 0}.settings-room-actions button.close-room-button.text-button{justify-content:flex-start;width:100%;padding:12px 10px}.resume-highlight{color:#caffdf;background:#25543bd9;border-color:#73dba4;animation:1.8s ease-in-out infinite resume-pulse;box-shadow:0 0 0 3px #73dba422,0 0 22px #73dba433}.resume-highlight:hover:not(:disabled),.resume-highlight:focus-visible{color:#e0ffed;background:#316b49;border-color:#9cf2bd;box-shadow:0 0 0 3px #73dba42e,0 0 26px #73dba44a}@keyframes resume-pulse{50%{box-shadow:0 0 0 5px #73dba413,0 0 28px #73dba44a}}.game-paused-panel{z-index:90;text-align:center;color:#b9d5c9;background:#0d1b21f5;border-color:#73dba455;width:min(340px,100vw - 36px);padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.game-paused-panel h2{color:#e4f4eb;font:600 24px var(--font-display);letter-spacing:.02em;margin:12px 0 8px}.game-paused-panel p{font-size:15px;line-height:1.6}.game-paused-panel button{justify-content:center;margin:18px auto 0}.gold-wait-status{text-align:left;background:#d3b77e0b;border:1px solid #d3b77e33;border-radius:12px;align-items:center;gap:15px;margin:18px 0;padding:16px;display:flex}.gold-wait-status small{color:#8ca1b2;margin-top:6px;line-height:1.5;display:block}.gold-wait-timer{color:#e4bf75;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;position:relative}.gold-wait-timer>svg:first-child{fill:none;stroke-width:3px;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.gold-wait-timer .timer-track{stroke:#d3b77e20}.gold-wait-timer .timer-progress{stroke:#e4bf75;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.gold-wait-timer.is-waiting>svg:first-child{animation:1.8s linear infinite gold-wait-spin}.gold-wait-timer.is-paused>svg:first-child{animation-play-state:paused}.gold-wait-timer strong{font-size:14px}@keyframes gold-wait-spin{to{transform:rotate(270deg)}}@media (prefers-reduced-motion:reduce){.resume-highlight,.gold-wait-timer.is-waiting>svg:first-child{animation:none}.gold-wait-timer .timer-progress{transition:none}}.board-loading{z-index:10;color:#e1cca0;background:radial-gradient(#142c3dee,#080f18f5);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.board-loading small{color:#9babb8}.board-spinner{border:2px solid #d9b57425;border-top-color:#e4c887;border-radius:50%;width:42px;height:42px;animation:1s linear infinite board-loading-spin}@keyframes board-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.board-spinner{border-color:#e4c887;animation:none}}.results-card{position:relative}.results-close{position:absolute;top:12px;right:12px}.close-room-overlay{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050b15cc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.close-room-dialog{width:min(480px,100%);padding:30px;position:relative}.close-room-dialog h2{color:#f2e4c4;font-size:26px}.close-room-dialog>p{color:#b3bcc6;font-size:15px;line-height:1.6}.close-room-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.close-room-actions .primary-button{background:#cf8176}.room-closed-notice{color:#b7d6cf;font-size:15px}.ai-badge{color:#85baff;letter-spacing:.05em;border:1px solid #85baff55;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:700}.multiplayer-tools .solo-speed{width:56px;font-size:12px;font-weight:700}.active-match-notice{color:#b7c3d2;margin-top:12px;font-size:14px}.active-match-notice p{margin-bottom:4px}.room-form select{color:#e7edf4;width:100%;min-height:50px;font:inherit;background:#182331;border:1px solid #e6c47c40;border-radius:12px;padding:0 12px;font-size:16px}.menu-actions{flex-wrap:wrap}@media (width<=700px){.solo-page .play-header{display:none}}.menu-navigation{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:28px;display:flex}.menu-nav-cta{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e6c47c;background:#0b0f1699;border:1px solid #e6c47c;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.menu-nav-cta:hover{color:#17110a;background:#e6c47c}@media (width<=580px){.menu-navigation{gap:14px}.menu-navigation .sandbox-link{display:none}}.whisperwood-logo{flex-shrink:1;max-width:100%;line-height:0;display:block}.whisperwood-logo img{filter:drop-shadow(0 2px 5px #0008);width:100%;height:auto;display:block}.whisperwood-logo-menu{width:210px}.whisperwood-logo-board{width:150px}.whisperwood-logo-fallback{font:700 22px/1.1 var(--font-display);color:#f2e3bc}.grove-landing .grove-wordmark-logo{min-width:0;line-height:1}.ww-page.ww-interface .ww-hud .ww-brand.ww-logo-brand{min-width:0;display:block}.ww-page.ww-interface .ww-hud .ww-logo-brand h1{margin:0;line-height:0}.ww-page.ww-interface .ww-hud .ww-logo-brand small{text-align:center;letter-spacing:1.4px;margin:4px 0 0;font-size:6px}@media (width<=600px){.whisperwood-logo-menu{width:160px}.whisperwood-logo-board{width:115px}.ww-page.ww-interface .ww-hud .ww-logo-brand small{display:none}}@media (height<=600px) and (width>=601px){.whisperwood-logo-board{width:115px}.ww-page.ww-interface .ww-hud .ww-logo-brand small{display:none}}.grove-flying-leaves{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.grove-flying-leaf{left:var(--leaf-x);top:var(--leaf-y);width:var(--leaf-size);color:var(--leaf-color);opacity:0;animation:grove-leaf-flight var(--leaf-duration) linear var(--leaf-delay) infinite;position:absolute}.grove-flying-leaf svg{filter:drop-shadow(0 0 4px);width:100%;animation:grove-leaf-flutter var(--leaf-flutter) ease-in-out var(--leaf-delay) infinite alternate;display:block;overflow:visible}.grove-leaf-blade{fill:currentColor;fill-opacity:.7}.grove-leaf-veins{stroke:currentColor;stroke-width:.9px;stroke-linecap:round}.grove-flying-leaf.is-dark{animation-name:grove-dark-leaf-flight}.grove-flying-leaf.is-dark svg{filter:drop-shadow(0 1px 1px #041c16aa)}.grove-flying-leaf.is-dark .grove-leaf-blade{fill-opacity:.95;stroke:#ac965b;stroke-width:.5px;stroke-opacity:.45}.grove-flying-leaf.is-dark .grove-leaf-veins{stroke:#b5a567;stroke-opacity:.45}@keyframes grove-dark-leaf-flight{0%{opacity:0;transform:translate(0)}8%{opacity:.7}25%{opacity:.55;transform:translate(-22vw,23vh)}50%{opacity:.85;transform:translate(-55vw,42vh)}75%{opacity:.65;transform:translate(-76vw,73vh)}92%{opacity:.7}to{opacity:0;transform:translate(-112vw,108vh)}}@keyframes grove-leaf-flight{0%{opacity:0;transform:translate(0)}8%{opacity:.55}25%{opacity:.4;transform:translate(-24vw,-30vh)}50%{opacity:.65;transform:translate(-58vw,-52vh)}75%{opacity:.45;transform:translate(-79vw,-87vh)}92%{opacity:.55}to{opacity:0;transform:translate(-112vw,-112vh)}}@keyframes grove-leaf-flutter{0%{transform:rotate(var(--leaf-tilt)) rotateY(-35deg) rotateX(15deg)}50%{transform:rotate(calc(var(--leaf-tilt) + 40deg)) rotateY(45deg) rotateX(-25deg)}to{transform:rotate(calc(var(--leaf-tilt) - 25deg)) rotateY(-55deg) rotateX(30deg)}}@media (width<=800px){.grove-flying-leaf:not(.is-dark):nth-child(n+25),.grove-flying-leaf.is-dark:nth-child(n+49){display:none}}@media (prefers-reduced-motion:reduce){.grove-flying-leaves{display:none}.grove-flying-leaf,.grove-flying-leaf svg{animation:none}}.game-story{--story-accent:#efd396;--story-glow:#dfa64e;color:#fff5e2;background:#100e10;border:1px solid #dabb745e;border-radius:24px;width:min(1040px,100vw - 36px);max-width:none;height:min(690px,100dvh - 36px);max-height:none;padding:0;font-family:Nunito Sans,sans-serif;overflow:hidden;box-shadow:0 36px 110px #000c,0 0 65px #dca64b18,inset 0 0 0 6px #ffffff04}.game-story[open]{flex-direction:column;display:flex}.game-story::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030609e8}.game-story-forest{--story-accent:#dfedb4;--story-glow:#bcdf89;background:#07140e;border-color:#bbd48a66}.game-story-art,.game-story-art img,.game-story-mist,.game-story-particles{pointer-events:none;position:absolute;inset:0}.game-story-art{overflow:hidden}.game-story-art img{object-fit:cover;object-position:center 42%;opacity:0;width:100%;height:100%;transition:opacity 1.6s;transform:scale(1.08)}.game-story-art img.is-active{opacity:.8;animation:16s ease-out both paused story-camera}.game-story.is-playing .game-story-art img.is-active{animation-play-state:running}.game-story-art:after{content:"";background:linear-gradient(#05080988 0%,#05080908 25%,#05080973 42%,#050809ed 77%,#050809 100%),linear-gradient(90deg,#05080944,#0000,#05080933);position:absolute;inset:0}.game-story-mist{filter:blur(30px);background:radial-gradient(#b5b7ab16,#0000 62%);animation:22s ease-in-out infinite alternate story-mist;inset:35% -25% -25%}.game-story-header,.game-story-content,.game-story-footer{z-index:1;position:relative}.game-story-header{justify-content:flex-end;align-items:center;gap:12px;padding:25px 32px;display:flex}.game-story button{cursor:pointer;font-family:inherit}.game-story button:focus-visible{outline:2px solid var(--story-accent);outline-offset:5px}.game-story button:disabled{opacity:.4;cursor:default}.game-story-quiet{color:#fff5e2bd;background:0 0;border:none;align-items:center;gap:8px;padding:10px 0 10px 14px;font-size:12px;display:inline-flex}.game-story-quiet:hover{color:#fff}.game-story-content{text-align:center;margin-top:auto;padding:70px 70px 0}.game-story h1{color:#fff3d4;text-shadow:0 2px 8px #000, 0 0 12px #fff1c633, 0 0 30px color-mix(in srgb, var(--story-glow) 35%, transparent);margin:0;font-family:Cinzel,Georgia,serif;font-size:clamp(26px,4vw,43px);font-weight:600;line-height:1.25}.game-story-rule{color:var(--story-accent);justify-content:center;align-items:center;gap:16px;margin:15px auto;display:flex}.game-story-rule:before,.game-story-rule:after{content:"";background:linear-gradient(90deg, transparent, var(--story-accent));opacity:.55;width:72px;height:1px}.game-story-rule:after{transform:rotate(180deg)}.game-story-rule span{text-shadow:0 0 20px var(--story-glow);font-size:13px}.game-story-caption{min-height:98px;animation:.65s ease-out both story-caption}.game-story-caption>p{color:#fff9ed;text-wrap:pretty;text-shadow:0 2px 6px #000,0 0 16px #ffedc429;max-width:650px;margin:0 auto;font-size:clamp(15px,1.8vw,18px);font-weight:600;line-height:1.75}.game-story-footer{padding:20px 32px 28px}.game-story-timeline{gap:9px;margin-bottom:16px;display:flex}.game-story-timeline button{background:0 0;border:none;flex:1;height:18px;padding:7px 0;position:relative}.game-story-timeline button:before,.game-story-timeline button>span{background:#e8e0c326;border-radius:4px;position:absolute;inset:7px 0}.game-story-timeline button:before{content:""}.game-story-timeline button>span{transform-origin:0;background:var(--story-accent);box-shadow:0 0 9px color-mix(in srgb, var(--story-glow) 45%, transparent);transition:transform .25s linear}.game-story-controls{justify-content:space-between;align-items:center;gap:20px;display:flex}.game-story-audio{align-items:center;gap:7px;display:flex}.game-story-control{color:#f6e8cc;background:#f1dbab08;border:1px solid #f1dbab24;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.game-story-control:hover{background:#f1dbab1a;border-color:#f1dbab66}.game-story-audio>span{color:#e3ddce8c;margin-left:7px;font-size:11px}.game-story-enter{color:var(--story-accent);background:linear-gradient(135deg,#b989332b,#b989330a);border:1px solid #ebce8c6b;border-radius:9px;justify-content:center;align-items:center;gap:20px;padding:12px 21px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 0 22px #dda84c0d}.game-story-enter:hover{border-color:var(--story-accent);background:#b9893333}.game-story-particles{overflow:hidden}.game-story-particles i{left:var(--x);top:var(--y);width:var(--size);height:var(--size);color:var(--story-glow);opacity:0;animation:story-drift var(--duration) var(--delay) linear infinite;background:currentColor;border-radius:50%;position:absolute;box-shadow:0 0 12px}.game-story-forest .game-story-particles i:nth-child(3n){background:#205d36;border-radius:90% 0;width:13px;height:6px;box-shadow:inset 0 1px #72905788}.game-story:not(.is-playing) .game-story-particles i,.game-story:not(.is-playing) .game-story-mist{animation-play-state:paused}@keyframes story-camera{0%{transform:scale(1.08)translate(-1%)}to{transform:scale(1.18)translate(1%)}}@keyframes story-mist{0%{transform:translate(-12%)rotate(-8deg)}to{transform:translate(12%)rotate(8deg)}}@keyframes story-drift{0%{opacity:0;transform:translateY(50px)rotate(0)}20%,70%{opacity:.65}to{opacity:0;transform:translate(-100px,-160px)rotate(140deg)}}@keyframes story-caption{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.game-story{border-radius:18px;width:calc(100vw - 20px);height:min(760px,100dvh - 20px)}.game-story-header{padding:20px}.game-story-content{padding:80px 24px 0}.game-story-caption{min-height:130px}.game-story-footer{padding:12px 20px 22px}.game-story-controls{flex-wrap:wrap;gap:17px}.game-story-enter{margin-left:auto}.game-story-audio>span{font-size:10px}}@media (height<=560px) and (width>=641px){.game-story-header{padding:14px 24px}.game-story-content{padding:10px 45px 0}.game-story h1{font-size:27px}.game-story-caption{min-height:76px}.game-story-footer{padding:8px 24px 16px}.game-story-rule{margin:8px auto}}@media (height<=660px) and (width<=640px){.game-story-content{padding-top:12px}.game-story-caption{min-height:110px}.game-story-caption>p{font-size:14px;line-height:1.6}.game-story-audio>span{display:none}.game-story-controls{gap:8px}.game-story-enter{gap:10px;padding:11px 13px}}@media (prefers-reduced-motion:reduce){.game-story *,.game-story :before,.game-story :after{transition:none!important;animation:none!important}.game-story-particles,.game-story-mist{display:none}}@media (height<=460px){.game-story{overflow-y:auto}.game-story-content{padding-top:12px}.game-story-header,.game-story-content,.game-story-footer{flex-shrink:0}}.lobby-forest-brand .whisperwood-logo{width:190px}.whisperwood-lobby,.whisperwood-invitation{isolation:isolate}.whisperwood-lobby .lobby-layout{z-index:1;position:relative}.whisperwood-lobby{background:radial-gradient(at 10% 10%,#2d574045,#0000 60%),#091510}.whisperwood-lobby .crew-card,.whisperwood-lobby .invite-card{background:linear-gradient(145deg,#182d24,#0d1d17);border-color:#b8d1a830}.lobby-forest-world{background:#10231c;border:1px solid #b8d1a830;border-radius:12px;align-items:center;gap:18px;max-width:440px;margin-top:24px;padding:12px;display:flex}.lobby-forest-world img{aspect-ratio:4/3;object-fit:cover;border-radius:7px;width:110px}.lobby-forest-world strong{color:#e4d9b8;font:600 20px var(--font-display);margin-bottom:8px;display:block}.lobby-forest-world span{color:#b0c4b3;font-size:14px;line-height:1.5}.whisperwood-invitation{background:linear-gradient(#091510d9,#091510f2),url(/whisperwood/landing-mother-tree-v1.webp) 50%/cover}.ww-turn-player.is-offline{border-style:dashed}.ww-turn-player .ww-player-presence{white-space:nowrap;font:600 10px/1.3 var(--font-body);color:#abb5a4;flex-shrink:0}.ww-turn-player.is-offline .ww-player-presence{color:#e1bf93}.ww-turn-player .ww-room-host{color:#dfc893;flex-shrink:0}.ww-page.ww-interface .grove-panel .grove-room-field{gap:8px;display:grid}.grove-room-field input[readonly]{color:#e3dcc1;width:100%;min-width:0;font:inherit;background:#10261f;border:1px solid #b8d1a830;border-radius:6px;padding:8px 10px}@media (width<=600px){.grove-menu-copy .grove-menu-actions>.grove-secondary{width:100%}}:root{--font-display:"Cinzel", Georgia, serif;--font-body:"Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-brand:"Cormorant Garamond", Georgia, serif;font-family:var(--font-body);color:#d5d8df;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090d13}*{box-sizing:border-box}body{min-width:280px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #d9b778}button,a{transition:color .18s,background .18s,border-color .18s}button{color:inherit}.app{max-width:1600px;margin:0 auto;padding:0 64px}.header{border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;height:106px;display:flex}.brand{color:#d5b77d;align-items:center;gap:13px;text-decoration:none;display:flex}.brand-symbol{background:linear-gradient(135deg,#caa56715,#caa56702);border:1px solid #b99b5d47;border-radius:11px 3px;place-items:center;width:42px;height:44px;display:grid;transform:rotate(-4deg)}.brand strong{font-family:var(--font-brand);letter-spacing:3px;font-size:25px;font-weight:600;line-height:1}.brand small{letter-spacing:3px;color:#a89c84;margin-top:7px;font-size:10px;font-weight:700;display:block}.header-right{align-items:center;gap:30px;display:flex}.preview-badge{letter-spacing:1.4px;color:#a9acac;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.preview-badge>span{background:#c3a86e;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #c3a86e45}.text-button{color:#aeb1b9;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;display:flex}.text-button:hover{color:#dfc08a}.intro{justify-content:space-between;align-items:center;padding:41px 0 30px;display:flex}.eyebrow{letter-spacing:.2em;color:#c9b38a;align-items:center;gap:9px;margin:0 0 11px;font-size:12px;font-weight:800;display:flex}.short-line{background:#ac93655c;width:22px;height:1px}h1{font-family:var(--font-display);letter-spacing:.01em;color:#0000;background:linear-gradient(100deg,#f1e2c5 5%,#cfaf76 80%);-webkit-background-clip:text;background-clip:text;margin:0 0 11px;font-size:clamp(32px,3.8vw,48px);font-weight:600;line-height:1.12}.intro-description{color:#767d8a;margin:0;font-size:12px;line-height:1.7}.chapter{align-items:center;gap:17px;padding-right:4px;display:flex}.chapter>span{font:600 44px/1 var(--font-display);color:#534932}.chapter>div{letter-spacing:1.6px;color:#c0ae92;border-left:1px solid #b59a632d;padding:5px 0 5px 17px;font-size:11px;font-weight:700;line-height:1.7}.chapter small{letter-spacing:.3px;color:#7a8290;font-size:12px}.mine-panel{background:radial-gradient(at 48% 56%,#16223298 0%,#0c121b 57%,#0b1018 100%);border:1px solid #abb7cf18;border-radius:7px;height:clamp(450px,45vw,670px);position:relative;overflow:hidden}.mine-panel:before{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 85px #00000039}.mine-panel.is-digging{border-color:#c2a46d48}.panel-top{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:24px;right:18px}.panel-label{letter-spacing:1.3px;color:#b6b5ae;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.live-dot{background:#c4b480;border-radius:50%;width:5px;height:5px}.muted{color:#646f80}.label-divider{color:#4c5460;margin:0 4px}.panel-tools{gap:4px;display:flex}.camera-view-control{position:relative}.panel-top:has(.camera-view-menu){z-index:6}.multiplayer-tools:has(.camera-view-menu){z-index:26}.camera-view-menu{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111820f5;border:1px solid #b8a27635;border-radius:8px;width:min(212px,100vw - 28px);padding:7px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 30px #0006}.camera-view-heading{color:#a2adbc;letter-spacing:1.3px;padding:8px 10px;font-size:11px;font-weight:700}.camera-view-menu button{color:#d7dfeb;width:100%;min-height:40px;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.camera-view-menu button>span{align-items:center;gap:10px;display:flex}.camera-view-menu small{color:#a2adbc;font-size:11px}.camera-view-menu button[aria-checked=true]{color:#e4c58e;background:#d4b88712}.camera-view-menu button:hover,.camera-view-menu button:focus-visible{background:#ffffff12;outline:1px solid #d4b88766}.sandbox-world{color:#c4d1cb;align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.sandbox-world select{color:#f0e8d9;max-width:170px;font:inherit;background:#101b23;border:1px solid #b5c9b84d;border-radius:7px;padding:8px 25px 8px 10px}.sandbox-world select:focus-visible{outline-offset:3px;outline:2px solid #b8e8d5}.play-page.sandbox-play .panel-top{pointer-events:none;top:103px;left:25px}.sandbox-play .panel-tools{position:fixed;top:14px;right:22px}.sandbox-play .panel-tools,.sandbox-world{pointer-events:auto}@media (width<=760px){.sandbox-world{gap:5px;font-size:12px}.sandbox-world select{max-width:150px;padding-left:6px}.play-page.sandbox-play .panel-top{top:119px;left:19px}.sandbox-play .panel-tools{top:12px;right:14px}}.icon-button{color:#8c97a7;background:#0b111bcc;border:1px solid #0000;border-radius:5px;place-items:center;width:32px;height:32px;padding:0;display:grid}.icon-button:hover,.icon-button.active{color:#ddbd83;background:#212329;border-color:#b7a27049}.canvas-wrap{touch-action:none;position:absolute;inset:38px 5px 31px}.loading{color:#bfa372;letter-spacing:1px;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;font-size:12px;display:flex}.webgl-fallback{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:45px 18px;display:flex}.webgl-fallback img{object-fit:contain;max-width:100%;max-height:85%}.webgl-fallback p{color:#aaa08c;text-align:center;font-size:14px}.scene-caption{color:#8da1b6;letter-spacing:1.3px;pointer-events:none;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:20px;left:24px}.scene-caption svg{color:#a0aaac}.caption-line{background:#4b5661;width:16px;height:1px;margin:0 3px}.scene-hint{color:#8d9aad;pointer-events:none;align-items:center;gap:7px;font-size:12px;display:flex;position:absolute;bottom:20px;right:22px}.scene-hint>span{margin:0 1px}.camera-help{color:#a2adbc;border-top:1px solid #ffffff10;gap:8px;padding:13px 2px 4px;font-size:12px;display:grid}.camera-help kbd{color:#d4b887;font:inherit;border:1px solid #ffffff1c;border-radius:3px;padding:2px 4px}.is-digging .scene-hint{color:#dab67a}.corner-mark{pointer-events:none;border-style:solid;border-color:#c4ab713c;width:13px;height:13px;position:absolute}.top-left{border-width:1px 0 0 1px;top:-1px;left:-1px}.top-right{border-width:1px 1px 0 0;top:-1px;right:-1px}.bottom-left{border-width:0 0 1px 1px;bottom:-1px;left:-1px}.bottom-right{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.interaction-bar{background:linear-gradient(110deg,#cbb17a08,#11151d);border:1px solid #b8a8821c;border-radius:6px;justify-content:space-between;align-items:center;margin-top:10px;padding:20px 23px;display:flex}.interaction-copy{align-items:center;gap:15px;display:flex}.small-icon{color:#b9a171;background:#bba27209;border:1px solid #ba9e672b;border-radius:7px;place-items:center;width:42px;height:42px;display:grid}.interaction-copy strong{color:#d0c6b4;font-size:12px;font-weight:500}.interaction-copy p{color:#8f98a6;margin:5px 0 0;font-size:13px}.interaction-actions{align-items:center;gap:24px;display:flex}.reset-button{color:#a2a6af;background:0 0;border:none;align-items:center;gap:7px;padding:9px 0;font-size:14px;font-weight:600;display:flex}.reset-button:hover{color:#e1c18b}.dig-button{color:#201c15;background:linear-gradient(120deg,#caa86a,#dec18a);border:1px solid #d7b6756e;border-radius:5px;align-items:center;gap:9px;padding:13px 18px;font-size:14px;font-weight:800;display:flex;box-shadow:0 2px 16px #d2ac5720}.dig-button:hover{background:#e9cc95;box-shadow:0 2px 20px #d2ac5738}.dig-button.cancel{color:#d8bd86;box-shadow:none;background:#b5a07912;border-color:#b6a07950}.details{grid-template-columns:repeat(3,1fr);gap:30px;padding:34px 0 31px;display:grid}.details article{align-items:flex-start;gap:13px;padding:5px 28px 2px 0;display:flex;position:relative}.details article+article{border-left:1px solid #ffffff0b;padding-left:26px}.detail-number{letter-spacing:1px;color:#a2946c;white-space:nowrap;padding-top:3px;font-size:11px;font-weight:700}.details h2{color:#b7b2a6;margin:0 0 8px;font-size:12px;font-weight:500}.details p{color:#8993a2;margin:0;font-size:14px;line-height:1.65}.detail-icon{color:#555748;position:absolute;top:10px;right:3px}footer{color:#7d8696;border-top:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 26px;font-size:12px;display:flex}footer>span{align-items:center;gap:5px;display:flex}footer>span:first-child{letter-spacing:1px;font-size:11px;font-weight:700}.footer-dot{padding:0 4px}.footer-tag{letter-spacing:1px;font-size:11px;font-weight:700}.settings-panel{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111820ed;border:1px solid #b8a27635;border-radius:7px;width:236px;padding:13px;position:absolute;top:59px;right:18px;box-shadow:0 12px 30px #0006}.settings-heading{letter-spacing:1.3px;color:#b5a587;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.settings-heading .icon-button{width:24px;height:24px}.setting{color:#aaaeb6;background:0 0;border:none;border-top:1px solid #ffffff0b;justify-content:space-between;align-items:center;width:100%;padding:11px 2px;font-size:14px;display:flex}.setting>span:first-child{align-items:center;gap:9px;display:flex}.switch{background:#383d47;border-radius:20px;width:25px;height:14px;padding:3px}.switch:after{content:"";background:#8c929c;border-radius:50%;width:8px;height:8px;transition:transform .15s;display:block}.switch.on{background:#c8ac7440}.switch.on:after{background:#d9bb7b;transform:translate(11px)}.setting-value{color:#c8b28d;align-items:center;gap:5px;font-size:13px;display:flex}.setting:disabled{opacity:.5;cursor:default}.setting.exit-game-setting{color:#ef9185;cursor:pointer;background:#c64b3d0c;border:1px solid #c9655840;border-radius:6px;margin-top:8px;padding:12px 10px;transition:background .2s,border-color .2s}.setting.exit-game-setting:hover{color:#ffc1b7;background:#c64b3d24;border-color:#da776969}.setting.exit-game-setting:focus-visible{outline-offset:3px;outline:2px solid #ef9185}.sound-volume{color:#aaaeb6;padding:0 2px 10px;font-size:13px;display:block}.sound-volume>span{justify-content:space-between;margin-bottom:7px;display:flex}.sound-volume output{color:#c8b28d}.sound-volume input{accent-color:#c8ac74;cursor:pointer;width:100%;display:block}.sound-volume input:disabled{opacity:.4;cursor:default}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030609d9;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.concept-modal{background:#10161f;border:1px solid #ceb57e2b;border-radius:10px;width:min(1100px,95vw);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 25px 100px #0008}.modal-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.modal-header .eyebrow{margin-bottom:7px;font-size:11px}.modal-header h2{font:600 26px/1.15 var(--font-display);color:#d9c295;margin:0}.concept-modal img{border-radius:5px;width:100%;display:block}.concept-modal>p{color:#8f98a6;align-items:center;gap:8px;margin:16px 0 0;font-size:13px;display:flex}@media (width>=1700px){.app{padding:0 75px}}@media (width<=1100px){.app{padding:0 32px}.header{height:88px}.intro{padding-top:31px}.mine-panel{height:510px}.details{gap:15px}.details article+article{padding-left:15px}.detail-icon{display:none}}@media (width<=760px){.app{padding:0 20px}.header{height:81px}.brand strong{font-size:22px}.brand small{letter-spacing:3px;font-size:7px}.header-right{gap:16px}.preview-badge{display:none}.concept-button{gap:5px;font-size:10px}.intro{padding:27px 0 23px}h1{font-size:41px}.intro-description{font-size:10px}.chapter{display:none}.mine-panel{height:450px}.panel-top{top:12px;left:15px;right:12px}.panel-label{letter-spacing:1px;gap:6px;font-size:7px}.label-divider{margin:0}.scene-caption{gap:6px;font-size:7px;bottom:16px;left:15px}.scene-hint{font-size:9px;bottom:38px;right:15px}.interaction-bar{flex-wrap:wrap;gap:18px;padding:17px}.interaction-copy{gap:11px}.interaction-actions{gap:20px;margin-left:auto}.details{grid-template-columns:1fr;gap:18px;padding:25px 0}.details article,.details article+article{border:none;padding:0}.detail-icon{display:block;right:5px}.details p br{display:none}.details h2{margin-bottom:5px}footer{flex-wrap:wrap;gap:12px;padding:19px 0}.footer-tag{display:none}.modal-backdrop,.concept-modal{padding:15px}.modal-header h2{font-size:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}@media (width<=380px){.app{padding:0 12px}.brand{gap:9px}.brand-symbol{width:33px;height:36px}.brand strong{letter-spacing:2px;font-size:17px}.brand small{letter-spacing:2px;font-size:6px}.concept-button{font-size:9px}.concept-button>svg:first-child{display:none}h1{font-size:35px}.mine-panel{height:360px}.panel-label>.muted,.panel-label>.label-divider{display:none}.scene-caption{letter-spacing:1px;gap:5px;font-size:6px}.scene-hint{font-size:8px}.interaction-bar{padding:14px}.interaction-copy p{font-size:9px}.interaction-actions{gap:17px}.dig-button{padding:12px 15px}}.card-stage .header{height:86px}.card-stage .intro{padding:27px 0 24px}.card-stage h1{font-size:45px}.card-stage .mine-panel{height:clamp(370px,34vw,500px)}.placement-bar{min-height:69px;padding:13px 18px}.placement-bar .small-icon{width:35px;height:35px}.placement-bar .small-icon.valid{color:#72dab0;background:#72dab010;border-color:#72dab03a}.placement-bar .small-icon.invalid{color:#d77a85;background:#d77a8510;border-color:#d77a853a}.placement-bar .interaction-copy{min-width:0}.placement-bar .interaction-copy p{line-height:1.5}.placement-bar .interaction-actions{flex-shrink:0}.hint-green,.hint-red,.green-dot,.red-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.hint-green,.green-dot{background:#67dca2;box-shadow:0 0 8px #67dca238}.hint-red,.red-dot{background:#ce6171}.hand-panel{background:0 0;border:none;margin-top:27px;padding:21px 24px 0;position:relative}.card-draw-flight{z-index:6;pointer-events:none;transform-origin:0 0;will-change:transform, opacity;filter:drop-shadow(0 10px 14px #0008);position:absolute;top:0;left:0}.hand-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.hand-heading .eyebrow{margin-bottom:5px;font-size:11px}.hand-heading h2{color:#ddd3bf;font:600 22px/1.2 var(--font-display);margin:0}.hand-heading h2 span{font:600 12px var(--font-body);color:#8996a5;margin-left:10px}.placement-legend{color:#a1a9b4;gap:15px;font-size:12px;display:flex}.placement-legend>span{align-items:center;gap:6px;display:flex}.hand-layout{align-items:center;gap:24px;padding-bottom:15px;display:flex}.hand-cards{scrollbar-width:thin;scrollbar-color:#5f503b #11161e;flex:1;gap:15px;min-width:0;padding:10px 2px 6px;display:flex;overflow-x:auto}.game-card{background:0 0;border:none;border-radius:11px;flex-shrink:0;width:clamp(112px,10.4vw,150px);padding:0;transition:transform .18s,filter .18s;position:relative}.game-card:hover{filter:brightness(1.12);transform:translateY(-4px)}.game-card.selected{transform:translateY(-7px)}.card-face{aspect-ratio:2/3;background:radial-gradient(at 40% 0,#273c4660,#0000 66%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.09' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),#111d26;border:2px solid #e6ba58;border-radius:11px;flex-direction:column;align-items:center;padding:10px 8px 7px;transition:border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffe29d70,inset 0 0 26px #0008,0 0 10px #efba4c88,0 0 24px #d49b2d55,0 5px 16px #0004}.card-face:before{content:"";pointer-events:none;border:1px solid #b3975d66;border-radius:6px;position:absolute;inset:4px}.game-card.selected .card-face{border-color:#a8d9ff;box-shadow:0 0 0 1px #9bd1ffb3,0 0 18px #70b7ffcc,0 0 36px #328de480,0 0 48px #328de433,inset 0 0 25px #0006}.game-card:not(.selected):hover:not(:disabled) .card-face{border-color:#ffda80;box-shadow:inset 0 0 0 1px #ffe29d70,inset 0 0 26px #0008,0 0 14px #ffc85eb3,0 0 30px #dca12d66,0 5px 16px #0004}.card-category{color:#d1af6e;z-index:1;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.card-category span{letter-spacing:1.4px;font-size:7px}.card-rule{background:linear-gradient(90deg,#0000,#b99a625c,#0000);width:77%;height:1px;margin-top:7px;position:relative}.card-rule span{color:#bfa273;background:#18232b;padding:0 4px;font-size:6px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.card-face h3{font-family:var(--font-display);text-transform:uppercase;color:#eddbb5;white-space:nowrap;margin:7px 0 4px;font-size:clamp(12px,1.3vw,17px);font-weight:600;line-height:1}.path-diagram{flex:1;width:100%;min-height:0;padding:3px 4px}.card-foot{color:#c9ad7b;z-index:1;align-items:center;gap:5px;min-height:18px;display:flex;position:relative}.card-foot span{letter-spacing:1.2px;font-size:6px}.card-ornament{color:#cda867;font-family:var(--font-display);z-index:1;font-size:15px;line-height:1;position:absolute}.card-ornament.tl{top:5px;left:6px}.card-ornament.tr{top:5px;right:6px;transform:scaleX(-1)}.card-ornament.bl{bottom:5px;left:6px;transform:scaleY(-1)}.card-ornament.br{bottom:5px;right:6px;transform:scale(-1)}.card-selection-label{color:#5e6b7c;letter-spacing:1.5px;height:9px;margin-top:8px;font-size:7px;display:block}.game-card.selected .card-selection-label{color:#d3b77e}.sabotage-face{background-color:#281723;border-color:#e6ba58}.sabotage-face .card-category,.sabotage-face .card-foot,.sabotage-face .card-ornament{color:#ed879f}.sabotage-face:before{border-color:#ed879f55}.sabotage-face h3{color:#ffd0dd;font-size:clamp(12px,1.14vw,16px)}.sabotage-art{mix-blend-mode:lighten;flex:1;width:100%;min-height:0;padding:2px 8px}.sabotage-card.selected .card-face{border-color:#a8d9ff;box-shadow:0 0 0 1px #9bd1ffb3,0 0 18px #70b7ffcc,0 0 36px #328de480,0 0 48px #328de433,inset 0 0 25px #0006}.sabotage-card.selected .card-selection-label{color:#ff91a9}.tool-art{object-fit:contain;mix-blend-mode:lighten;flex:1;width:100%;height:0;min-height:0;padding:2px 5px}.rockfall-face{background-color:#2b201b;border-color:#e6ba58}.rockfall-face .card-category,.rockfall-face .card-foot,.rockfall-face .card-ornament{color:#e9b37c}.rockfall-face:before{border-color:#e9b37c55}.rockfall-card.selected .card-face{border-color:#a8d9ff;box-shadow:0 0 0 1px #9bd1ffb3,0 0 18px #70b7ffcc,0 0 36px #328de480,0 0 48px #328de433,inset 0 0 25px #0006}.rockfall-card.selected .card-selection-label{color:#ffd3a1}.rockfall-target-controls{color:#e9b37c;align-items:center;gap:7px;display:flex}.rockfall-target-controls select{color:#e9c59f;max-width:130px;font:inherit;cursor:pointer;background:#211c1a;border:1px solid #e9b37c44;border-radius:5px;padding:5px;font-size:10px}.rockfall-target-controls button:enabled:hover,.rockfall-target-controls button:focus-visible{color:#ffd3a1;background:#e9b37c22}.repair-face{background-color:#142820;border-color:#e6ba58}.repair-face .card-category,.repair-face .card-foot,.repair-face .card-ornament{color:#91dfb5}.repair-face:before{border-color:#91dfb555}.repair-face h3{color:#d0f7e1;font-size:clamp(12px,1.14vw,16px)}.repair-card.selected .card-face{border-color:#a8d9ff;box-shadow:0 0 0 1px #9bd1ffb3,0 0 18px #70b7ffcc,0 0 36px #328de480,0 0 48px #328de433,inset 0 0 25px #0006}.repair-card.selected .card-selection-label{color:#9ff5c7}.scout-map-art{flex:1;width:100%;min-height:0;padding:2px 5px}.reveal-face{background-color:#1b1b2c;border-color:#e6ba58}.reveal-face .card-category,.reveal-face .card-foot,.reveal-face .card-ornament{color:#c1a3e8}.reveal-face h3{color:#e0ccf7}.reveal-face:before{border-color:#b99bd755}.game-card:disabled{cursor:default}.game-card:disabled:hover{filter:none;transform:none}.hand-blocked-notice{color:#efb7bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#20151bee;border:1px solid #d5758155;border-left:3px solid #dc8290;border-radius:10px;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:0 auto 10px;padding:9px 13px;display:flex;box-shadow:0 4px 16px #0003}.hand-blocked-notice strong{color:#ffd4d8;flex-shrink:0;font-size:14px}.hand-broken-tools{flex-shrink:0;gap:7px;display:inline-flex}.broken-tool-symbol{color:#ef9aa6;display:inline-flex;position:relative}.broken-tool-symbol:after{content:"";background:currentColor;border-radius:2px;height:2px;position:absolute;top:50%;left:-1px;right:-1px;transform:rotate(-45deg);box-shadow:0 0 0 1px #20151b}.hand-blocked-description{color:#d2acb3;min-width:0;font-size:13px;line-height:1.5}.goal-target-buttons{color:#c3a7ed;align-items:center;gap:6px;display:flex}.card-control-buttons .goal-target-buttons button{color:#dfc8ff;background:#a487d018;border:1px solid #b393db40;border-radius:4px;justify-content:center;min-width:28px;padding:5px 8px;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.card-control-buttons .goal-target-buttons button:not(:disabled):is(:hover,:focus-visible,.highlighted){color:#a0ffe4;background:#66e8c233;border-color:#91ffd8;outline:none;box-shadow:0 0 12px #66e8c244,inset 0 0 7px #66e8c218}.card-control-buttons .goal-target-buttons button:disabled{color:#737d8b;opacity:.5;border-color:#737d8b25}.target-tool-icons{flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.player-target-buttons{color:#ff91a9;align-items:center;gap:6px;display:flex}.card-control-buttons .player-target-buttons button{color:#ffc2d0;background:#ff718918;border:1px solid #ff71894a;border-radius:4px;padding:5px 10px;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.card-control-buttons .player-target-buttons button:not(:disabled):is(:hover,:focus-visible,.highlighted){color:#ffe2e9;background:#ff718933;border-color:#ff91a9;outline:none;box-shadow:0 0 12px #ff718944}.card-control-buttons .player-target-buttons button:disabled{color:#737d8b;opacity:.5;border-color:#737d8b25}.repair-target-buttons{color:#91dfb5}.card-control-buttons .repair-target-buttons button{color:#d0f7e1;background:#79e8b518;border-color:#79e8b54a}.card-control-buttons .repair-target-buttons button:not(:disabled):is(:hover,:focus-visible,.highlighted){color:#ddffec;background:#79e8b533;border-color:#9ff5c7;box-shadow:0 0 12px #79e8b544}.deck-divider{background:linear-gradient(#0000,#b69d6833,#0000);flex-shrink:0;width:1px;height:150px}.draw-pile{aspect-ratio:2/3;flex-shrink:0;width:clamp(90px,8.8vw,126px);margin:0 7px 11px 0;position:relative}.deck-card{border-radius:10px;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 3px 15px #0006}.deck-layer-one,.deck-layer-two{background:#1d2730;border:1px solid #8e77537a}.deck-layer-one{transform:rotate(5deg)translate(5px)}.deck-layer-two{transform:rotate(2deg)translate(3px)}.deck-front{border:1px solid #cfb275;overflow:hidden}.deck-count{color:#22201a;background:#c9af79;border:3px solid #141a23;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:-8px;right:-9px}.deck-label{color:#a79a80;letter-spacing:1.4px;text-align:center;font-size:10px;font-weight:700;position:absolute;bottom:-24px;left:0;right:0}.card-controls{justify-content:space-between;align-items:center;gap:15px;min-height:57px;margin-bottom:8px;display:flex}.selection-summary{color:#c9c0ad;align-items:center;gap:9px;font-size:14px;line-height:1.6;display:flex}.selection-summary small{color:#8a96a8;font-size:12px}.selected-kind{color:#bca06b;letter-spacing:1px;background:#bca06b0d;border:1px solid #bca06b38;border-radius:3px;padding:3px 6px;font-size:10px;font-weight:800}.selected-kind.sabotage{color:#ed879f;border-color:#ff71894a}.selected-kind.repair{color:#91dfb5;border-color:#79e8b54a}.card-control-buttons{flex-shrink:0;align-items:center;gap:15px;display:flex}.card-control-buttons button{color:#b6a481;background:0 0;border:none;align-items:center;gap:6px;padding:9px 0;font-size:13px;font-weight:600;display:flex}.card-control-buttons button:hover:enabled{color:#ebcb8f}.card-control-buttons button:disabled{color:#6e7784;opacity:.45}kbd{font:700 10px var(--font-body);color:#8492a3;border:1px solid #8b96a332;border-radius:3px;margin-left:2px;padding:1px 4px}.empty-hand{color:#b8a276;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:175px;display:flex}.empty-hand p{margin:10px 0 3px;font-size:12px}.empty-hand small{color:#8895a6;font-size:13px}.card-stage .details{padding:24px 0}@media (width<=1100px){.card-stage .mine-panel{height:380px}.card-stage .intro{padding:22px 0}.card-stage h1{font-size:39px}.hand-panel{margin-top:20px;padding:17px 18px 0}.hand-layout{gap:18px}.hand-cards{gap:11px}.game-card{width:116px}.draw-pile{width:92px}.card-controls{flex-wrap:wrap;gap:4px 15px;padding:9px 0}}@media (width<=760px){.card-stage .header{height:76px}.card-stage h1{font-size:36px}.card-stage .mine-panel{height:340px}.hand-layout{gap:12px}.hand-panel{padding:16px 13px 0}.hand-heading{gap:12px}.hand-heading h2{font-size:23px}.placement-legend{gap:10px;font-size:8px}.game-card{width:111px}.draw-pile{width:79px}.card-face h3{font-size:16px}.sabotage-face h3,.repair-face h3{font-size:12px}.card-controls{min-height:70px}.selection-summary{flex-wrap:wrap;gap:5px;font-size:10px}.selection-summary small{font-size:9px}.card-control-buttons{margin-left:auto}.placement-bar{gap:9px;padding:13px}.placement-bar .interaction-copy p{font-size:9px}.placement-bar .interaction-copy{flex:1}.placement-bar .interaction-actions{margin-left:0}.placement-bar .reset-button{font-size:9px}.placement-hint{bottom:17px}}@media (width<=400px){.hand-heading{flex-wrap:wrap;gap:8px}.draw-pile{width:61px}.card-stage .mine-panel{height:290px}.placement-bar .small-icon{display:none}.selection-summary small{display:block}}.play-link{color:#e5c78d;white-space:nowrap;background:#c5a5680c;border:1px solid #c5a56850;border-radius:5px;align-items:center;gap:9px;padding:10px 13px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.play-link:hover{background:#c5a56820;border-color:#c5a56890}.play-page{--hud-height:84px;--play-card-width:clamp(78px, 11dvh, 104px);--dock-height:calc(var(--play-card-width) * 1.5 + 65px);isolation:isolate;background:#080d15;position:fixed;inset:0;overflow:hidden}.play-page .mine-panel{background:radial-gradient(at 50% 42%,#1c2c4090,#0a1019 65%,#070b12);border:none;border-radius:0;height:100%;position:absolute;inset:0}.play-page .mine-panel:before{box-shadow:inset 0 0 160px #0007}.play-page .canvas-wrap{inset:0}.play-page .panel-top{top:max(14px, env(safe-area-inset-top));right:max(22px, env(safe-area-inset-right));left:auto}.play-page .panel-label,.play-page .corner-mark{display:none}.play-page .panel-tools{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10182455;border:1px solid #aab8cf1e;border-radius:10px;gap:5px;padding:4px;box-shadow:0 4px 18px #0002}.play-page .panel-tools .icon-button{background:0 0;width:32px;height:32px}.play-page .settings-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111820ba;top:62px;right:22px}.play-header{top:max(16px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));z-index:3;align-items:center;gap:28px;display:flex;position:absolute}.play-header .brand strong{text-shadow:0 2px 7px #000,0 0 26px #dab67624;font-size:20px}.play-header .brand-symbol{background:#caa56708;width:31px;height:33px}.play-header .brand small{letter-spacing:2.8px;margin-top:5px;font-size:6px}.play-header{pointer-events:none}.play-header a{pointer-events:auto}.sandbox-link{color:#c3ccd6;align-items:center;gap:6px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.sandbox-link:hover{color:#e6c47c}.play-feedback{--notice-accent:#e1bd7c;z-index:2;border:1px solid #a7bbc32b;border-left:3px solid var(--notice-accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#0c151ed9;border-radius:11px;align-items:center;gap:13px;max-width:min(420px,65vw);padding:15px 17px;display:flex;position:absolute;top:57px;left:25px;box-shadow:0 8px 28px #0004}.play-feedback>div{overflow-wrap:anywhere;min-width:0}.play-feedback .feedback-icon{width:22px;height:22px;color:var(--notice-accent);flex:0 0 22px;place-items:center;display:grid}.play-feedback strong{color:#f2e5cf;font-size:17px;font-weight:700;line-height:1.3;display:block}.play-feedback p{color:#d2dce5;margin:6px 0 0;font-size:14px;font-weight:500;line-height:1.55}.play-feedback{transition:padding .26s,gap .26s}.feedback-description{contain:inline-size;opacity:0;visibility:hidden;grid-template-rows:0fr;min-width:0;transition:min-width .26s,grid-template-rows .26s,opacity .2s,transform .26s,visibility 0s .26s;display:grid;transform:translateY(-4px)}.feedback-description>div{min-height:0;overflow:hidden}.play-feedback.is-expanded .feedback-description{opacity:1;visibility:visible;grid-template-rows:1fr;min-width:min(180px,100vw - 150px);transition-delay:0s;transform:translateY(0)}.play-feedback.is-collapsed{gap:8px;padding:7px 10px}.play-feedback.is-expanded{align-items:flex-start}.feedback-toggle{color:#b5c3cf;pointer-events:auto;background:0 0;border:none;flex:0 0 24px;place-items:center;width:24px;height:24px;margin-left:2px;padding:0;display:grid}.play-feedback.is-collapsed .feedback-toggle{margin-left:10px}.feedback-toggle:hover{color:#f2e5cf}.feedback-toggle svg{transition:transform .26s}.play-feedback.is-expanded .feedback-toggle svg{transform:rotate(180deg)}.play-feedback,.sandbox-link,.play-page .scene-caption,.play-page .scene-hint{text-shadow:0 1px 5px #000,0 1px 12px #000}.play-feedback{text-shadow:none}.play-feedback.is-your-turn,.play-feedback.valid{--notice-accent:#82e3ba}.play-feedback.invalid{--notice-accent:#ee98a2}.play-feedback.valid strong{color:#7ae2b7}.play-feedback.invalid strong{color:#e88e99}.play-page .scene-caption{left:33px;bottom:calc(var(--dock-height) + 4px);z-index:2}.play-page .scene-hint{right:33px;bottom:calc(var(--dock-height) + 4px);z-index:2}.play-dock{bottom:max(6px, env(safe-area-inset-bottom));z-index:4;pointer-events:none;width:min(850px,100% - 48px);position:absolute;left:50%;transform:translate(-50%)}.play-page .game-card,.play-page .card-control-buttons{pointer-events:auto}.play-page .hand-cards{touch-action:pan-x}.play-page .hand-panel{background:0 0;border:none;margin:0;padding:0 12px 4px;position:relative}.play-page .hand-blocked-notice{width:max-content;margin:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.play-page .hand-heading,.play-page .hand-heading .eyebrow{display:none}.play-page .hand-heading h2{font-size:20px}.play-page .hand-heading h2 span,.play-page .placement-legend{font-size:11px}.play-page .hand-layout{align-items:center;gap:20px;padding-bottom:2px}.play-page .hand-cards{scrollbar-width:thin;scrollbar-color:#79634355 transparent;justify-content:flex-start;gap:12px;padding:17px 10px 4px;scroll-padding-inline:10px}.play-page .hand-cards>.game-card:first-child{margin-left:auto}.play-page .hand-cards>.game-card:last-child{margin-right:auto}.play-page .game-card{width:var(--play-card-width);filter:drop-shadow(0 7px 12px #0008)}.play-page .game-card:hover{filter:brightness(1.12)drop-shadow(0 7px 12px #0008);transform:translateY(-9px)}.play-page .game-card.selected{transform:translateY(-12px)}.play-page .card-face{padding:8px 6px 5px}.play-page .card-face h3{margin:5px 0 2px;font-size:clamp(13px,1.7dvh,17px)}.play-page .sabotage-face h3,.play-page .repair-face h3{font-size:clamp(9px,1.25dvh,12px)}.play-page .card-category svg{width:13px;height:13px}.play-page .card-category{display:none}.play-page .card-category span{font-size:6px}.play-page .card-rule{display:none}.play-page .card-foot{min-height:12px}.play-page .card-foot span{letter-spacing:1px;font-size:5px}.play-page .card-selection-label{height:8px;margin-top:5px;font-size:6px}.play-page .draw-pile{width:calc(var(--play-card-width) * .7);margin:0 8px 8px 0}.play-page .deck-divider{display:none}.play-page .deck-label{font-size:6px;bottom:-20px}.play-page .card-controls{border:none;flex-wrap:nowrap;justify-content:center;gap:0;min-height:32px;padding:0}.play-page .selection-summary{display:none}.play-page .selection-summary small{font-size:11px}.play-page .card-control-buttons{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c141eaa;border:1px solid #b49c6830;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;margin:0;padding:4px 9px}.play-page .card-control-buttons .player-target-buttons{flex-wrap:wrap;justify-content:center;max-width:100%}.play-page .card-control-buttons button{padding:7px 9px;font-size:12px}.play-page .empty-hand{min-height:calc(var(--play-card-width) * 1.5)}@media (width<=1000px){.play-page .hand-cards{gap:10px}.play-header{gap:17px}}@media (width<=760px){.play-header{gap:15px;display:flex;top:14px;left:16px}.play-header .brand strong{letter-spacing:2px;font-size:17px}.play-header .brand-symbol{width:28px;height:30px}.play-header .brand small{letter-spacing:2.8px;font-size:6px}.sandbox-link{margin-top:0;font-size:12px}.play-page .panel-top{top:12px;right:14px}.play-page .panel-tools{gap:2px;padding:4px}.play-page .panel-tools .icon-button{width:30px;height:30px}.play-page .settings-panel{top:57px;right:14px}.play-feedback{gap:11px;max-width:min(390px,100% - 38px);padding:12px 14px;top:53px;left:17px}.play-feedback strong{font-size:16px}.play-feedback p{font-size:13px}.play-page{--hud-height:96px}.play-page .scene-caption{letter-spacing:1px;gap:5px;font-size:9px;left:19px}.play-page .scene-hint{font-size:11px;right:19px}.play-dock{width:calc(100% - 24px);bottom:max(6px, env(safe-area-inset-bottom))}.play-page .hand-panel{border-radius:13px;padding:0 6px 4px}.play-page .hand-heading h2{font-size:18px}.play-page .hand-heading h2 span{margin-left:5px}.play-page .hand-layout{gap:12px}.play-page .hand-cards{gap:9px}.play-page .deck-divider{display:none}.play-page .card-controls{flex-wrap:nowrap;gap:0;padding:0}.play-page .selection-summary{display:none}.play-page .selection-summary small{font-size:10px}.play-page .card-control-buttons{margin:0}.play-page .card-control-buttons button{padding:7px 9px}.play-page{--dock-height:calc(var(--play-card-width) * 1.5 + 65px)}.header-right{gap:10px}.play-link{gap:4px;padding:8px;font-size:12px}}@media (width<=420px){.play-header .brand strong{font-size:16px}.play-header .brand{gap:7px}.play-header .brand-symbol{display:none}.play-header{gap:0}.play-header .sandbox-link{position:absolute;top:35px;left:0}.play-feedback{top:71px}.play-page{--hud-height:112px}.play-page .hand-heading{flex-wrap:nowrap}.play-page .placement-legend{gap:8px;font-size:10px}.play-page .hand-heading h2 span{display:none}.play-page .draw-pile{width:54px}.play-page .scene-caption .caption-line,.play-page .scene-caption svg{display:none}.play-page .scene-hint{font-size:10px}.card-stage .concept-button{gap:0;font-size:0}}@media (height<=560px) and (width>=761px){.play-page{--play-card-width:68px;--dock-height:165px;--hud-height:74px}.play-feedback{top:55px}.play-page .hand-heading,.play-page .card-category,.play-page .card-rule{display:none}.play-page .card-face h3{font-size:12px}.play-page .sabotage-face h3,.play-page .repair-face h3{font-size:8px}}