:root{--card-ratio:4 / 3;--bg:#14123a;--bg-deep:#0c0a26;--surface:#221f5c;--surface-2:#2d2972;--line:#3d3990;--text:#f5f3ff;--muted:#b5b0e6;--primary:#ffd23f;--primary-ink:#1b1640;--secondary:#4cc9f0;--accent:#ff6b9d;--success:#3ddc97;--danger:#ff5d73;--radius:16px;--radius-sm:10px;--shadow:0 6px 0 #00000059;--font-display:"Baloo 2", "Trebuchet MS", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gutter:16px;--content-max:900px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(circle at 15% 0%, #4cc9f02e, transparent 40%), radial-gradient(circle at 90% 20%, #ff6b9d29, transparent 45%), var(--bg);background-attachment:fixed;min-height:100dvh;font-size:16px;line-height:1.45;overflow-x:hidden}button,input{font:inherit;color:inherit}h1,h2,p{margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.screen{width:100%;max-width:var(--content-max);min-height:100dvh;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + var(--gutter)) 0 calc(var(--safe-left) + var(--gutter));flex-direction:column;gap:16px;margin:0 auto;display:flex}.screen-center{min-height:100dvh;padding:var(--gutter);place-items:center;display:grid}.panel{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.panel-title{font-family:var(--font-display);margin-bottom:10px;font-size:1.15rem}.row{flex-wrap:wrap;gap:10px;display:flex}.row>*{flex:140px}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800}.btn{border:3px solid var(--primary-ink);cursor:pointer;touch-action:manipulation;min-height:48px;box-shadow:0 4px 0 var(--primary-ink);border-radius:999px;padding:10px 18px;font-size:1rem;font-weight:800;transition:transform 80ms,filter .15s}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--primary-ink);transform:translateY(3px)}.btn:disabled{cursor:not-allowed;filter:grayscale(.7)brightness(.75)}.btn:focus-visible,.tab:focus-visible,.seg:focus-visible,.card-tap:focus-visible,.card-zoom:focus-visible,.score-btn:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-secondary{background:var(--secondary);color:var(--primary-ink)}.btn-danger{background:var(--danger);color:var(--primary-ink)}.btn-ghost{color:var(--text);border-color:var(--line);box-shadow:none;background:0 0}.btn-ghost:active:not(:disabled){box-shadow:none}.btn-small{min-height:44px;padding:6px 14px;font-size:.9rem}.btn-block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted);justify-content:space-between;font-size:.9rem;font-weight:700;display:flex}.counter{font-variant-numeric:tabular-nums;font-weight:600}.input{border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--bg-deep);width:100%;min-height:50px;color:var(--text);padding:10px 14px;font-size:16px}.input:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 3px #4cc9f04d}.input-code{font-family:var(--font-display);letter-spacing:.4em;text-align:center;text-transform:uppercase;padding-left:calc(14px + .4em);font-size:2rem}.input-link{margin-top:10px;font-size:16px}.tag{background:var(--primary);color:var(--primary-ink);vertical-align:middle;white-space:nowrap;border-radius:999px;align-items:center;margin-left:6px;padding:1px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.tag-muted{background:var(--surface-2);color:var(--muted)}.home{padding-bottom:calc(var(--safe-bottom) + 24px);justify-content:center;max-width:480px}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.logo{width:110px;height:100px;margin-bottom:4px;position:relative}.logo-card{border:3px solid var(--primary-ink);width:62px;height:84px;box-shadow:var(--shadow);border-radius:12px;position:absolute}.logo-card.is-back{background:var(--secondary);top:10px;left:10px;transform:rotate(-12deg)}.logo-card.is-front{background:var(--primary);font-family:var(--font-display);color:var(--primary-ink);place-items:center;font-size:2.6rem;font-weight:800;display:grid;top:4px;left:40px;transform:rotate(10deg)}.title{font-family:var(--font-display);color:var(--primary);text-shadow:0 4px 0 var(--primary-ink);font-size:clamp(2.4rem,12vw,3.4rem);font-weight:800;line-height:1}.tagline{color:var(--muted);font-weight:600}.home-form{flex-direction:column;gap:16px;display:flex}.tabs{background:var(--bg-deep);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tab{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:800}.tab.is-active{background:var(--surface-2);color:var(--text)}.code-panel{text-align:center;flex-direction:column;gap:10px;display:flex}.room-code{font-family:var(--font-display);letter-spacing:.25em;color:var(--primary);text-shadow:0 4px 0 var(--primary-ink);padding-left:.25em;font-size:clamp(3rem,18vw,4.5rem);font-weight:800;line-height:1.05}.player-list,.score-list,.delta-list,.rank-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.player-list li{align-items:center;gap:10px;min-height:48px;display:flex}.avatar{width:40px;height:40px;font-family:var(--font-display);background:var(--secondary);color:var(--primary-ink);border:2px solid var(--primary-ink);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.player-list li:nth-child(3n+2) .avatar{background:var(--accent)}.player-list li:nth-child(3n+3) .avatar{background:var(--success)}.player-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.player-name em,.status-name em{color:var(--muted);font-style:normal;font-weight:600}.player-list .btn{margin-left:auto}.segmented{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.seg{border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--bg-deep);cursor:pointer;min-height:48px;font-size:1.1rem;font-weight:800}.seg.is-active{background:var(--primary);color:var(--primary-ink);border-color:var(--primary-ink)}.big-number{font-family:var(--font-display);font-size:2rem;font-weight:800}.confirm-bar{z-index:20;margin:auto calc(-1 * (var(--safe-right) + var(--gutter))) 0 calc(-1 * (var(--safe-left) + var(--gutter)));padding:12px calc(var(--safe-right) + var(--gutter)) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + var(--gutter));background:linear-gradient(to top, var(--bg) 70%, #14123a00);position:sticky;bottom:0}.confirm-bar-inner{flex-direction:column;gap:10px;max-width:560px;margin:0 auto;display:flex}.bar-hint{text-align:center;color:var(--muted);font-size:.9rem}.bar-wait{text-align:center;color:var(--muted);place-items:center;min-height:48px;font-weight:700;display:grid}.clue-form{flex-direction:column;gap:10px;display:flex}.screen>:last-child:not(.confirm-bar,.sheet-backdrop,.lightbox){margin-bottom:calc(var(--safe-bottom) + 24px)}.game-header{z-index:15;margin:calc(-1 * (var(--safe-top) + 16px)) calc(-1 * (var(--safe-right) + var(--gutter))) 0 calc(-1 * (var(--safe-left) + var(--gutter)));padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + var(--gutter)) 10px calc(var(--safe-left) + var(--gutter));-webkit-backdrop-filter:blur(8px);border-bottom:2px solid var(--line);background:#14123aeb;flex-direction:column;gap:8px;display:flex;position:sticky;top:0}.game-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.game-header-info{flex-direction:column;min-width:0;display:flex}.round-pill{font-family:var(--font-display);color:var(--primary);font-size:1.15rem;font-weight:800;line-height:1.1}.storyteller-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.score-btn{border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--surface);cursor:pointer;flex-direction:column;flex:none;align-items:flex-end;min-width:48px;min-height:48px;padding:4px 14px;display:flex}.score-btn-pts{font-family:var(--font-display);font-size:1.1rem;font-weight:800;line-height:1.1}.score-btn-label{color:var(--muted);font-size:.75rem;font-weight:700}.clue-banner{border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-ink);align-items:baseline;gap:10px;padding:8px 12px;display:flex}.clue-label{text-transform:uppercase;letter-spacing:.08em;opacity:.75;flex:none;font-size:.7rem;font-weight:800}.clue-text{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.2rem;font-weight:800;line-height:1.2}.phase-intro{flex-direction:column;gap:4px;display:flex}.phase-title{font-family:var(--font-display);font-size:1.35rem;font-weight:800;line-height:1.2}.waiting{animation:1.8s ease-in-out infinite pulse}.notice{border-radius:var(--radius-sm);background:var(--surface-2);margin-top:6px;padding:8px 12px;font-weight:700}.explanation{font-weight:700}.single-card{width:min(100%,420px);margin:0 auto}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.card{border-radius:var(--radius-sm);background:var(--surface);border:3px solid var(--primary-ink);box-shadow:var(--shadow);transition:transform .15s;position:relative}.card-media{position:relative}.card-tap{background:var(--bg-deep);border-radius:calc(var(--radius-sm) - 3px);cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:0;width:100%;padding:0;display:block;overflow:hidden}.card-tap:disabled{cursor:default}.card-tap img{width:100%;aspect-ratio:var(--card-ratio);object-fit:contain;-webkit-user-drag:none;display:block}.card.is-selected{border-color:var(--primary);outline:4px solid var(--primary);outline-offset:2px;transform:translateY(-3px)}.card.is-disabled .card-tap img{filter:grayscale(.6)brightness(.6)}.card.is-highlight{border-color:var(--success);outline:4px solid var(--success);outline-offset:2px}.card-number{min-width:32px;height:32px;font-family:var(--font-display);background:var(--primary-ink);color:var(--primary);border:2px solid var(--primary);pointer-events:none;border-radius:999px;place-items:center;padding:0 6px;font-weight:800;display:grid;position:absolute;top:6px;left:6px}.card-check{background:var(--primary);width:36px;height:36px;color:var(--primary-ink);border:3px solid var(--primary-ink);pointer-events:none;border-radius:50%;place-items:center;font-size:1.3rem;font-weight:900;display:grid;position:absolute;top:6px;right:6px}.card-badge{white-space:nowrap;text-overflow:ellipsis;background:var(--accent);max-width:calc(100% - 60px);color:var(--primary-ink);pointer-events:none;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:800;position:absolute;bottom:6px;left:6px;overflow:hidden}.card.is-highlight .card-badge{background:var(--success)}.card-zoom{border:2px solid var(--primary-ink);width:44px;height:44px;color:var(--primary-ink);cursor:pointer;background:#f5f3ffeb;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:4px;right:4px}.card-footer{flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex}.owner{overflow-wrap:anywhere;font-weight:800}.voters{flex-wrap:wrap;gap:4px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:.8rem;font-weight:700}.status-list{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:12px 16px}.status-head{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-weight:800;display:flex}.status-count{font-variant-numeric:tabular-nums}.status-list ul{margin:0;padding:0;list-style:none}.status-list li{align-items:center;gap:10px;min-height:36px;display:flex}.status-mark{background:var(--surface-2);width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;font-weight:900;display:grid}.status-list li.is-done .status-mark{background:var(--success);color:var(--primary-ink)}.status-name{font-weight:700}.delta-list li,.score-list li,.rank-list li{border-radius:var(--radius-sm);align-items:center;gap:10px;min-height:44px;padding:4px 10px;display:flex}.delta-list li.is-me,.score-list li.is-me,.rank-list li.is-me{background:var(--surface-2)}.delta-name,.score-name,.rank-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.delta{text-align:right;min-width:44px;font-family:var(--font-display);color:var(--muted);font-size:1.2rem;font-weight:800}.delta.is-plus{color:var(--success)}.delta-total{text-align:right;font-variant-numeric:tabular-nums;min-width:70px;font-weight:800}.score-pts,.rank-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800}.confetti{font-size:3rem;animation:1.2s ease-in-out infinite bounce}.winner{font-family:var(--font-display);color:var(--primary);margin-top:6px;font-size:1.4rem;font-weight:800}.podium{justify-content:center;align-items:flex-end;gap:8px;padding-top:8px;display:flex}.podium-col{text-align:center;flex-direction:column;flex:1 1 0;align-items:stretch;gap:6px;max-width:160px;display:flex}.podium-names{overflow-wrap:anywhere;flex-direction:column;font-weight:800;display:flex}.podium-block{border:3px solid var(--primary-ink);border-radius:var(--radius-sm) var(--radius-sm) 0 0;box-shadow:var(--shadow);color:var(--primary-ink);flex-direction:column;justify-content:flex-start;padding-top:8px;display:flex}.rank-1 .podium-block{background:var(--primary);height:140px}.rank-2 .podium-block{background:var(--secondary);height:105px}.rank-3 .podium-block{background:var(--accent);height:80px}.podium-rank{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1}.podium-score{font-weight:800}.rank-num{width:28px;color:var(--muted);font-weight:800}.sheet-backdrop{z-index:50;background:#08061cb3;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border:2px solid var(--line);width:100%;max-width:560px;max-height:85dvh;padding:10px calc(var(--safe-right) + var(--gutter)) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + var(--gutter));border-bottom:0;border-radius:22px 22px 0 0;flex-direction:column;gap:12px;animation:.2s slide-up;display:flex;overflow-y:auto}.sheet-handle{background:var(--line);border-radius:999px;width:48px;height:5px;margin:0 auto 4px}.sheet-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sheet-head h2{font-family:var(--font-display);font-size:1.4rem}.sheet-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lightbox{z-index:60;padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 12px);touch-action:pan-y;background:#060514f5;flex-direction:column;animation:.15s fade;display:flex;position:fixed;inset:0}.lightbox-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.lightbox-count{color:var(--muted);font-weight:800}.lightbox-close{min-height:48px}.lightbox-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px 0;display:flex;position:relative}.lightbox-img{object-fit:contain;border-radius:var(--radius-sm);border:3px solid var(--primary-ink);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%;box-shadow:0 10px 40px #0009}.lightbox-arrow{border-radius:var(--radius-sm);border:2px solid var(--line);cursor:pointer;z-index:1;background:#221f5cd9;width:48px;height:64px;font-size:2.2rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow.is-prev{left:0}.lightbox-arrow.is-next{right:0}.lightbox-bottom{width:100%;max-width:560px;margin:0 auto}.lightbox-bottom:empty{display:none}.toast-region{left:0;right:0;top:calc(var(--safe-top) + 12px);z-index:100;padding:0 var(--gutter);pointer-events:none;justify-content:center;display:flex;position:fixed}.toast{pointer-events:auto;border-radius:var(--radius-sm);border:3px solid var(--primary-ink);background:var(--accent);max-width:480px;color:var(--primary-ink);box-shadow:var(--shadow);cursor:pointer;padding:12px 18px;font-weight:800;animation:.2s drop-in}.conn-banner{left:50%;bottom:calc(var(--safe-bottom) + 96px);z-index:90;background:var(--danger);color:var(--primary-ink);box-shadow:var(--shadow);border-radius:999px;padding:8px 16px;font-weight:800;animation:1.4s ease-in-out infinite pulse;position:fixed;transform:translate(-50%)}@media (width>=600px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.phase-title{font-size:1.6rem}}@media (width>=860px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lightbox-arrow.is-prev{left:12px}.lightbox-arrow.is-next{right:12px}}@keyframes pulse{50%{opacity:.55}}@keyframes bounce{50%{transform:translateY(-8px)rotate(-6deg)}}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-16px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card.is-selected{transform:none}}