@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";:root{--ink-950: #150E2B;--ink-900: #1C1440;--ink-800: #271C52;--ink-700: #33266A;--ink-600: #453384;--ink-500: #5B4AA6;--ink-400: #8172C4;--text-900: #17102C;--text-700: #362B57;--text-500: #675C87;--text-400: #948AAE;--paper-0: #FFFFFF;--paper-50: #FAF8FF;--paper-100: #F1ECFB;--paper-200: #E6DEF5;--paper-300: #D6C9EC;--green-100: #DFF7E9;--green-200: #B7ECD0;--green-300: #7FDCAD;--green-400: #46C687;--green-500: #29AD6D;--green-600: #1B7F4E;--green-700: #146A40;--blue-100: #DEEBFE;--blue-200: #B7D6FD;--blue-300: #83B8FB;--blue-400: #4C94F5;--blue-500: #2C78E8;--blue-600: #1D5FC2;--blue-700: #194B97;--yellow-100: #FFF6DC;--yellow-200: #FFE9AD;--yellow-300: #FFDA7D;--yellow-400: #FFC94F;--yellow-500: #F5B82E;--yellow-600: #C9931A;--yellow-700: #9C7212;--coral-100: #FFE5DE;--coral-200: #FFC7B8;--coral-300: #FFA48D;--coral-400: #FF7E5F;--coral-500: #FF5C3C;--coral-600: #D13D22;--coral-700: #A62E19;--danger-100: #FDE3E0;--danger-500: #E5382A;--danger-600: #B92A1F;--game-green: #4CAF50;--game-gray: #8E8E8E;--game-brown: #8B5A2B;--game-blue: #2F80ED;--game-yellow: #F2C94C;--zone-grass: #6FBF73;--zone-stone: #9AA0A6;--zone-wood: #9B6A3D;--zone-water: #4F8EDB;--zone-sand: #E3C865;--surface-app: var(--paper-50);--surface-card: var(--paper-0);--surface-sunken: var(--paper-100);--surface-dark: var(--ink-950);--surface-dark-alt: var(--ink-900);--surface-dark-card: var(--ink-800);--border-default: var(--paper-200);--border-strong: var(--paper-300);--border-dark: var(--ink-700);--border-dark-soft: rgba(255, 255, 255, .14);--text-primary: var(--text-900);--text-secondary: var(--text-500);--text-tertiary: var(--text-400);--text-on-dark: #FFFFFF;--text-on-dark-secondary: #C9BEEA;--text-on-dark-tertiary: #9184BC;--action-primary: var(--coral-600);--action-primary-hover: var(--coral-700);--action-primary-active: #8A2614;--action-primary-text: #FFFFFF;--action-secondary-bg: var(--paper-0);--action-secondary-border: var(--ink-950);--action-secondary-text: var(--ink-950);--action-secondary-hover-bg: var(--paper-100);--action-dark-bg: rgba(255, 255, 255, .12);--action-dark-border: rgba(255, 255, 255, .28);--action-dark-text: #FFFFFF;--focus-ring: var(--blue-400);--success: var(--green-600);--success-bg: var(--green-100);--warning: var(--yellow-700);--warning-bg: var(--yellow-100);--danger: var(--danger-600);--danger-bg: var(--danger-100);--info: var(--blue-600);--info-bg: var(--blue-100);--role-hider: var(--green-600);--role-hider-bg: var(--green-100);--role-seeker: var(--coral-600);--role-seeker-bg: var(--coral-100);--role-host: var(--yellow-700);--role-host-bg: var(--yellow-100);--role-spectator: var(--text-500);--role-spectator-bg: var(--paper-100)}:root{--font-display: "Baloo 2", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-body: "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fs-display-xl: clamp(2.75rem, 6vw, 5.25rem);--fs-display-lg: 2.75rem;--fs-display-md: 2rem;--fs-display-sm: 1.5rem;--fs-display-xs: 1.25rem;--fs-body-lg: 1.3125rem;--fs-body-md: 1.0625rem;--fs-body-sm: .9375rem;--fs-body-xs: .8125rem;--fs-label: .8125rem;--fs-code-lg: 2rem;--fs-code-md: 1.5rem;--fs-code-sm: 1.0625rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--lh-tight: 1.05;--lh-snug: 1.15;--lh-normal: 1.4;--lh-relaxed: 1.6;--tracking-tight: -.01em;--tracking-normal: 0em;--tracking-wide: .03em;--tracking-wider: .08em;--tracking-code: .16em}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--content-max-width: 1120px;--content-padding: 24px}:root{--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--radius-blob: 42% 58% 61% 39% / 46% 41% 59% 54%;--radius-blob-alt: 58% 42% 45% 55% / 40% 55% 45% 60%}:root{--shadow-sm: 0 2px 6px rgba(21, 14, 43, .08);--shadow-md: 0 10px 24px rgba(21, 14, 43, .12);--shadow-lg: 0 24px 56px rgba(21, 14, 43, .18);--shadow-xl: 0 32px 80px rgba(21, 14, 43, .24);--shadow-inset-hairline: inset 0 0 0 1px rgba(21, 14, 43, .06);--shadow-glow-coral: 0 14px 32px rgba(255, 92, 60, .38);--shadow-glow-green: 0 14px 32px rgba(41, 173, 109, .32);--shadow-glow-blue: 0 14px 32px rgba(44, 120, 232, .32)}:root{--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .36s}:root{color:var(--text-primary);font-family:var(--font-body);background:var(--surface-app)}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink-950)}.chromahide-game-shell,.chromahide-game-shell *{box-sizing:border-box}.chromahide-game-shell{position:relative;width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;background:radial-gradient(120% 100% at 20% 0%,#241a4d 0%,var(--ink-950) 55%),var(--ink-950);overscroll-behavior:none;touch-action:pan-y;user-select:none;isolation:isolate;color:var(--text-on-dark)}.chromahide-game-shell:before,.chromahide-game-shell:after{content:"";pointer-events:none;position:absolute;z-index:0;border-radius:50%;filter:blur(80px);opacity:.16}.chromahide-game-shell:before{width:34vw;height:34vw;left:-8vw;top:-10vw;background:var(--coral-500)}.chromahide-game-shell:after{width:30vw;height:30vw;right:-8vw;bottom:-10vw;background:var(--green-500)}.chromahide-game-shell button,.chromahide-game-shell input,.chromahide-game-shell select{font:inherit;font-family:var(--font-body)}.chromahide-game-shell button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--radius-md);min-height:44px;padding:10px 18px;color:var(--action-primary-text);background:var(--action-primary);font-weight:var(--fw-extrabold);cursor:pointer;box-shadow:var(--shadow-glow-coral);transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.chromahide-game-shell button:not(:disabled):hover{background:var(--action-primary-hover)}.chromahide-game-shell button:not(:disabled):active{transform:translateY(1px) scale(.98)}.chromahide-game-shell button:focus-visible,.chromahide-game-shell input:focus-visible,.chromahide-game-shell select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.chromahide-game-shell button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.chromahide-game-shell button.is-loading{position:relative;pointer-events:none}.chromahide-game-shell button.is-loading:after{content:"";width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-pill);animation:button-loading-spin .76s linear infinite}.chromahide-game-shell input,.chromahide-game-shell select{width:100%;border:2px solid var(--border-default);border-radius:var(--radius-md);padding:10px 14px;background:var(--paper-0);color:var(--text-primary);font-weight:var(--fw-semibold)}.chromahide-game-shell input:focus,.chromahide-game-shell select:focus{border-color:var(--blue-400)}.room-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.room-identity{margin-top:4px}.room-settings .field{margin-bottom:0}.upgrade-prompt{display:grid;gap:8px;margin-top:14px;border:2px dashed var(--yellow-600);border-radius:var(--radius-md);padding:12px;background:var(--yellow-100);color:var(--ink-950);font-size:var(--fs-body-sm)}.upgrade-prompt[hidden]{display:none}.upgrade-prompt button{justify-self:start;padding:8px 12px;background:var(--yellow-600);color:var(--ink-950);box-shadow:none}.upgrade-prompt.soft{margin-top:16px}.copy-confirmation{display:grid;gap:6px;margin-top:12px;padding:10px;border:1px solid rgba(112,87,164,.22);border-radius:var(--radius-sm);background:#ffffffe0;color:var(--ink-950);box-shadow:var(--shadow-soft)}.copy-confirmation strong{font-size:.88rem}.copy-confirmation span{color:var(--text-muted);font-size:.78rem}.copy-confirmation textarea{width:100%;min-height:38px;resize:vertical;border:1px solid rgba(112,87,164,.24);border-radius:var(--radius-sm);padding:8px 10px;background:#fffffff5;color:var(--ink-950);font:.78rem/1.35 var(--font-body)}#game-root{position:relative;z-index:0;width:100%;height:100%;touch-action:none}#game-root canvas{display:block}.chromahide-canvas{width:100%;height:100%;outline:none;touch-action:none;cursor:crosshair}.world-control-hint{pointer-events:none;position:absolute;left:50%;bottom:14px;z-index:2;max-width:min(520px,calc(100% - 24px));transform:translate(-50%);border:1px solid var(--border-dark-soft);border-radius:var(--radius-pill);padding:8px 14px;color:#fff;background:#150e2b99;backdrop-filter:blur(8px);box-shadow:var(--shadow-md);font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold);text-align:center}.world-tension-overlay{pointer-events:none;position:absolute;inset:0;z-index:1;opacity:0;background:radial-gradient(ellipse at center,#ff5c3c00 52%,#ff5c3c8c)}.world-blend-badge{pointer-events:none;position:absolute;left:50%;bottom:60px;transform:translate(-50%);z-index:2;border-radius:var(--radius-pill);padding:7px 14px;font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold);color:var(--green-700);background:var(--green-100);border:1px solid var(--green-300);box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.world-blend-badge.visible{opacity:1}.world-blend-badge.is-strong{color:var(--green-700);background:var(--green-100);border-color:var(--green-300)}.world-blend-badge.is-low{color:var(--coral-700);background:var(--coral-100);border-color:var(--coral-300)}.world-seeker-reticle{pointer-events:none;position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;gap:42px;transform:translate(-50%,-50%) scale(.96);opacity:0;transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.world-seeker-reticle.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.world-seeker-reticle>span{position:absolute;width:54px;height:54px;border:2px solid rgba(255,255,255,.72);border-radius:var(--radius-pill);box-shadow:0 0 0 9px #ffffff0f,0 0 26px #ff5c3c33}.world-seeker-reticle>span:before,.world-seeker-reticle>span:after{content:"";position:absolute;left:50%;top:50%;width:74px;height:2px;transform:translate(-50%,-50%);background:#ffffffb8}.world-seeker-reticle>span:after{width:2px;height:74px}.world-seeker-reticle strong,.world-seeker-reticle small{border:1px solid var(--border-dark-soft);border-radius:var(--radius-pill);padding:5px 10px;color:#fff;background:#150e2ba3;backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);font-size:11px;font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.world-seeker-reticle small{color:var(--text-on-dark-secondary);transform:translateY(50px);text-transform:none;letter-spacing:0}.world-seeker-reticle.is-hot>span{border-color:var(--coral-500);box-shadow:0 0 0 9px #ff5c3c21,0 0 30px #ff5c3c7a;animation:reticle-hot .52s ease-in-out infinite alternate}.world-seeker-reticle.is-hot>span:before,.world-seeker-reticle.is-hot>span:after{background:var(--coral-500)}.world-seeker-reticle.is-in-range>span{border-color:var(--green-300);box-shadow:0 0 0 10px #7bed9f29,0 0 34px #7bed9f7a;animation:reticle-ready .48s ease-in-out infinite alternate}.world-seeker-reticle.is-in-range>span:before,.world-seeker-reticle.is-in-range>span:after{background:var(--green-300)}#ui-root{pointer-events:none;position:absolute;inset:0;z-index:10}.panel,.entry-card,.lobby-shell,.hud,.hud-role-panel,.topbar,.hud-topbar,.onboarding-modal,.settings-panel{pointer-events:auto}.center-shell{position:absolute;inset:0;display:flex;height:100%;min-height:100%;align-items:center;justify-content:center;overflow:hidden;padding:clamp(14px,3vw,32px)}.panel{width:min(420px,100%);border-radius:var(--radius-2xl);padding:28px 26px;background:var(--paper-0);color:var(--text-primary);box-shadow:var(--shadow-xl)}.landing-panel,.entry-card{position:relative;z-index:1;width:min(440px,100%);max-height:min(720px,calc(100dvh - 32px));overflow:auto;border-radius:var(--radius-2xl);padding:34px 32px;background:var(--paper-0);color:var(--text-primary);box-shadow:var(--shadow-xl);overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.entry-card::-webkit-scrollbar,.panel::-webkit-scrollbar{width:10px}.entry-card::-webkit-scrollbar-thumb,.panel::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--radius-pill);background:#150e2b38;background-clip:padding-box}.entry-logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-display-xs);font-weight:var(--fw-bold);line-height:1}.entry-logo img{width:32px;height:32px;display:block}@media(min-width:540px){.entry-card--setup{width:min(560px,calc(100% - 28px))}}@media(min-width:720px){.entry-card--setup .entry-note-row{flex-direction:row}}.entry-lede{margin:0;color:var(--text-secondary);font-size:15px;font-weight:var(--fw-semibold);line-height:1.5}.entry-form{display:grid;gap:14px;margin-top:20px}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visibility-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.visibility-option{position:relative;display:grid;gap:5px;min-height:104px;border:2px solid var(--border-default);border-radius:var(--radius-md);padding:12px;background:var(--paper-0);color:var(--text-secondary);cursor:pointer}.visibility-option.is-selected{border-color:var(--green-400);background:var(--green-100);color:var(--green-700);box-shadow:var(--shadow-sm)}.visibility-option input{position:absolute;opacity:0;pointer-events:none}.visibility-option span{display:inline-flex;align-items:center;gap:7px;color:var(--text-primary);font-weight:var(--fw-extrabold)}.visibility-option small{color:inherit;font-size:var(--fs-body-xs);font-weight:var(--fw-semibold);line-height:1.35}.entry-divider{display:flex;align-items:center;gap:10px;margin:4px 0;color:var(--text-tertiary);font-size:12px;font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.entry-divider:before,.entry-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.entry-note-row{display:flex;flex-direction:column;gap:8px;margin-top:18px}.entry-note,.entry-voice{display:flex;align-items:flex-start;gap:8px;border-radius:var(--radius-md);padding:10px 14px;background:var(--paper-100);color:var(--text-secondary);font-size:12px;font-weight:var(--fw-bold);line-height:1.35}.entry-note svg,.entry-voice svg{flex:0 0 auto;color:var(--green-600);margin-top:1px}.entry-invite-banner{display:flex;align-items:center;gap:12px;margin:18px 0;border:2px dashed var(--green-300);border-radius:var(--radius-lg);padding:14px 16px;background:var(--green-100)}.entry-invite-banner strong{display:block;color:var(--green-700);font-family:var(--font-display);font-size:15px}.entry-invite-banner span{color:var(--text-secondary);font-size:13px;font-weight:var(--fw-semibold)}.entry-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.entry-tools button,.entry-tools .site-back-link{flex:1;min-height:38px;padding:7px 10px;font-size:var(--fs-body-sm)}.public-lobbies{display:grid;gap:10px;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px;background:var(--paper-100)}.public-lobbies__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.public-lobbies__head div{display:grid;gap:2px}.public-lobbies__head strong{color:var(--text-primary);font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.public-lobbies__head span,.public-lobbies__empty{color:var(--text-secondary);font-size:var(--fs-body-xs);font-weight:var(--fw-semibold)}.public-lobbies__head button{flex:0 0 auto;min-height:34px;padding:6px 10px;font-size:var(--fs-body-xs)}.public-lobbies__list{display:grid;gap:8px}.chromahide-game-shell .public-lobby-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:56px;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:9px 11px;color:var(--text-primary);background:var(--paper-0);box-shadow:none;text-align:left}.public-lobby-row span:first-child{display:grid;gap:2px;min-width:0}.public-lobby-row strong,.public-lobby-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-lobby-row small{color:var(--text-secondary);font-size:var(--fs-body-xs)}.public-lobby-row>span:last-child{color:var(--green-700);font-size:var(--fs-body-xs);font-weight:var(--fw-extrabold)}.public-lobbies__empty{display:flex;align-items:center;gap:8px;border:1px dashed var(--border-default);border-radius:var(--radius-md);padding:10px}.public-lobbies>#quick-join-public{width:100%;min-height:40px}@media(max-height:820px){.entry-card--setup{width:min(560px,calc(100% - 18px));max-height:calc(100dvh - 12px);padding:14px}.entry-card--setup .entry-logo{margin-bottom:6px;font-size:22px}.entry-card--setup .entry-lede{display:none}.entry-card--setup .entry-form{gap:7px;margin-top:8px}.entry-card--setup .field-help,.entry-card--setup .entry-note-row{display:none}.entry-card--setup .visibility-option{min-height:58px;padding:8px 10px}.entry-card--setup .visibility-option small{display:none}.entry-card--setup .entry-grid,.entry-card--setup .visibility-picker,.entry-card--setup .room-settings{gap:7px}.entry-card--setup .field{gap:4px}.entry-card--setup .field label{font-size:12px}.entry-card--setup input,.entry-card--setup select{min-height:38px;padding:7px 10px;font-size:13px}.entry-card--setup #create-room,.entry-card--setup #join-room,.entry-card--setup #quick-join-public{min-height:38px;padding:8px 12px}.entry-card--setup .entry-divider,.entry-card--setup .room-settings{margin-top:0}.entry-card--setup .entry-divider{display:none}.entry-card--setup .public-lobbies{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 8px}.entry-card--setup .public-lobbies__head{min-width:0}.entry-card--setup .public-lobbies__head span,.entry-card--setup .public-lobbies__empty{display:none}.entry-card--setup .public-lobbies__head button{min-height:30px;padding:5px 9px}.entry-card--setup .public-lobbies>#quick-join-public{width:auto;min-width:128px;min-height:36px;height:36px;padding:6px 10px}}@media(min-width:520px)and (max-height:820px){.entry-card--setup .entry-tools{position:absolute;top:14px;right:14px;margin-top:0}.entry-card--setup .entry-tools button{flex:0 0 auto;min-height:32px;padding:6px 9px;font-size:12px}}.panel h1,.panel h2{margin:0 0 10px;font-family:var(--font-display)}.panel p{margin:0 0 18px;color:var(--text-secondary)}.panel-heading{display:flex;gap:14px;align-items:start;justify-content:space-between;margin-bottom:14px}.panel-heading h1,.panel-heading h2,.panel-heading p{margin-bottom:8px}.panel-heading p{max-width:42rem}.panel-kicker{display:inline-block;margin-bottom:6px;color:var(--text-secondary);font-size:var(--fs-label);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.panel-tools{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;justify-content:flex-end}.chromahide-game-shell button.secondary-button{border:2px solid var(--action-secondary-border);color:var(--action-secondary-text);background:var(--action-secondary-bg);box-shadow:none}.chromahide-game-shell button.secondary-button:not(:disabled):hover{background:var(--action-secondary-hover-bg)}.chromahide-game-shell .site-back-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);pointer-events:auto;min-height:40px;border:2px solid var(--action-secondary-border);border-radius:var(--radius-md);padding:8px 14px;color:var(--action-secondary-text);background:var(--action-secondary-bg);box-shadow:none;font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold);line-height:1;text-decoration:none;white-space:nowrap}.chromahide-game-shell .site-back-link:hover{background:var(--action-secondary-hover-bg)}.chromahide-game-shell .site-back-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.chromahide-game-shell .site-back-link--dark{border-color:var(--border-dark-soft);color:#fff;background:var(--action-dark-bg)}.chromahide-game-shell .site-back-link--dark:hover{background:#ffffff2e}.chromahide-game-shell .site-back-link--floating{position:absolute;top:14px;left:14px;z-index:12;min-height:36px;padding:7px 12px}.chromahide-game-shell button.primary-action{background:var(--action-primary);box-shadow:var(--shadow-glow-coral)}.field{display:grid;gap:6px;margin-bottom:0}.field label{color:var(--text-primary);font-size:var(--fs-body-sm);font-weight:var(--fw-bold)}.field-help{color:var(--text-tertiary);font-size:var(--fs-body-xs)}.row{display:flex;gap:10px}.row>*{flex:1}.error{min-height:20px;color:var(--danger);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold)}.loading-status{display:flex;gap:8px;align-items:center;min-height:28px;margin-top:12px;color:var(--text-primary);font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.loading-status[hidden]{display:none}.loading-dot{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--action-primary);animation:loading-pulse .72s ease-in-out infinite}.invite-banner{margin:12px 0 14px;border:1px solid var(--green-300);border-radius:var(--radius-md);padding:10px 12px;background:var(--green-100);color:var(--green-700);font-size:var(--fs-body-sm)}.lobby-scrim{pointer-events:none;position:absolute;inset:0;z-index:1;background:radial-gradient(90% 70% at 50% 20%,rgba(36,26,77,.3),transparent 55%),#09061480;backdrop-filter:blur(4px) saturate(.9)}.lobby-shell{position:relative;z-index:2;width:min(980px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:2px;-webkit-overflow-scrolling:touch}.lobby-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.lobby-brand{display:inline-flex;align-items:center;gap:9px;color:#fff;font-family:var(--font-display);font-size:var(--fs-body-md);font-weight:var(--fw-bold)}.lobby-brand img{display:block;width:26px;height:26px}.lobby-hero{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}.lobby-copy-wrap{width:min(320px,100%);display:grid;gap:10px}.lobby-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.lobby-panel{border:1px solid var(--border-dark-soft);border-radius:var(--radius-xl);padding:22px;background:#ffffff0f;backdrop-filter:blur(10px);color:#fff;box-shadow:none}.lobby-panel .panel-kicker{color:var(--text-on-dark-tertiary)}.lobby-panel h2{color:#fff}.lobby-panel p{color:var(--text-on-dark-secondary)}.lobby-panel__title{display:flex;justify-content:space-between;gap:12px;margin:0 0 14px;color:#fff;font-family:var(--font-display);font-size:17px;font-weight:var(--fw-bold)}.lobby-panel__title span{color:var(--text-on-dark-secondary);font-family:var(--font-mono);font-size:13px;font-weight:var(--fw-regular)}.lobby-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.room-code-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px}.room-code-big{font-family:var(--font-mono);font-size:clamp(30px,7vw,var(--fs-code-md));font-weight:var(--fw-bold);letter-spacing:var(--tracking-code);color:#fff;background:#ffffff0f;border:2px dashed var(--border-dark-soft);border-radius:var(--radius-lg);padding:8px 16px;line-height:1}.room-code-box{display:grid;gap:7px;min-width:min(100%,300px)}.room-code-box h2{max-width:520px;margin:0 0 2px;color:#fff;font-family:var(--font-display);font-size:clamp(28px,6vw,var(--fs-display-md));line-height:var(--lh-tight);overflow-wrap:anywhere}.room-code-box span{color:var(--text-on-dark-tertiary);font-size:var(--fs-label);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.icon-button{flex:0 0 auto;width:40px;min-height:40px;padding:0;border-radius:var(--radius-pill);border:2px solid var(--border-dark-soft);background:var(--action-dark-bg);color:#fff;box-shadow:none;display:grid;place-items:center}.lobby-settings-line{margin:14px 0 16px;color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-bold)}.lobby-cta{margin-top:16px;padding:16px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-lg);background:#ffffff0d;text-align:center}.lobby-shell>.lobby-cta{margin:0 0 20px}.lobby-cta.is-ready{border-color:var(--green-400);background:#29ad6d24}.lobby-cta-status{margin:0 0 10px;color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.lobby-start-button{width:100%;padding:16px;font-size:var(--fs-body-lg);font-weight:var(--fw-extrabold)}.lobby-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:var(--text-on-dark-tertiary);font-size:var(--fs-body-xs)}.lobby-footer-dot{opacity:.6}.lobby-footer-muted{color:var(--text-on-dark-tertiary)}.text-button{min-height:auto;padding:0;border:0;background:none;box-shadow:none;color:#fff;font-size:var(--fs-body-xs);font-weight:var(--fw-extrabold);text-decoration:underline}.text-button:not(:disabled):hover{background:none;box-shadow:none;transform:none}.player-list{display:grid;gap:8px;margin:0}.player-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:10px 14px;background:#ffffff0d}.lobby-empty-slot{display:flex;align-items:center;gap:8px;margin-top:8px;border:2px dashed var(--border-dark-soft);border-radius:var(--radius-md);padding:12px 14px;color:var(--text-on-dark-tertiary);font-size:13px;font-weight:var(--fw-bold)}.lobby-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.lobby-settings-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 16px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:12px;background:#ffffff0e}.lobby-settings-editor .field{margin:0}.lobby-settings-editor label{color:var(--text-on-dark-secondary)}.lobby-settings-editor select{min-height:42px;border-color:var(--border-dark-soft);background:#ffffffeb}.lobby-upgrade-prompt{grid-column:1 / -1;margin-top:2px}.lobby-setting{display:flex;align-items:center;gap:8px;border-radius:var(--radius-md);padding:10px 12px;background:#ffffff0f;color:#fff;font-size:13px;font-weight:var(--fw-bold)}.lobby-setting svg{flex:0 0 auto;color:var(--green-400)}.lobby-map-preview{position:relative;aspect-ratio:16 / 9;overflow:hidden;margin-bottom:14px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-lg);background:radial-gradient(120% 90% at 50% 30%,transparent 46%,rgba(4,1,14,.55) 100%),linear-gradient(180deg,#26195a 0%,var(--ink-900) 42%,#0b0720 100%);perspective:460px;box-shadow:var(--shadow-md)}.lobby-map-preview:before{content:"";position:absolute;inset:43% -24% -54%;background:radial-gradient(38% 38% at 22% 34%,var(--zone-grass) 0 48%,transparent 50%),radial-gradient(34% 34% at 70% 25%,var(--zone-wood) 0 48%,transparent 50%),radial-gradient(38% 38% at 55% 66%,var(--zone-water) 0 48%,transparent 50%),radial-gradient(30% 30% at 24% 76%,var(--zone-sand) 0 48%,transparent 50%),repeating-linear-gradient(0deg,rgba(8,4,22,.1) 0 2px,transparent 2px 30px),linear-gradient(180deg,#8f959b,#aeb4b9);transform:rotateX(64deg);transform-origin:top center}.lobby-map-preview__label{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);padding:5px 11px;color:#fff;background:#150e2bb8;backdrop-filter:blur(6px);font-size:12px;font-weight:var(--fw-extrabold);white-space:nowrap}.lobby-voice{display:flex;align-items:center;gap:8px;border-radius:var(--radius-md);padding:10px 12px;color:var(--text-on-dark-secondary);background:#ffffff0f;font-size:12px;font-weight:var(--fw-semibold)}.lobby-reminder{margin:12px 0 0;color:var(--text-on-dark-secondary);font-size:12px;font-weight:var(--fw-bold);text-align:center}.player-item.is-disconnected{opacity:.55}.player-name{color:#fff;font-weight:var(--fw-extrabold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-status{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;color:var(--text-on-dark-secondary);font-weight:var(--fw-bold)}.host-badge,.connection-badge{border-radius:var(--radius-pill);padding:4px 9px;font-size:var(--fs-label);font-weight:var(--fw-extrabold)}.host-badge{background:var(--role-host-bg);color:var(--role-host)}.connection-badge.online{background:#29ad6d2e;color:var(--green-300)}.connection-badge.offline{background:#ffffff14;color:var(--text-on-dark-tertiary)}.player-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.chromahide-game-shell .mini-button{min-height:30px;padding:4px 10px;font-size:var(--fs-label);background:var(--action-dark-bg);border:1px solid var(--border-dark-soft);box-shadow:none}.match-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.match-stats span{border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:10px 12px;background:#ffffff0d;color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.match-stats strong{display:block;color:#fff;font-family:var(--font-display);font-size:var(--fs-display-xs)}.post-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.post-actions button,.post-actions .site-back-link{width:100%}.post-actions .primary-action{grid-column:1 / -1;background:var(--action-primary);box-shadow:var(--shadow-glow-coral)}.result-upgrade-prompt{position:relative;z-index:1;text-align:left}.future-hooks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;color:var(--text-on-dark-tertiary);font-size:var(--fs-body-sm)}.future-hooks span{border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:8px;background:#ffffff0d}.round-score{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 6px}.round-score span{border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:12px;background:#ffffff0d;color:#fff;font-family:var(--font-display);font-size:var(--fs-display-xs);font-weight:var(--fw-bold);text-align:center}.result-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 6px}.result-roster>div{border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:10px;background:#ffffff0d}.result-roster strong{display:block;margin-bottom:8px;color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm)}.result-roster div div{display:flex;flex-wrap:wrap;gap:6px}.result-roster span{border-radius:var(--radius-pill);padding:4px 9px;background:#ffffff1a;color:#fff;font-size:var(--fs-label);font-weight:var(--fw-extrabold)}.round-result-kicker{position:relative;z-index:1;display:inline-flex;justify-self:center;margin-bottom:8px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-pill);padding:6px 11px;color:var(--text-on-dark-secondary);background:#ffffff14;font-size:var(--fs-label);font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.round-rematch-copy{margin-top:12px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:10px 12px;background:#ffffff0f;color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-bold);line-height:1.35}.round-player-list{display:grid;gap:7px;margin:12px 0 6px}.round-player-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:9px 11px;background:#ffffff0e;color:#fff}.round-player-row span{display:grid;min-width:0;text-align:left}.round-player-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-player-row small{color:var(--text-on-dark-tertiary);font-size:var(--fs-label);font-weight:var(--fw-bold)}.round-player-row em{flex:0 0 auto;border-radius:var(--radius-pill);padding:5px 9px;font-size:var(--fs-label);font-style:normal;font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.round-player-row--seeker em{color:var(--coral-100);background:#ff5c3c2e}.round-player-row--survived em{color:var(--green-100);background:#4caf502e}.round-player-row--caught em{color:var(--blue-100);background:#2f80ed2e}.round-player-row--spectator em{color:var(--text-on-dark-secondary);background:#ffffff1a}.end-panel{width:min(640px,100%);background:linear-gradient(165deg,var(--ink-900),var(--ink-950));color:#fff;text-align:center}.end-panel h2{font-family:var(--font-display);font-size:var(--fs-display-md)}.end-panel p{color:var(--text-on-dark-secondary)}.end-panel .small{color:var(--text-on-dark-tertiary)}.round-result-panel{position:relative;overflow:hidden;animation:result-rise .42s ease both}.round-result-panel.seekers-win{box-shadow:var(--shadow-glow-coral)}.round-result-panel.hiders-win{box-shadow:var(--shadow-glow-green)}.round-burst{position:absolute;inset:-40%;pointer-events:none;opacity:.16;background:linear-gradient(45deg,transparent 48%,rgba(255,255,255,.95) 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(255,255,255,.95) 50%,transparent 52%);animation:burst-spin 1.8s ease-out both}.result-confetti{pointer-events:none;position:absolute;inset:0;z-index:0;overflow:hidden}.result-confetti span{position:absolute;top:18%;width:7px;height:18px;border-radius:3px;background:var(--green-300);opacity:0;transform:translateY(0) rotate(0);animation:confetti-pop .94s ease-out both}.result-confetti span:nth-child(1){left:10%;background:var(--coral-300);animation-delay:20ms}.result-confetti span:nth-child(2){left:20%;background:var(--yellow-300);animation-delay:80ms}.result-confetti span:nth-child(3){left:31%;background:var(--blue-300);animation-delay:40ms}.result-confetti span:nth-child(4){left:42%;background:var(--green-300);animation-delay:.11s}.result-confetti span:nth-child(5){left:53%;background:var(--coral-300);animation-delay:70ms}.result-confetti span:nth-child(6){left:64%;background:var(--yellow-300);animation-delay:.13s}.result-confetti span:nth-child(7){left:75%;background:var(--blue-300);animation-delay:50ms}.result-confetti span:nth-child(8){left:86%;background:var(--green-300);animation-delay:95ms}.result-confetti span:nth-child(9){left:15%;top:28%;background:var(--blue-300);animation-delay:155ms}.result-confetti span:nth-child(10){left:82%;top:30%;background:var(--coral-300);animation-delay:.17s}.leave-button{width:100%;margin-top:14px;background:var(--action-dark-bg);border:2px solid var(--action-dark-border);box-shadow:none}.hud-layout{pointer-events:none;position:absolute;inset:0}.hud-topbar{position:absolute;top:14px;left:14px;right:14px;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:start;pointer-events:none}.hud-topbar__group{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;min-width:0;pointer-events:auto}.hud-topbar__group--left{justify-content:flex-start}.hud-topbar__group--right{justify-content:flex-end}.hud-topbar__center{display:grid;justify-content:center;justify-items:center;min-width:150px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-lg);padding:8px 16px 9px;background:#150e2ba3;backdrop-filter:blur(10px);box-shadow:var(--shadow-md);color:#fff;pointer-events:auto;flex-shrink:0}.hud-topbar__center span,.hud-topbar__center small{color:var(--text-on-dark-secondary);font-size:var(--fs-label);font-weight:var(--fw-extrabold);line-height:1;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.hud-topbar__center strong{margin:3px 0;color:#fff;font-size:24px;line-height:1}.hud-layout--phase-hiding .hud-topbar__center{border-color:#7bed9f57;box-shadow:0 12px 32px #29ad6d26}.hud-layout--phase-seeking .hud-topbar__center{border-color:#ff7e5f5c;box-shadow:0 12px 32px #ff5c3c26}.hud-layout--final-seconds .hud-topbar__center{border-color:#ffda7d80;box-shadow:0 0 0 1px #ffda7d2e,0 14px 36px #ff5c3c47}.hud-layout--final-seconds .hud-topbar__center .timer-pill{transform:scale(1.05)}.hud-room-label{display:inline-flex;align-items:center;gap:5px;border-radius:var(--radius-pill);padding:7px 10px;color:var(--text-on-dark-tertiary);background:#ffffff14;font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-bold)}.hud-topbar .timer-pill{min-width:82px;padding:0;box-shadow:none}.hud-counter{display:inline-flex;align-items:center;gap:6px;min-height:36px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-pill);padding:7px 11px;color:var(--text-on-dark-secondary);background:#150e2ba3;backdrop-filter:blur(8px);box-shadow:var(--shadow-md);font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.hud-counter strong{color:#fff;font-family:var(--font-mono)}.topbar{position:absolute;top:14px;left:14px;right:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pill{border:1px solid var(--border-dark-soft);border-radius:var(--radius-pill);padding:8px 14px;background:#150e2bad;backdrop-filter:blur(8px);color:#fff;font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.chromahide-game-shell .topbar-button{border:2px solid var(--border-dark-soft);border-radius:var(--radius-pill);min-height:36px;padding:7px 14px;color:#fff;background:var(--action-dark-bg);box-shadow:none;font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.timer-pill{min-width:66px;text-align:center;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);background:var(--ink-950);transition:background var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.timer-pill.is-warning{background:var(--coral-600)}.timer-pill.is-danger{background:var(--coral-500);animation:timer-pulse .82s ease-in-out infinite}.hud-panel{border:1px solid var(--border-dark-soft);border-radius:var(--radius-xl);padding:16px;background:#150e2b9e;backdrop-filter:blur(10px);color:#fff}.hud-role-panel,.hud{position:absolute;z-index:6}.hud-role-panel{top:82px;left:14px;display:grid;gap:10px;width:min(308px,calc(42vw - 18px));padding:14px}.hud{right:14px;bottom:14px;width:min(340px,calc(100vw - 24px));max-height:min(72vh,calc(100dvh - 124px));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.role-badge{display:inline-flex;align-items:center;justify-self:start;gap:7px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-pill);padding:7px 11px;color:#fff;background:#ffffff14;font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.role-badge--hider{border-color:#7bed9f6b;background:#4caf5029;color:var(--green-100)}.role-badge--seeker{border-color:#ff7e5f70;background:#ff5c3c26;color:var(--coral-100)}.role-badge--caught,.role-badge--spectator{color:var(--text-on-dark-secondary)}.hud-objective-line{color:#fff;font-size:var(--fs-body-md);line-height:1.22}.hud-role-meta{display:flex;flex-wrap:wrap;gap:6px}.hud-role-meta span{border:1px solid var(--border-dark-soft);border-radius:var(--radius-pill);padding:5px 9px;color:var(--text-on-dark-tertiary);background:#ffffff0e;font-size:var(--fs-label);font-weight:var(--fw-extrabold)}.hud-role-meta strong{color:#fff;font-family:var(--font-mono)}.phase-flow-card{display:grid;gap:7px;margin-bottom:12px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:10px 12px;background:#ffffff0e;color:var(--text-on-dark-secondary)}.phase-flow-card strong{color:#fff;font-size:var(--fs-body-md);line-height:1.2}.phase-flow-card small{color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-bold);line-height:1.3}.phase-flow-kicker{color:var(--text-on-dark-tertiary);font-size:var(--fs-label);font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.phase-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.phase-flow-steps span{min-width:0;border:1px solid var(--border-dark-soft);border-radius:var(--radius-pill);padding:5px 6px;background:#ffffff0e;color:var(--text-on-dark-tertiary);font-size:10px;font-weight:var(--fw-extrabold);line-height:1;text-align:center;text-transform:uppercase;white-space:nowrap}.phase-flow-steps span.is-ready{border-color:#7bed9f6b;background:#4caf502e;color:var(--green-100)}.phase-flow-steps span.is-cooldown{border-color:#2f80ed52;background:#2f80ed1f;color:var(--blue-100)}.phase-flow-steps span.is-risk{border-color:#ff7e5f75;background:#ff5c3c29;color:var(--coral-100)}.phase-flow-steps span:not(.is-ready):not(.is-cooldown):not(.is-risk){opacity:.62}.hider-flow{border-color:#7bed9f47}.hider-flow.is-pressure-near{border-color:#ffda7d61;background:#ffd16617}.hider-flow.is-pressure-danger{border-color:#ff7e5f7a;background:#ff5c3c21}.seeker-flow{border-color:#ff7e5f4d}.seeker-flow.is-locked{background:#ff5c3c1a}.seeker-flow.is-live{background:#ff5c3c24}.phase-flow-card.is-urgent{border-color:#ffda7d7a;background:#ffd16624}.phase-flow-card.is-urgent strong{color:var(--yellow-100);font-family:var(--font-mono);font-size:32px}.caught-spectator-card{display:grid;gap:9px;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-md);padding:12px;background:#ffffff13;color:var(--text-on-dark-secondary)}.caught-spectator-card strong{color:#fff;font-size:22px;line-height:1}.caught-spectator-card small{color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-bold);line-height:1.35}.caught-spectator-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.caught-spectator-stats span{display:inline-flex;align-items:center;gap:6px;min-width:0;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:8px 10px;background:#ffffff0e;color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.caught-spectator-stats strong{font-family:var(--font-mono);font-size:var(--fs-body-md)}.objective-card{display:grid;gap:4px;margin-bottom:12px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:10px 12px;background:#ffffff0d}.objective-card span{color:var(--text-on-dark-tertiary);font-size:var(--fs-label);font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.objective-card strong{color:#fff;font-size:var(--fs-body-md);line-height:1.3}.controls{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.material-status{display:grid;gap:6px;margin-bottom:10px;color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.material-status>span{display:flex;justify-content:space-between;gap:10px}.cooldown-meter{overflow:hidden;height:6px;border-radius:var(--radius-pill);background:#ffffff24}.cooldown-meter span{display:block;width:100%;height:100%;transform-origin:left center;background:var(--coral-500);transition:transform .12s linear}.material-polish{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0 0 10px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:9px 11px;background:#ffffff0e;color:#fff;box-shadow:inset 0 0 0 1px #ffffff06}.material-polish strong,.material-polish small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-polish strong{font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.material-polish small{margin-top:2px;color:var(--text-on-dark-tertiary);font-size:var(--fs-label);font-weight:var(--fw-bold)}.material-polish i{display:block;width:46px;height:6px;border-radius:var(--radius-pill);background:var(--blue-300);transform:scaleX(var(--cooldown-progress, 1));transform-origin:left center;transition:transform .12s linear,background var(--duration-fast) var(--ease-standard)}.material-polish.is-neutral{border-color:#ffd1665c;background:#ffd1661a}.material-polish.is-painted{border-color:#2f80ed5c;background:#2f80ed1c}.material-polish.is-matched{border-color:#7bed9f6b;background:#4caf5026}.material-polish.is-matched i{background:var(--green-300)}.material-polish.is-cooling{border-color:#ff5c3c6b;background:#ff5c3c1f}.material-polish.is-cooling i{background:var(--coral-300)}.paint-burst{position:relative;width:20px;height:20px;border-radius:var(--radius-pill);background:currentColor;color:var(--blue-300);box-shadow:0 0 0 6px #2f80ed24}.material-polish.is-neutral .paint-burst{color:var(--yellow-300);box-shadow:0 0 0 6px #ffd1661f}.material-polish.is-matched .paint-burst{color:var(--green-300);box-shadow:0 0 0 6px #7bed9f24}.material-polish.is-cooling .paint-burst{color:var(--coral-300);animation:paint-burst .72s ease-out both}.blend-meter{display:grid;gap:7px;margin:0 0 10px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:10px 12px;background:#ffffff0d;color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.blend-meter>span{display:flex;justify-content:space-between;gap:10px}.blend-meter strong{color:#fff;font-family:var(--font-mono)}.blend-meter>div{overflow:hidden;height:8px;border-radius:var(--radius-pill);background:#ffffff24}.blend-meter>div>span{display:block;width:100%;height:100%;transform-origin:left center;background:var(--blue-400);transition:transform .14s linear,background var(--duration-base) var(--ease-standard)}.blend-meter.is-strong>div>span{background:var(--green-400)}.blend-meter.is-matched{border-color:#7bed9f61;background:#4caf501c}.blend-meter.is-mismatched{border-color:#ff5c3c57;background:#ff5c3c17}.blend-meter.is-low>div>span{background:var(--coral-500)}.disguise-workbench{display:grid;gap:10px;margin:0 0 10px}.advanced-paint-zones{border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);background:#ffffff0b;color:#fff}.advanced-paint-zones summary{cursor:pointer;padding:8px 10px;color:var(--text-on-dark-secondary);font-size:var(--fs-label);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.advanced-paint-zones summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.advanced-paint-zones[open]{padding-bottom:9px}.advanced-paint-zones[open] summary{color:#fff}.advanced-paint-zones .paint-zone-picker,.advanced-paint-zones .disguise-recipe{margin:0 9px}.advanced-paint-zones .disguise-recipe{margin-top:8px}.paint-zone-picker,.paint-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.paint-zone,.paint-actions button{min-width:0;min-height:34px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:6px 8px;color:#fff;background:#ffffff0f;box-shadow:none;font-size:var(--fs-label);font-weight:var(--fw-extrabold)}.paint-zone.is-active{color:var(--ink-950);background:var(--blue-300);border-color:var(--blue-200)}.paint-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.paint-actions button:disabled,.paint-zone:disabled{opacity:.48}.disguise-recipe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.disguise-recipe span{display:grid;grid-template-columns:auto 1fr;align-items:center;min-width:0;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:8px;background:#ffffff0e;color:var(--text-on-dark-tertiary);font-size:var(--fs-body-xs);font-weight:var(--fw-bold);line-height:1.15}.disguise-recipe svg{grid-row:span 2;margin-right:6px}.disguise-recipe strong{overflow:hidden;color:#fff;font-size:var(--fs-label);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.disguise-recipe span.is-ready{border-color:#7bed9f5c;background:#4caf5021;color:var(--text-on-dark-secondary)}.chromahide-game-shell .sample-button{width:100%;min-height:38px;color:#fff;background:var(--action-dark-bg);border:1px solid var(--border-dark-soft)}.chromahide-game-shell .sample-button.is-matched{color:var(--ink-950);background:var(--green-400)}.pose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.pose-choice{display:grid;min-width:0;min-height:48px;gap:2px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:7px 6px;background:#ffffff0f;color:#fff;box-shadow:none}.pose-choice span{color:var(--text-on-dark-tertiary);font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--fw-extrabold)}.pose-choice strong{overflow:hidden;font-size:var(--fs-body-xs);font-weight:var(--fw-extrabold);text-overflow:ellipsis;white-space:nowrap}.pose-choice.is-active{border-color:var(--green-300);color:var(--ink-950);background:var(--green-400)}.pose-choice.is-active span{color:#14213dbd}.rotation-actions{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);gap:8px;align-items:center;margin-top:10px}.rotation-actions button{min-height:38px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:7px 10px;color:#fff;background:#ffffff0f;box-shadow:none;font-size:var(--fs-label);font-weight:var(--fw-extrabold)}.rotation-actions button.is-active{color:var(--ink-950);background:var(--blue-300);border-color:var(--blue-200)}.rotation-actions span{color:var(--text-on-dark-tertiary);font-size:var(--fs-label);font-weight:var(--fw-bold);line-height:1.2}.pose-feedback{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:6px;border:1px solid rgba(123,237,159,.36);border-radius:var(--radius-md);padding:8px 10px;background:#4caf5021;color:#fff;font-size:var(--fs-label);font-weight:var(--fw-extrabold)}.pose-feedback span{min-width:0;color:var(--text-on-dark-tertiary);font-weight:var(--fw-bold)}.chromahide-game-shell .pose-button{width:100%;min-height:40px;margin-top:10px;color:#fff;background:var(--action-dark-bg);border:1px solid var(--border-dark-soft)}.chromahide-game-shell .pose-button.is-active{color:var(--ink-950);background:var(--green-400);border-color:var(--green-300)}.swatch{display:grid;min-height:52px;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:2px;place-items:center;border:none;border-radius:var(--radius-lg);padding:6px 5px;box-shadow:inset 0 0 0 3px #150e2b47,var(--shadow-sm);color:#0009;font-weight:var(--fw-bold);position:relative;overflow:hidden;transition:transform var(--duration-fast) var(--ease-bounce)}.swatch span{font-family:var(--font-mono);font-size:13px;line-height:1}.swatch strong{display:block;max-width:100%;overflow:hidden;font-family:var(--font-body);font-size:10px;font-weight:var(--fw-extrabold);line-height:1.05;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.swatch:not(:disabled):hover{transform:translateY(-2px)}.swatch.is-active,.mobile-color.is-active{box-shadow:inset 0 0 0 3px #fff,0 0 0 3px var(--ink-950),var(--shadow-md);transform:scale(1.06)}.swatch.is-cooling:after,.mobile-color.is-cooling:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffffffe6;transform:scaleX(var(--cooldown-progress, 0));transform-origin:left center;transition:transform .12s linear}.swatch:disabled,.mobile-color:disabled{opacity:.5}.action-feedback{margin:10px 0 6px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:8px 12px;background:#ffffff0d;color:#fff;font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.action-feedback.is-hit{border-color:#7bed9f6b;background:#4caf5026;color:var(--green-100);animation:action-hit-pulse .42s ease both}.action-feedback.is-miss{border-color:#ffd1666b;background:#ffd16621;color:var(--yellow-100);animation:action-miss-nudge .26s ease both}.hud-mini-hint{margin-top:8px;color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-bold);line-height:1.3}.seeker-tools{display:grid;gap:9px}.seeker-stats,.seeker-action-grid,.seeker-cooldowns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.seeker-stats span,.seeker-range{display:flex;align-items:center;justify-content:space-between;min-width:0;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:8px 10px;background:#ffffff0e;color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.seeker-stats span{justify-content:flex-start;gap:6px}.seeker-stats strong,.seeker-range strong{color:#fff;font-family:var(--font-mono)}.seeker-range{gap:10px}.seeker-range span{display:inline-flex;align-items:center;min-width:0;gap:7px}.seeker-range.is-in-range{border-color:#7bed9f6b;background:#4caf5026;color:var(--green-100)}.seeker-range.is-near{border-color:#ffd1666b;background:#ffd1661f;color:var(--yellow-100)}.seeker-action-grid button{min-width:0;min-height:38px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:8px 10px;color:#fff;background:#ffffff13;box-shadow:none;font-size:var(--fs-label);font-weight:var(--fw-extrabold)}.seeker-action-grid .seeker-tag-button:not(:disabled){color:var(--ink-950);background:var(--coral-400);border-color:var(--coral-300)}.seeker-cooldowns span{overflow:hidden;height:5px;border-radius:var(--radius-pill);background:#ffffff1f}.seeker-cooldowns i{display:block;width:100%;height:100%;transform-origin:left center;background:var(--blue-300);transition:transform .12s linear}.seeker-cooldowns span:first-child i{background:var(--coral-400)}.scan-feedback{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-md);padding:9px 10px;background:#ffffff0e;color:#fff}.scan-feedback>span{width:20px;height:20px;border:2px solid var(--blue-300);border-radius:var(--radius-pill);background:#2f80ed29;box-shadow:0 0 #2f80ed47}.scan-feedback strong,.scan-feedback small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-feedback strong{font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold)}.scan-feedback small{margin-top:2px;color:var(--text-on-dark-tertiary);font-size:var(--fs-label);font-weight:var(--fw-bold)}.scan-feedback i{grid-column:1 / -1;display:block;width:100%;height:5px;border-radius:var(--radius-pill);background:var(--blue-300);transform-origin:left center;transition:transform .12s linear}.scan-feedback.is-active{border-color:#2f80ed7a;background:#2f80ed24}.scan-feedback.is-active>span{animation:scan-feedback-pulse .86s ease-out infinite}.scan-feedback.is-ready{border-color:#7bed9f61;background:#4caf501f}.scan-feedback.is-ready>span,.scan-feedback.is-ready i{border-color:var(--green-300);background:var(--green-300)}.scan-feedback.is-cooldown i{background:var(--blue-400)}.hud-center-prompt{pointer-events:none;position:absolute;left:50%;top:50%;z-index:4;display:grid;justify-items:center;gap:10px;transform:translate(-50%,-50%);color:#fff}.hud-center-prompt>span{width:12px;height:12px;border:2px solid rgba(255,255,255,.86);border-radius:var(--radius-pill);background:#150e2b6b;box-shadow:0 0 0 5px #150e2b2e}.hud-center-prompt small{border:1px solid var(--border-dark-soft);border-radius:var(--radius-pill);padding:6px 10px;color:#fff;background:#150e2b9e;backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);font-size:11px;font-weight:var(--fw-extrabold)}.hud-center-prompt.is-ready>span{border-color:var(--green-300);box-shadow:0 0 0 8px #7bed9f24,0 0 26px #7bed9f6b}.hud-center-prompt.is-danger-ready>span{border-color:var(--coral-400);box-shadow:0 0 0 8px #ff5c3c29,0 0 28px #ff5c3c7a}.hud-center-prompt.is-warm>span{border-color:var(--yellow-300);box-shadow:0 0 0 7px #ffda7d21}.hud-center-prompt.is-dot small{display:none}.emotion-cue{pointer-events:none;position:absolute;left:50%;bottom:82px;z-index:4;display:grid;min-width:min(360px,calc(100vw - 32px));max-width:min(480px,calc(100vw - 32px));gap:4px;transform:translate(-50%);border:1px solid var(--border-dark-soft);border-radius:var(--radius-lg);padding:12px 16px 12px 42px;color:#fff;background:#150e2ba8;backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);animation:emotion-cue-rise .26s ease both}.emotion-cue:before{content:"";position:absolute;left:16px;top:18px;width:13px;height:13px;border-radius:var(--radius-pill);background:var(--blue-300);box-shadow:0 0 0 7px #2f80ed1f}.emotion-cue span{color:var(--text-on-dark-tertiary);font-size:var(--fs-label);font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-wide);line-height:1;text-transform:uppercase}.emotion-cue strong{overflow-wrap:anywhere;font-family:var(--font-display);font-size:var(--fs-display-xs);line-height:1.02}.emotion-cue small{color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-bold);line-height:1.3}.emotion-cue--hider{border-color:#7bed9f57;background:#16503fad}.emotion-cue--hider:before,.emotion-cue--success:before{background:var(--green-300);box-shadow:0 0 0 7px #7bed9f24}.emotion-cue--seeker{border-color:#ff5c3c57;background:#57222bad}.emotion-cue--seeker:before{background:var(--coral-300);box-shadow:0 0 0 7px #ff5c3c24}.emotion-cue--scan{border-color:#2f80ed61;background:#12315aad}.emotion-cue--scan:before{animation:emotion-pulse-blue .92s ease-out infinite}.emotion-cue--danger{border-color:#ffd1666b;background:#663218bd;animation:emotion-cue-rise .26s ease both,emotion-danger-breathe .82s ease-in-out infinite}.emotion-cue--danger:before{background:var(--yellow-300);box-shadow:0 0 0 7px #ffd16629}.emotion-cue--success{border-color:#7bed9f6b;background:#13523ab8}.landscape-recommendation{pointer-events:none;position:absolute;left:50%;bottom:92px;z-index:5;display:none;transform:translate(-50%);border:1px solid var(--border-dark-soft);border-radius:var(--radius-pill);padding:7px 11px;color:#fff;background:#150e2bad;backdrop-filter:blur(8px);box-shadow:var(--shadow-md);font-size:var(--fs-label);font-weight:var(--fw-extrabold)}.context-hint{display:grid;gap:8px;margin-top:12px;border:1px solid var(--green-400);border-radius:var(--radius-md);padding:10px 12px;background:#29ad6d29;color:var(--green-200);font-size:var(--fs-body-sm)}.context-hint strong{color:#fff}.context-hint ul{display:grid;gap:4px;margin:0;padding-left:18px}.context-hint button{justify-self:start;color:var(--ink-950);background:var(--green-400);box-shadow:none}.phase-overlay{pointer-events:none;position:absolute;left:50%;top:50%;z-index:3;display:grid;min-width:min(340px,calc(100% - 48px));transform:translate(-50%,-50%);place-items:center;border:1px solid var(--border-dark-soft);border-radius:var(--radius-2xl);padding:22px 26px;background:#150e2bb8;backdrop-filter:blur(10px);box-shadow:var(--shadow-xl);color:#fff;text-align:center;animation:role-pop .68s cubic-bezier(.2,1.25,.26,1) both}.phase-overlay span{color:var(--text-on-dark-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.phase-overlay strong{font-family:var(--font-display);font-size:clamp(34px,7vw,64px);line-height:1}.phase-overlay small{max-width:420px;margin-top:10px;color:var(--text-on-dark-secondary);font-size:var(--fs-body-md);font-weight:var(--fw-bold);line-height:1.35}.phase-overlay.is-seeker{box-shadow:var(--shadow-glow-coral)}.phase-overlay.is-hider{box-shadow:var(--shadow-glow-green)}.role-reveal-glyph{display:grid;width:56px;height:56px;margin-bottom:10px;place-items:center;border:1px solid var(--border-dark-soft);border-radius:var(--radius-pill);background:#ffffff1f;color:#fff;box-shadow:0 0 0 8px #ffffff0b;animation:role-glyph-pop .54s cubic-bezier(.2,1.25,.26,1) both}.phase-overlay-meter{overflow:hidden;width:min(220px,100%);height:7px;margin-top:16px;border-radius:var(--radius-pill);background:#ffffff21}.phase-overlay .phase-overlay-meter span{display:block;width:100%;height:100%;background:var(--green-300);transform-origin:left center;animation:overlay-meter-fill 2.4s linear both}.phase-overlay .phase-overlay-meter.is-coral span{background:var(--coral-300)}.countdown-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:min(220px,100%);margin-top:14px}.phase-overlay .countdown-steps span{display:block;height:8px;border-radius:var(--radius-pill);background:#ffffff2e;letter-spacing:0}.phase-overlay .countdown-steps span.is-active{background:#fff;animation:countdown-step-pop .32s ease both}.phase-overlay.hide-now,.phase-overlay.hiding-final-countdown{box-shadow:var(--shadow-glow-green)}.phase-overlay.seeking-now{box-shadow:var(--shadow-glow-coral)}.seeker-wait-veil{pointer-events:none;position:absolute;inset:0;z-index:2;background:radial-gradient(circle at center,#09061457 0 28%,#090614c7),linear-gradient(90deg,#150e2bb8,#150e2b4d,#150e2bb8);backdrop-filter:blur(5px) saturate(.82)}.phase-overlay.seeker-wait{z-index:4;box-shadow:var(--shadow-glow-coral)}.phase-overlay.seeker-wait strong{max-width:min(640px,calc(100vw - 48px));font-size:clamp(30px,5vw,54px);overflow-wrap:anywhere}.phase-overlay.seeker-wait.seek-countdown strong{font-family:var(--font-mono);font-size:clamp(64px,14vw,132px)}.seek-countdown{min-width:min(260px,calc(100% - 48px));animation:countdown-pop .62s ease both}.seek-countdown strong{font-family:var(--font-mono);font-size:clamp(64px,14vw,132px)}.phase-start strong{font-size:clamp(38px,8vw,74px)}.final-countdown{background:#a12014b3;box-shadow:var(--shadow-glow-coral);animation:final-thump .68s ease-in-out infinite}.final-countdown strong{color:#fff;font-family:var(--font-mono);font-size:clamp(72px,16vw,140px)}.toast-stack{pointer-events:none;position:absolute;top:70px;right:14px;z-index:5;display:grid;gap:8px;width:min(330px,calc(100vw - 24px))}.toast{border:1px solid var(--border-dark-soft);border-radius:var(--radius-lg);padding:12px 14px;background:var(--ink-950);box-shadow:var(--shadow-lg);color:#fff;font-size:var(--fs-body-sm);font-weight:var(--fw-extrabold);animation:toast-rise var(--duration-slow) var(--ease-bounce) both}.touch-joystick{display:none;position:relative;width:138px;height:138px;border:1px solid var(--border-dark-soft);border-radius:var(--radius-pill);background:radial-gradient(circle at center,#ffffff38 0 34%,#ffffff14 35% 100%),#150e2b66;box-shadow:var(--shadow-md);pointer-events:auto;touch-action:none;user-select:none}.mobile-action,.mobile-color{position:relative;overflow:hidden;min-width:52px;min-height:48px;padding:8px;border-radius:var(--radius-lg);touch-action:none;user-select:none}.touch-joystick-ring,.touch-joystick-thumb{position:absolute;left:50%;top:50%;border-radius:var(--radius-pill);transform:translate(-50%,-50%);pointer-events:none}.touch-joystick-ring{width:76px;height:76px;border:2px solid rgba(255,255,255,.3)}.touch-joystick-thumb{width:56px;height:56px;border:2px solid rgba(255,255,255,.88);background:var(--coral-500);box-shadow:var(--shadow-md)}.mobile-controls{display:none;pointer-events:none;position:absolute;left:14px;right:14px;bottom:14px;z-index:4;align-items:end;justify-content:space-between;gap:12px}.mobile-actions{display:grid;grid-template-columns:repeat(3,minmax(52px,1fr));gap:8px;pointer-events:auto}.mobile-color-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(6,minmax(38px,1fr));gap:8px}.mobile-controls.is-seeker .mobile-actions{grid-template-columns:repeat(2,minmax(72px,1fr))}.mobile-controls.is-hider .mobile-actions{grid-template-columns:repeat(3,minmax(58px,1fr))}.mobile-action.primary{background:var(--action-primary)}.mobile-color{color:#0009;border:3px solid rgba(21,14,43,.28);font-weight:var(--fw-extrabold)}.voice-setting,.voice-mini{border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px;background:var(--paper-100);color:var(--text-secondary);font-size:var(--fs-body-sm)}.voice-setting{margin-top:12px}.voice-mini{display:grid;gap:8px;margin-top:12px;background:#ffffff0d;border-color:var(--border-dark-soft);color:var(--text-on-dark-secondary)}.voice-mini button{min-height:38px;padding:7px 10px}.hint{margin-top:10px;color:var(--text-secondary);font-size:var(--fs-body-sm)}.small{color:var(--text-secondary);font-size:var(--fs-body-sm)}.modal-backdrop{pointer-events:auto;position:absolute;inset:0;z-index:10;background:#09061480}.onboarding-modal,.settings-panel{pointer-events:auto;position:absolute;left:50%;top:50%;z-index:11;width:min(680px,calc(100% - 28px));max-height:min(720px,calc(100% - 28px));max-height:min(720px,calc(100dvh - 28px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translate(-50%,-50%);border-radius:var(--radius-xl);padding:24px;background:var(--paper-0);color:var(--text-primary);box-shadow:var(--shadow-xl)}.settings-panel{display:flex;flex-direction:column;gap:12px;width:min(580px,calc(100% - 28px))}.onboarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.onboarding-grid article{border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px;background:var(--paper-100)}.onboarding-grid strong{display:block;margin-bottom:6px;color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-display-xs)}.onboarding-grid p{margin:0;color:var(--text-secondary);font-size:var(--fs-body-sm);line-height:1.4}.controls-reference,.settings-controls-list{display:grid;gap:10px;margin:14px 0;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px;background:var(--paper-0);color:var(--text-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-bold)}.controls-reference__title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:var(--text-primary)}.controls-reference__title span{color:var(--text-tertiary);font-size:var(--fs-label);text-align:right}.controls-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.controls-summary-card{display:grid;align-content:start;gap:8px;min-width:0;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px;background:var(--paper-100)}.controls-summary-card>strong{color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-body);line-height:1.1}.control-row{display:grid;grid-template-columns:minmax(68px,.42fr) minmax(0,1fr);gap:8px;align-items:start;border-top:1px solid var(--border-default);padding-top:8px}.control-row>span{color:var(--text-primary);font-weight:var(--fw-extrabold)}.control-row>div{display:grid;gap:5px;min-width:0}.control-keys{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.control-keys kbd{display:inline-flex;align-items:center;min-height:22px;border:1px solid var(--border-strong);border-radius:6px;padding:2px 6px;color:var(--text-primary);background:var(--paper-0);box-shadow:0 1px #1f163a2e;font-family:var(--font-body);font-size:11px;font-weight:var(--fw-extrabold);line-height:1;white-space:nowrap}.control-row small{color:var(--text-secondary);font-size:11px;font-weight:var(--fw-bold);line-height:1.28}.settings-grid{display:grid;gap:12px}.settings-section{display:grid;gap:10px;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px;background:var(--paper-100)}.settings-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.settings-section-title strong{color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-display-xs);line-height:1}.settings-section-title span{color:var(--text-tertiary);font-size:var(--fs-label);font-weight:var(--fw-bold);text-align:right}.setting-control{display:grid;gap:8px;color:var(--text-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-bold)}.setting-control>span{display:flex;justify-content:space-between;gap:10px}.setting-control input[type=range]{width:100%;accent-color:var(--action-primary)}.checkbox-control{display:flex;gap:10px;align-items:center;color:var(--text-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-bold)}.checkbox-control input{width:20px;height:20px;accent-color:var(--action-primary)}.settings-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;position:sticky;bottom:-24px;z-index:1;margin:4px -24px -24px;border-top:1px solid var(--border-default);padding:12px 24px 18px;background:var(--paper-0);box-shadow:0 -10px 20px #16112b14}.settings-actions button,.settings-actions .site-back-link{width:100%}@media(max-width:900px),(orientation:landscape)and (max-height:520px),(hover:none)and (pointer:coarse){.chromahide-game-shell{height:100vh;height:100dvh;min-height:0}.world-control-hint{display:none}.world-seeker-reticle{transform:translate(-50%,-50%) scale(.84)}.world-seeker-reticle.visible{transform:translate(-50%,-50%) scale(.9)}.topbar{left:8px;right:8px;top:8px;gap:6px;max-height:90px;overflow:auto;-webkit-overflow-scrolling:touch}.hud-topbar{left:8px;right:8px;top:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.hud-topbar__center{grid-column:2;grid-row:1;min-width:112px;padding:6px 10px}.hud-topbar__center strong{font-size:18px}.hud-topbar__group{gap:4px}.hud-topbar__group--right{grid-column:3;grid-row:1;justify-content:flex-end}.hud-topbar__group--left .hud-room-label{display:none}.hud-topbar__group--left .site-back-link,.hud-topbar__group--left .topbar-button{min-height:32px;padding:6px 9px;font-size:0}.hud-topbar__group--left .site-back-link svg,.hud-topbar__group--left .topbar-button svg{margin:0}.hud-counter{min-height:32px;padding:6px 8px;font-size:11px}.hud-counter:nth-child(3){display:none}.pill{padding:6px 10px;font-size:12px}.hud-role-panel{top:70px;left:8px;width:min(280px,calc(100vw - 16px));padding:10px}.role-badge{padding:5px 9px;font-size:11px}.hud-objective-line{font-size:13px}.hud-role-meta{display:none}.hud{right:8px;bottom:164px;left:auto;width:min(340px,calc(100vw - 16px));max-height:42svh;overflow:auto;padding:10px;font-size:13px;-webkit-overflow-scrolling:touch}.hud-actions-panel{display:none}.toast-stack{top:98px;left:8px;right:8px;width:auto}.emotion-cue{top:108px;bottom:auto;min-width:0;width:min(360px,calc(100vw - 16px));padding:9px 12px 9px 36px}.emotion-cue:before{left:13px;top:15px}.emotion-cue strong{font-size:var(--fs-body-lg)}.emotion-cue small{font-size:12px}.room-settings{grid-template-columns:1fr}.lobby-shell{max-height:calc(100dvh - 24px)}.lobby-topbar,.lobby-hero{margin-bottom:16px}.hud .controls{display:none}.hud .hint{margin-top:6px}.panel{max-height:calc(100% - 24px);overflow:auto;-webkit-overflow-scrolling:touch}.panel-heading{display:grid}.panel-tools{justify-content:stretch}.panel-tools button{flex:1}.onboarding-grid,.settings-actions{grid-template-columns:1fr}.mobile-controls,.touch-joystick{display:grid}.mobile-controls{display:flex}}@media(max-width:760px){.controls-summary{grid-template-columns:1fr}.controls-reference__title{align-items:flex-start;flex-direction:column;gap:4px}.controls-reference__title span{text-align:left}.chromahide-game-shell .site-back-link--floating{top:8px;left:8px}.lobby-columns,.lobby-settings-grid{grid-template-columns:1fr}.lobby-topbar{align-items:stretch;flex-direction:column;gap:10px}.lobby-topbar .panel-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.lobby-topbar .panel-tools .site-back-link,.lobby-topbar .panel-tools button{min-width:0;width:100%;min-height:40px;padding:7px 8px;font-size:12px}.hud{bottom:150px;max-height:min(26svh,210px);overflow:auto}.hud .objective-card{margin-bottom:8px;padding:8px 10px}.hud .material-controls,.hud .seeker-tools{gap:8px}.hud .context-hint{gap:8px;padding:10px}.hud .context-hint ul{display:none}.phase-overlay{top:112px;width:min(320px,calc(100% - 24px));min-width:0;padding:12px 14px;transform:translate(-50%);border-radius:var(--radius-lg)}.phase-overlay strong{font-size:clamp(24px,7vw,34px)}.phase-overlay small{margin-top:6px;font-size:13px}.emotion-cue{top:154px;max-width:calc(100vw - 16px)}.landscape-recommendation{display:block}}@media(max-height:740px){.lobby-panel{padding:18px}.lobby-map-preview{aspect-ratio:16 / 7}.lobby-voice,.lobby-reminder{display:none}}@media(max-width:480px){.control-row{grid-template-columns:1fr;gap:5px}.center-shell{align-items:center;overflow:hidden;padding:12px}.panel,.entry-card{padding:18px 16px}.entry-grid,.lobby-settings-editor,.visibility-picker{grid-template-columns:1fr}.visibility-option{min-height:auto}.mobile-controls{left:8px;right:8px;gap:8px}.touch-joystick{width:122px;height:122px}.touch-joystick-ring{width:66px;height:66px}.touch-joystick-thumb{width:50px;height:50px}.mobile-actions{grid-template-columns:repeat(2,52px)}.mobile-controls.is-hider .mobile-actions{grid-template-columns:repeat(3,minmax(58px,1fr))}.mobile-color-grid{grid-template-columns:repeat(3,52px)}.mobile-controls.is-seeker .mobile-actions{grid-template-columns:repeat(2,68px)}.post-actions,.future-hooks,.round-score,.result-roster,.match-stats{grid-template-columns:1fr}.hud{bottom:150px;max-height:min(26svh,210px)}.hud-role-panel{width:min(248px,calc(100vw - 16px))}}@media(max-width:360px){.touch-joystick{width:112px;height:112px}.mobile-color{min-width:48px}.mobile-controls.is-hider .mobile-actions{grid-template-columns:repeat(3,48px)}}@media(orientation:landscape)and (max-height:520px){.chromahide-game-shell{height:100vh;height:100dvh;min-height:0}.topbar{right:45vw;max-height:84px}.hud-topbar{right:8px}.hud-role-panel{top:68px;width:min(260px,35vw)}.hud{bottom:12px;left:auto;width:min(300px,calc(45vw - 12px));max-height:calc(100% - 96px)}.hud-actions-panel{display:none}.mobile-controls{right:auto;width:min(48vw,420px)}.touch-joystick{width:118px;height:118px}}@keyframes role-pop{0%{opacity:0;transform:translate(-50%,-48%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes role-glyph-pop{0%{opacity:0;transform:translateY(8px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlay-meter-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes countdown-step-pop{0%{opacity:.38;transform:scaleX(.52)}to{opacity:1;transform:scaleX(1)}}@keyframes countdown-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.86)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes reticle-hot{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes reticle-ready{0%{transform:scale(1)}to{transform:scale(1.13)}}@keyframes final-thump{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.045)}}@keyframes toast-rise{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-pulse{0%,to{opacity:.42;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}@keyframes button-loading-spin{to{transform:rotate(360deg)}}@keyframes paint-burst{0%{box-shadow:0 0 #ff5c3c5c;transform:scale(.84)}to{box-shadow:0 0 0 12px #ff5c3c00;transform:scale(1)}}@keyframes scan-feedback-pulse{0%{box-shadow:0 0 #2f80ed57}to{box-shadow:0 0 0 14px #2f80ed00}}@keyframes emotion-cue-rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes emotion-pulse-blue{0%{box-shadow:0 0 #2f80ed57}to{box-shadow:0 0 0 13px #2f80ed00}}@keyframes emotion-danger-breathe{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:0 0 0 1px #ffd16652,0 14px 34px #ff5c3c47}}@keyframes action-hit-pulse{0%{transform:scale(.98)}60%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes action-miss-nudge{0%,to{transform:translate(0)}35%{transform:translate(-4px)}70%{transform:translate(3px)}}@keyframes result-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes burst-spin{0%{transform:rotate(0) scale(.82)}to{transform:rotate(18deg) scale(1.04)}}@keyframes confetti-pop{0%{opacity:0;transform:translateY(0) rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(190px) rotate(220deg)}}