:root{--bg: #0B0D26;--bg-deep: #070819;--surface: #151838;--surface-2: #1D2150;--field: #0F1233;--ink: #F4F1E8;--muted: #B9BCDA;--faint: #8A8FB8;--gold: #FF7A1A;--gold-hi: #FFB23D;--gold-ink: #1A0600;--foil: linear-gradient(115deg, #E0300B 0%, #FF5A0A 35%, #FF8A00 65%, #FFB23D 100%);--foil-text: linear-gradient(115deg, #FF5A0A 0%, #FF8A00 50%, #FFB23D 100%);--foil-edge: inset 0 1px 0 rgba(255, 220, 170, .45), 0 1px 0 rgba(0, 0, 0, .4);--lava-edge: rgba(255, 178, 61, .55);--lava-glow: rgba(255, 70, 10, .38);--indigo: #4F63D9;--bot: #2B3170;--online: #3DDC97;--offline: #6B6F94;--danger: #E5484D;--line: rgba(244, 241, 232, .12);--display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--body: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.2, .8, .2, 1);--glide: cubic-bezier(.45, 0, .2, 1);--spring: cubic-bezier(.3, 1.5, .5, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--gold)}a:hover{color:var(--gold-hi)}[hidden]{display:none!important}.icon{width:20px;height:20px;flex-shrink:0}.icon-gold{color:var(--gold);width:16px;height:16px}.display{font-family:var(--display);font-style:italic;font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:.5px}.muted{color:var(--muted);margin:0;line-height:1.5}.small{font-size:14px}.grow{flex-grow:1}.stack{display:flex;flex-direction:column;gap:12px}.stack-sm{display:flex;flex-direction:column;gap:8px}.row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.eyebrow-gold{color:var(--gold)}.noscript{padding:24px}.wide-only{display:none}.app{max-width:440px;margin:0 auto;height:100vh;height:100dvh}.screen{height:100vh;height:100dvh;min-height:0;overflow:clip;padding:max(16px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:24px;animation:screen-in .45s var(--ease) both}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px}.bar-group{display:flex;gap:8px}.bar-logo{width:40px;height:40px}#roomForm,.names-form{min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden}#roomForm>*,.names-form>*{flex-shrink:0}.names-form>.grow{flex-shrink:1}.btn,.icon-btn,.chip,.link-btn,.view-toggle,.sheet-item,.secret-toggle,.seat-x,.row-x{transition:transform .14s cubic-bezier(.3,.7,.4,1),background-color .2s,box-shadow .2s,color .2s,opacity .2s,border-color .2s}@media(hover:hover){.btn:hover,.icon-btn:hover,.chip:hover{transform:translateY(-1px)}}.btn:active,.icon-btn:active,.chip:active,.view-toggle:active,.sheet-item:active,.secret-toggle:active,.seat-x:active,.row-x:active{transform:scale(.95)}.btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 18px;border-radius:16px;border:none;font-family:var(--display);font-style:italic;font-weight:800;font-size:22px;letter-spacing:.6px;text-transform:uppercase}.btn-xl{height:64px;border-radius:20px;font-size:26px;flex-shrink:0;white-space:nowrap}.btn-gold,.icon-btn-gold,.chip,.foil{background:var(--foil);background-size:220% 100%;animation:lava 7s ease-in-out infinite alternate;border:1px solid var(--lava-edge);color:var(--gold-ink);box-shadow:var(--foil-edge),0 10px 30px var(--lava-glow);transition:filter .2s ease,transform .14s cubic-bezier(.3,.7,.4,1),box-shadow .2s ease}@keyframes lava{0%{background-position:0% 50%}to{background-position:100% 50%}}@media(hover:hover){.btn-gold:hover,.icon-btn-gold:hover,.chip:hover{filter:brightness(1.08)}}.btn-gold:active,.icon-btn-gold:active,.chip:active{filter:brightness(1.12)}.btn-gold:active{box-shadow:var(--foil-edge),0 4px 18px var(--lava-glow)}.eyebrow-gold,.link-btn,.tc-wait,.seat-label.you,.row.you .row-status,.count-num,.slider-row output .odo-strip,.slider-row output .odo-char,.sheet-item.warn,.rules h3{background:var(--foil-text);-webkit-background-clip:text;background-clip:text;color:transparent}.link-btn .icon,.sheet-item.warn .icon{color:var(--gold)}.btn.btn-quiet{height:56px;font-family:var(--body);font-style:normal;font-size:17px;font-weight:800;letter-spacing:0;text-transform:none}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid rgba(244,241,232,.28)}.btn-danger{background:var(--danger);color:#fff}.btn-dashed{height:52px;flex-shrink:0;border:1.5px dashed rgba(244,241,232,.24);background:transparent;color:var(--muted);font-family:var(--body);font-style:normal;font-size:15px;font-weight:700;text-transform:none;letter-spacing:0}.btn[disabled]{opacity:.45;box-shadow:none;pointer-events:none}.btn.is-disabled{opacity:.45;box-shadow:none}.btn .icon{width:22px;height:22px}.sheen{position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,#fff0,#fff9,#fff0);transform:translate(-120%) skew(-20deg);animation:sheen 3.6s ease-in-out 1.2s infinite}.btn>span:not(.sheen):not(.spinner){position:relative}@keyframes sheen{0%{transform:translate(-120%) skew(-20deg)}60%,to{transform:translate(260%) skew(-20deg)}}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(26,20,0,.25);border-top-color:var(--gold-ink);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(244,241,232,.14);background:#ffffff0a}.icon-btn-gold{position:relative;overflow:hidden}.icon-btn.icon-btn-gold{background:var(--foil);background-size:220% 100%;border-color:var(--lava-edge);color:var(--gold-ink)}.icon-btn .icon{width:18px;height:18px}.chip{height:44px;display:flex;align-items:center;gap:10px;padding:0 16px 0 14px;position:relative;overflow:hidden;border-radius:22px;font-size:14px;font-weight:800;max-width:70%}.chip .icon{width:18px;height:18px}.chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-btn{display:flex;align-items:center;gap:8px;padding:12px 4px;border:none;background:none;color:var(--gold);font-size:14px;font-weight:600}.link-btn .icon{width:18px;height:18px}.field{width:100%;height:56px;padding:0 18px;border-radius:16px;border:1.5px solid rgba(244,241,232,.16);background:var(--field);color:var(--ink);font-size:17px;outline:none;transition:border-color .2s,box-shadow .2s}.field-lg{height:58px;background:var(--surface);font-size:18px;font-weight:600}.field::placeholder{color:var(--faint)}.field:focus{border-color:var(--gold);box-shadow:0 0 0 4px #ff7a1a2e}.field.invalid{border-color:var(--danger)}.field-error{margin:0;min-height:0;font-size:14px;font-weight:600;color:#ff8a8f}.field-error:empty{display:none}.hint{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--muted)}.hint .icon{margin-top:2px}.rise{animation:rise .7s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}body:has(.screen-home:not([hidden])){background-image:radial-gradient(420px 360px at 50% 210px,#4f63d952,#0b0d2600 70%);background-repeat:no-repeat}.hero{flex:1;min-height:0;container:hero / size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2dvh,18px);text-align:center}.hero-logo{position:relative;width:min(20dvh,max(48px,calc(100cqh - 160px)),168px);height:min(20dvh,max(48px,calc(100cqh - 160px)),168px);flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero-logo img{width:89%;height:89%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45));animation:float 3s cubic-bezier(.37,0,.63,1) infinite alternate;will-change:transform}.halo{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,122,26,.5);animation:halo 3.2s cubic-bezier(.2,.7,.3,1) infinite}.halo-2{animation-delay:1.6s}@keyframes float{0%{transform:translateZ(0)}to{transform:translate3d(0,-8px,0)}}@keyframes halo{0%{transform:scale(.85);opacity:.55}to{transform:scale(1.35);opacity:0}}.hero-title{margin:0;font-size:clamp(32px,8dvh,64px);letter-spacing:1px}.hero-tagline{margin:0;max-width:280px;font-size:16px;line-height:1.5;color:var(--muted)}@container hero (max-height: 220px){.hero-logo{display:none}.hero-title{font-size:clamp(24px,30cqh,64px)}.hero-tagline{font-size:14px}}@container hero (max-height: 100px){.hero-tagline{display:none}}@container hero (max-height: 32px){.hero-title{display:none}}.card{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:28px;background:#1d2150b8;border:1px solid rgba(244,241,232,.1);box-shadow:0 30px 60px #00000059}.mode-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:16px;background:var(--field);border:1px solid var(--line)}.mode-switch:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:12px;background:var(--surface-2);box-shadow:inset 0 1px #ffffff14,0 2px 8px #0000004d;transition:transform .35s var(--ease)}#roomForm[data-mode=join] .mode-switch:before{transform:translate(100%)}.mode-switch{touch-action:pan-y;user-select:none;-webkit-user-select:none}.mode-switch.is-dragging{cursor:grabbing}#roomForm .mode-switch.is-dragging:before{transition:none;transform:translate(var(--drag-x, 0px))}.mode-switch button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.field-row{display:flex;align-items:center;gap:10px}.field-row .field{flex:1;min-width:0}.room-name-field{position:relative;flex:1;min-width:0}.room-name-field.is-rolling .field{color:transparent}.room-name-roll{position:absolute;inset:1.5px 19.5px;overflow:hidden;pointer-events:none;font-size:17px;perspective:240px}.room-name-roll-track{position:absolute;inset:0;display:flex;align-items:center;white-space:pre}.room-name-roll-track span{display:inline-block;flex:none;animation-duration:.32s;animation-timing-function:var(--ease);animation-fill-mode:both;animation-delay:var(--d)}.room-name-roll-out span{animation-name:room-name-out}.room-name-roll-in span{animation-name:room-name-in;animation-delay:calc(var(--d) + .12s)}@keyframes room-name-out{to{opacity:0;transform:translateY(-16px) rotateX(90deg)}}@keyframes room-name-in{0%{opacity:0;transform:translateY(16px) rotateX(-90deg)}to{opacity:1;transform:none}}.reroll-btn{flex:none;width:56px;height:56px;border-radius:16px;color:var(--muted)}.reroll-btn:hover{color:var(--ink)}.reroll-btn:disabled,.field[readonly]{opacity:.6;pointer-events:none}.reroll-btn{transition:width .3s var(--ease),margin-left .3s var(--ease),opacity .2s}#roomForm[data-mode=join] .reroll-btn{width:0;margin-left:-10px;opacity:0;border-width:0;pointer-events:none;overflow:hidden}.mode-switch button{position:relative;height:40px;border:none;background:none;border-radius:12px;font-size:15px;font-weight:700;color:var(--muted);transition:color .2s}.mode-switch button[aria-pressed=true]{color:var(--ink)}.mode-extra{display:grid}.mode-extra>*{grid-area:1 / 1;align-self:start;transition:opacity .25s var(--ease),transform .3s var(--ease)}.mode-extra>[inert]{opacity:0;transform:translateY(-6px);pointer-events:none;visibility:hidden;transition:opacity .2s var(--ease),transform .3s var(--ease),visibility 0s .3s}.field-pass{font-family:var(--mono);font-size:20px;letter-spacing:.3em;text-transform:uppercase}.field-pass::placeholder{letter-spacing:.3em}.btn.is-busy{pointer-events:none;opacity:.7}.room-pass{font-size:14px;color:var(--muted)}.room-pass strong{margin-left:6px;font-family:var(--mono);font-size:17px;letter-spacing:.18em;color:var(--gold-hi);user-select:all}.setup-title{margin:0;font-size:48px}.setup-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.names-form{flex-grow:1;gap:20px}.secret{height:58px;display:flex;align-items:center;gap:8px;padding:0 6px 0 18px;border-radius:16px;border:1.5px solid rgba(255,122,26,.5);background:var(--surface);transition:border-color .2s,box-shadow .2s}.secret:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px #ff7a1a2e}.secret.invalid{border-color:var(--danger)}.secret-input{position:relative;flex-grow:1;min-width:0;height:54px;overflow:hidden}.secret-input input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:none;outline:none;background:transparent;color:transparent;caret-color:var(--gold);font-family:var(--mono);font-size:22px;font-weight:500;letter-spacing:6px}.secret-input input::selection{background:#ff7a1a4d}.secret-glyphs{position:absolute;left:0;top:0;height:100%;display:flex;pointer-events:none;font-family:var(--mono);font-size:22px;font-weight:500;white-space:nowrap}.ch{position:relative;display:inline-block;width:calc(1ch + 6px);height:100%;perspective:200px;animation:ch-born .25s var(--spring) both}.ch-dot,.ch-letter{position:absolute;left:0;top:0;width:1ch;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .21s var(--spring),opacity .15s ease;transition-delay:var(--d, 0ms)}.ch-dot:after{content:"";width:10px;height:10px;border-radius:5px;background:var(--ink)}.ch-letter{opacity:0;transform:translateY(12px) rotateX(90deg);color:var(--ink)}.secret.open .ch-dot{opacity:0;transform:scale(0) rotate(180deg)}.secret.open .ch-letter{opacity:1;transform:none}@keyframes ch-born{0%{transform:scale(0)}to{transform:scale(1)}}.secret-toggle{width:44px;height:44px;flex-shrink:0;border-radius:12px;border:none;background:#ff7a1a1a;color:var(--gold);display:flex;align-items:center;justify-content:center}.secret.open .secret-toggle{background:#ff7a1a3d}.secret .eye-off,.secret.open .eye-on{display:none}.secret.open .eye-off{display:block}.screen-lobby{gap:16px;height:100vh;height:100dvh;min-height:0}.view-toggle{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 11px;border-radius:20px;border:1px solid rgba(244,241,232,.14);background:var(--surface);font-size:14px;font-weight:800}@media(hover:hover){.view-toggle:hover{border-color:var(--lava-edge)}}.view-toggle:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.view-toggle svg{width:22px;height:22px;flex-shrink:0;overflow:visible;color:var(--gold)}.view-toggle svg *{transition:transform .5s var(--spring),opacity .3s ease}.vt-ring{transform:translate(11px,11px)}.vt-d1{transform:translate(11px,3.6px)}.vt-d2{transform:translate(17.4px,14.7px);transition-delay:45ms!important}.vt-d3{transform:translate(4.6px,14.7px);transition-delay:90ms!important}.vt-bar{opacity:0}.vt-b1{transform:translate(8px,5px) scaleX(0)}.vt-b2{transform:translate(8px,11px) scaleX(0)}.vt-b3{transform:translate(8px,17px) scaleX(0)}.view-toggle.is-list .vt-ring{transform:translate(11px,11px) scale(0);opacity:0}.view-toggle.is-list .vt-d1{transform:translate(3.4px,5px)}.view-toggle.is-list .vt-d2{transform:translate(3.4px,11px)}.view-toggle.is-list .vt-d3{transform:translate(3.4px,17px)}.view-toggle.is-list .vt-bar{opacity:1}.view-toggle.is-list .vt-b1{transform:translate(8px,5px) scaleX(1);transition-delay:.14s}.view-toggle.is-list .vt-b2{transform:translate(8px,11px) scaleX(1);transition-delay:.19s}.view-toggle.is-list .vt-b3{transform:translate(8px,17px) scaleX(1);transition-delay:.24s}.vt-roll{display:inline-block;height:20px;overflow:hidden;line-height:20px}.vt-words{display:flex;flex-direction:column;transition:transform .5s var(--spring)}.view-toggle.is-list .vt-words{transform:translateY(-20px)}.morph-layer{position:fixed;inset:0;z-index:30;pointer-events:none}.morph-layer>*{margin:0;pointer-events:none}.morph-player{position:absolute;isolation:isolate}.morph-player,.morph-player *{transition:none!important;animation:none!important}.lobby-body.morphing>.table,.lobby-body.morphing>.list-view{animation:none}.lobby-body{position:relative;margin:0 -24px;flex:1;min-width:0;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center}.list-view{width:calc(100% - 48px);align-self:stretch}.table{position:relative;width:min(100cqw,100cqh,1100px);aspect-ratio:1;flex-shrink:0;animation:fade .35s ease both}.table-inner{position:absolute;left:0;top:0;width:390px;height:390px;transform-origin:top left}@keyframes fade{0%{opacity:0;transform:scale(.97)}to{opacity:1}}.ring-guide,.table-center,.seat,.seat-bubble,.seat-label{transition-timing-function:var(--glide)}.ring-guide{position:absolute;border-radius:50%;border:1px dashed rgba(255,122,26,.28);transition:left .7s var(--glide),top .7s var(--glide),width .7s var(--glide),height .7s var(--glide),opacity .7s var(--glide),transform .7s var(--glide)}.table-center{position:absolute;border-radius:50%;background:var(--surface);box-shadow:0 0 0 6px #15183899;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1px;transition:left .7s var(--glide),top .7s var(--glide),width .7s var(--glide),height .7s var(--glide),opacity .7s var(--glide),transform .7s var(--glide)}.table-center>*{transition:font-size .7s var(--glide),max-width .7s var(--glide)}.measuring{visibility:hidden;pointer-events:none}.measuring,.measuring *{transition:none!important;animation:none!important}.tc-count{line-height:1}.tc-unit{font-weight:700;color:var(--muted);margin-top:-2px}.tc-wait{font-weight:700;color:var(--gold);line-height:1.2;margin-top:2px}.seat{position:absolute;left:159px;top:0;width:72px;transition:transform .7s var(--glide),top .7s var(--glide),height .7s var(--glide),opacity .5s ease}.seat-inner{position:relative;width:72px;height:100%;display:flex;justify-content:center}.seat.pop .seat-inner{animation:pop .5s var(--ease) both}.seat.gone .seat-inner{animation:gone .4s cubic-bezier(.5,0,.75,0) both}@keyframes pop{0%{opacity:0;transform:scale(.2)}65%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes gone{to{opacity:0;transform:scale(.2)}}.seat.dim{opacity:.55}.avatar{position:relative;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-style:italic;font-weight:800;color:var(--ink);border:2px solid rgba(244,241,232,.25);transition:width .7s var(--glide),height .7s var(--glide),font-size .7s var(--glide),background-color .5s,border-color .5s}.avatar .icon{width:55%;height:55%;color:#c9d0ff}.avatar.is-bot,.avatar.is-offline{border-style:dashed}.avatar.is-you{border-color:transparent}.avatar.is-you:before,.table-center:before{content:"";position:absolute;inset:-4px;border-radius:50%;padding:3px;background:var(--foil);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.table-center:before{inset:-2px;padding:2px}.avatar.has-crest{background:none!important;border-color:transparent}.avatar.has-crest .initial,.avatar.has-crest.is-you:before{display:none}.avatar.is-offline .crest{filter:grayscale(.85) brightness(.75)}.dot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:6px;border:2px solid var(--bg);background:var(--online);transition:background-color .5s}.dot.away{background:var(--foil)}.dot.offline{background:var(--offline)}.seat-label{position:absolute;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:top .7s var(--glide),left .7s var(--glide),width .7s var(--glide),font-size .7s var(--glide),line-height .7s var(--glide)}.seat-label.you{color:var(--gold)}.seat-x{z-index:2;position:absolute;top:-6px;width:22px;height:22px;padding:0;border-radius:11px;border:2px solid var(--bg);background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center}.seat-x{transition:left .7s var(--glide)}.seat-x:before{content:"";position:absolute;inset:-11px}.seat-x .icon{width:10px;height:10px}.list-view{display:flex;flex-direction:column;gap:10px;min-height:0;animation:fade .35s ease both}.list-head{display:flex;flex-direction:column;gap:2px;min-width:0;min-height:0;flex-shrink:0}.list-room{font-size:34px;min-width:0;line-height:1.1}.invite{font-size:14px}.invite-share-choice{display:inline-flex;flex-wrap:wrap;align-items:center;column-gap:14px;vertical-align:middle;white-space:nowrap}.invite-share.is-disabled{opacity:.55}.invite-share{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;vertical-align:middle}.invite-share .icon{width:16px;height:16px}.marquee{display:block;min-width:0;overflow:hidden;white-space:nowrap}.marquee-text{display:inline-block;padding-right:2px}.marquee.is-long{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}.marquee.is-long .marquee-text{padding:0 10px;animation:marquee var(--marquee-time, 8s) ease-in-out infinite alternate}@keyframes marquee{0%,18%{transform:translate(0)}82%,to{transform:translate(var(--marquee-shift))}}@media(prefers-reduced-motion:reduce){.marquee.is-long .marquee-text{animation:none}}.player-list{position:relative;overflow-x:hidden;list-style:none;margin:0;padding:0 2px 0 0;flex-grow:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border-radius:16px;flex-shrink:0;background:var(--surface);border:1px solid rgba(244,241,232,.08);transition:opacity .5s ease}.row.you{background:var(--surface-2);border-color:#ff7a1a66}.row.offline{border-style:dashed}.row.dim{opacity:.55}.row.pop{animation:row-in .45s var(--ease) both}.row.gone{position:relative;pointer-events:none;overflow:hidden;animation:ember .36s cubic-bezier(.55,0,.85,.45) both;-webkit-mask-image:linear-gradient(to left,transparent calc(var(--burn) - 6%),#000 calc(var(--burn) + 6%));mask-image:linear-gradient(to left,transparent calc(var(--burn) - 6%),#000 calc(var(--burn) + 6%))}.row.gone:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,transparent calc(var(--burn) - 8%),var(--gold-hi) calc(var(--burn) - 2%),#FF5A0A calc(var(--burn) + 4%),rgba(224,48,11,.35) calc(var(--burn) + 14%),transparent calc(var(--burn) + 26%))}@keyframes row-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@property --burn{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@keyframes ember{0%{--burn: -10%}to{--burn: 115%}}.row .avatar{width:38px;height:38px;font-size:17px}.row-name{flex-grow:1;min-width:0;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-status{font-size:13px;font-weight:600;color:var(--muted)}.row.you .row-status{color:var(--gold)}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:44px;flex-shrink:0}.row-x{width:44px;height:44px;flex-shrink:0;margin:-4px 0;border-radius:12px;border:none;background:#ffffff0f;display:flex;align-items:center;justify-content:center}.row-x .icon{width:16px;height:16px}.seat-cap{z-index:2;position:absolute;top:-6px;width:22px;height:22px;padding:0;border-radius:11px;border:2px solid var(--bg);background:var(--gold);color:var(--bg);display:flex;align-items:center;justify-content:center;transition:left .7s var(--glide)}.seat-cap:before{content:"";position:absolute;inset:-11px}.seat-cap .icon{width:11px;height:11px}.row-cap{width:44px;height:44px;flex-shrink:0;margin:-4px 0;border-radius:12px;border:none;background:#ffffff0f;color:var(--gold);display:flex;align-items:center;justify-content:center}.row-cap .icon{width:16px;height:16px}.row-cap[hidden],.seat-cap[hidden]{display:none}.empire-badge{position:absolute;left:-3px;bottom:-3px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;border:2px solid var(--bg);background:var(--gold);color:var(--bg);font:800 11px/14px var(--display);text-align:center;font-style:normal}.empire-badge[hidden]{display:none}.seat.captured,.row.captured{opacity:.6}.row.captured{margin-left:18px;background:transparent}.row.captured .row-name{font-weight:600}.avatar.captured-in{animation:captured-in .9s var(--ease) both}@keyframes captured-in{0%{transform:scale(1);filter:none}35%{transform:scale(.7) rotate(-8deg);filter:brightness(2.2) saturate(2) drop-shadow(0 0 10px #FF5A0A)}70%{transform:scale(1.18);filter:brightness(1.4) drop-shadow(0 0 8px var(--gold-hi))}to{transform:scale(1);filter:none}}.capture-leaders{display:flex;flex-direction:column;gap:8px;margin:14px 0;max-height:40vh;overflow-y:auto}#confirmCapture .row-2:has(#captureWithdraw[hidden]){grid-template-columns:1fr}.seat-cap.pending,.row-cap.pending{animation:claim-pending 1.4s ease-in-out infinite}.seat-cap.pending{background:var(--bg);color:var(--gold);border-color:var(--gold)}@keyframes claim-pending{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.avatar.captured-in,.seat-cap.pending,.row-cap.pending{animation:none}}.reveal{position:fixed;inset:0;z-index:20;overflow:clip;background:radial-gradient(360px 360px at 50% 50%,#4f63d942,#07081900 70%),var(--bg-deep);display:flex;align-items:center;justify-content:center;animation:fade .3s ease both}#eliminatedScreen{z-index:21}.eliminated-stage{width:100%;padding:0 28px;display:flex;flex-direction:column;align-items:center;gap:10px}.eliminated-stage .eliminated-crest{position:relative;inset:auto;width:132px;height:132px;margin-bottom:8px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.5));animation:pop .6s var(--ease) both}.eliminated-who{max-width:100%;font-size:40px;text-align:center;overflow-wrap:anywhere;animation:rise .5s var(--ease) .1s both}.eliminated-label{margin-bottom:4px;font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-align:center;animation:rise .5s var(--ease) .2s both}#eliminatedName{animation-delay:.3s}#captureScreen{z-index:21}#captureBy{animation-delay:.3s}.capture-crests{display:flex;align-items:center;gap:14px;margin-bottom:8px}.capture-side{display:flex;flex-direction:column;align-items:center;gap:8px;animation:pop .6s var(--ease) both}.capture-side+.capture-arrow+.capture-side{animation-delay:.12s}.eliminated-stage .capture-crest{position:relative;inset:auto;display:block;width:112px;height:112px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.5))}.eliminated-stage .capture-crest.burning{animation:capture-burn .9s cubic-bezier(.3,0,.2,1) both}.eliminated-stage .capture-crest.gain{animation:capture-gain .35s var(--ease) both}@keyframes capture-burn{0%{transform:none;filter:drop-shadow(0 16px 28px rgba(0,0,0,.5))}40%{transform:scale(.78) rotate(-10deg);filter:brightness(2.6) saturate(2.2) drop-shadow(0 0 26px #FF5A0A) drop-shadow(0 0 8px var(--gold-hi))}75%{transform:scale(1.16) rotate(3deg);filter:brightness(1.4) drop-shadow(0 0 18px var(--gold-hi))}to{transform:none;filter:drop-shadow(0 16px 28px rgba(0,0,0,.5))}}@keyframes capture-gain{50%{transform:scale(1.1);filter:brightness(1.3) drop-shadow(0 0 14px var(--gold-hi))}}.capture-arrow{width:34px;height:34px;color:var(--gold);animation:rise .5s var(--ease) .25s both}.capture-count{font-size:34px;line-height:1;color:var(--gold);transition:opacity .5s ease,color .5s ease}.capture-count.is-empty{opacity:.35;color:var(--muted)}.reveal-stage{position:relative;width:100%;padding:0 28px;display:flex;align-items:center;justify-content:center}.count{position:relative;width:260px;height:260px;display:flex;align-items:center;justify-content:center}.count-burst{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(255,122,26,.7);animation:burst 1s cubic-bezier(.1,.7,.3,1) both}.count-num{font-size:200px;line-height:1;padding:0 .08em;animation:num 1s var(--ease) both}@keyframes burst{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.9)}}@keyframes num{0%{opacity:0;transform:scale(2.6);filter:blur(14px)}25%{opacity:1;transform:scale(1);filter:blur(0)}80%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(.7)}}.reveal-name{font-size:80px;text-align:center;white-space:nowrap;animation:word .7s var(--ease) both}.reveal-name.wrap{white-space:normal;overflow-wrap:anywhere}@keyframes word{0%{opacity:0;transform:translateY(34px) scale(.94);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}.reveal-timer{position:absolute;left:48px;right:48px;bottom:max(120px,calc(env(safe-area-inset-bottom) + 96px));height:6px;border-radius:3px;background:#f4f1e81f;overflow:hidden}.reveal-timer span{display:block;height:100%;border-radius:3px;background:var(--foil);transform-origin:left center;transform:scaleX(0)}.reveal-timer span.run{animation:timer var(--t, 2.5s) linear both}@keyframes timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.watching{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:0;max-height:20dvh;overflow-y:auto;font-size:14px;color:var(--muted)}.watch-chip{max-width:100%;overflow-wrap:anywhere}#watchingNames{min-width:0;display:flex;flex-wrap:wrap;gap:6px}.watching .eyebrow{font-size:11px}.watch-chip{padding:4px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:700;animation:rise .4s var(--ease) both}.watch-remove{margin:0 -4px 0 6px;padding:0 4px;border:0;background:none;color:var(--muted);font:inherit;font-size:16px;line-height:1;cursor:pointer}.watch-remove:hover{color:var(--ink)}.crest-slot{position:absolute;inset:-2px;display:flex;pointer-events:none}.crest-slot:empty{display:none}.crest{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.crest-btn{position:relative;width:92px;height:92px;flex-shrink:0;padding:0;border:none;border-radius:20px;background:none;transition:transform .14s cubic-bezier(.3,.7,.4,1)}.crest-btn .crest-slot{inset:0}.crest-btn .crest-slot{filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.crest-btn .crest{filter:none;animation:float 3s cubic-bezier(.37,0,.63,1) infinite alternate;will-change:transform}.crest-btn:active{transform:scale(.95)}.crest-btn:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px}.crest-edit{position:absolute;right:-2px;bottom:0;width:30px;height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:var(--foil);border:2px solid var(--bg);color:var(--gold-ink)}.crest-edit .icon{width:14px;height:14px}.crest-head{display:flex;align-items:center;gap:14px;margin-bottom:4px}.crest-head .sheet-title{margin:0}.crest-big{position:relative;inset:auto;width:64px;height:64px;flex-shrink:0}#crestNote.taken{color:#ffb23d;font-weight:700}.crest-options{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:4px;padding:4px 5px 2px;margin:0 -5px}.crest-group{display:flex;flex-direction:column;gap:2px;min-width:0;flex-shrink:0}.crest-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.crest-group-head .eyebrow{font-size:12px}.crest-row-controls{display:flex;align-items:center;gap:2px;min-width:0}.crest-selection{color:var(--muted);font-size:11px;margin-right:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crest-row-arrow{display:flex;align-items:center;justify-content:center;width:26px;height:24px;padding:4px;flex-shrink:0;border:none;border-radius:8px;color:var(--muted);background:transparent}.crest-row-arrow svg{width:16px;height:16px}.crest-row-arrow:hover:not(:disabled){color:var(--gold-hi);background:var(--field)}.crest-row-arrow:disabled{opacity:.25;cursor:default}.crest-row-arrow:focus-visible{outline:2px solid var(--gold-hi);outline-offset:1px}.crest-rail{position:relative;min-width:0;isolation:isolate}.crest-rail{-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}.crest-rail:before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:120px;height:100%;pointer-events:none;transform:translate(-50%,-50%);opacity:.5;transition:opacity .24s var(--ease);background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 38%,transparent),transparent)}.crest-group.is-active .crest-rail:before{opacity:1}.crest-grid{--cover-step: 44px;--cover-size: 50px;position:relative;display:flex;align-items:center;gap:0;overflow-x:auto;overflow-y:hidden;height:58px;padding:4px 0;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;transition:height .24s var(--ease)}.crest-grid::-webkit-scrollbar{display:none}.crest-group.is-active .crest-grid{--cover-size: 74px;height:82px}.crest-group[data-part=color] .crest-grid{--cover-step: 34px;--cover-size: 34px;height:48px}.crest-group[data-part=color].is-active .crest-grid{--cover-size: 44px;height:56px}.crest-carousel-item{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 var(--cover-step);width:var(--cover-step);height:100%;scroll-snap-align:center}#crestDialog,#crestDialog .crest-options,#crestDialog .crest-grid{touch-action:pan-x pan-y}#crestDialog .sheet-grip,#crestDialog .crest-head,#crestDialog>.row-2{touch-action:none}.crest-grid .crest-tile{width:var(--cover-size);height:var(--cover-size);flex:0 0 var(--cover-size);opacity:var(--cover-opacity, 1);filter:brightness(var(--cover-dim, 1)) saturate(calc(.4 + var(--cover-dim, 1) * .6));transform:perspective(360px) translate(var(--cover-shift, 0px)) rotateY(var(--cover-angle, 0deg)) scale(var(--cover-scale, 1))}.crest-grid .crest-tile .crest{filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.crest-grid .is-centered .crest-tile{border-color:color-mix(in srgb,var(--gold) 80%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 82%,var(--gold) 18%),color-mix(in srgb,var(--field) 92%,var(--gold) 8%));box-shadow:0 8px 18px #00000073,0 0 14px color-mix(in srgb,var(--gold) 22%,transparent),inset 0 1px #ffffff1a}.crest-grid .is-centered .crest-swatch{background:var(--c);border-color:var(--ink);box-shadow:0 0 0 2px var(--gold),0 0 14px color-mix(in srgb,var(--gold) 30%,transparent),0 6px 14px #00000073}.crest-grid .crest-swatch{filter:brightness(calc(.6 + var(--cover-dim, 1) * .4))}.crest-grid .crest-carousel-item:not(.is-centered) .crest-tile{border-color:transparent;background:transparent;box-shadow:none}.crest-grid .crest-carousel-item:not(.is-centered) .crest-swatch{border-color:#f4f1e824;background:var(--c);box-shadow:inset 0 -3px 6px #00000040}.crest-group.is-active .crest-group-head>.eyebrow{color:var(--gold-hi)}.crest-grid .crest-swatch{margin:0}.crest-tile{position:relative;aspect-ratio:1;padding:4px;border-radius:12px;border:1.5px solid transparent;background:var(--field);transition:width .24s var(--ease),height .24s var(--ease),flex-basis .24s var(--ease),margin .24s var(--ease),transform .14s cubic-bezier(.3,.7,.4,1),border-color .2s,background-color .2s,box-shadow .2s}.crest-tile .crest{filter:none}.crest-tile:active{transform:scale(.92)}.crest-grid .crest-tile:active{transform:perspective(360px) translate(var(--cover-shift, 0px)) rotateY(var(--cover-angle, 0deg)) scale(calc(var(--cover-scale, 1) * .96))}.crest-tile[aria-pressed=true]{border-color:var(--gold);background:#ff7a1a24}.crest-tile:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.crest-swatch{padding:0;background:var(--c);border-radius:50%;border:2px solid rgba(244,241,232,.14)}.crest-swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px var(--gold);background-color:var(--c)}.crest-metals{display:flex;gap:10px;align-items:center;padding:3px 4px 4px}.crest-metals .eyebrow{flex-shrink:0}.crest-trim-controls{display:flex;flex:1;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;min-width:0}.crest-trim-styles,.crest-trim-metals{display:flex;align-items:center;gap:5px}.crest-trim-styles .crest-tile{flex-shrink:0;width:30px;height:30px;padding:2px;border-radius:50%}.crest-trim-metals{margin-left:auto}.crest-metals .crest-swatch{flex-shrink:0;width:22px;height:22px;aspect-ratio:auto}#crestDialog .crest-head{flex-shrink:0}#crestDialog .row-2{margin-top:8px;flex-shrink:0}#crestDialog .btn{height:48px;min-height:48px;padding-top:10px;padding-bottom:10px;font-size:24px}@media(max-width:420px){.crest-metals{gap:8px}.crest-trim-controls{column-gap:8px}.crest-trim-styles,.crest-trim-metals{gap:4px}.crest-trim-styles .crest-tile{width:28px;height:28px}.crest-metals .crest-swatch{width:20px;height:20px}}@media(max-width:360px){.crest-metals .eyebrow{align-self:flex-start;margin-top:8px}}.slider-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 12px;padding:10px 4px}.slider-row label{font-weight:700}.slider-row output{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:800;min-width:3ch;text-align:right}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px}.switch-text{display:flex;flex-direction:column;gap:2px;min-width:0;font-weight:700}.switch-text .muted{font-weight:500}.switch{position:relative;width:52px;height:32px;flex-shrink:0;padding:0;border-radius:999px;border:1px solid var(--line);background:#2a2d55;cursor:pointer;transition:background-color .25s,border-color .25s}.switch-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--ink);box-shadow:0 2px 6px #00000059;transition:transform .3s var(--spring)}.switch[aria-checked=true]{background:var(--foil);background-size:220% 100%;border-color:var(--lava-edge);animation:lava 7s ease-in-out infinite alternate}.switch[aria-checked=true] .switch-knob{transform:translate(20px)}.switch:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.slider{grid-column:1 / -1;width:100%;height:36px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;--fill: 50%}.slider:focus-visible{outline:none}.slider::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(90deg,transparent var(--fill),#2A2D55 var(--fill)),var(--foil)}.slider::-moz-range-track{height:8px;border-radius:4px;background:#2a2d55}.slider::-moz-range-progress{height:8px;border-radius:4px;background:var(--foil)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-10px;border-radius:50%;border:none;background:var(--foil);box-shadow:inset 0 1px #fffc,0 2px 8px #00000073;transition:transform .15s var(--spring)}.slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;border:none;background:var(--foil);box-shadow:inset 0 1px #fffc,0 2px 8px #00000073}.slider:active::-webkit-slider-thumb,.slider:focus-visible::-webkit-slider-thumb{transform:scale(1.18);box-shadow:0 0 0 6px #ff7a1a33,0 2px 8px #00000073}dialog.sheet{max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));overflow-y:auto;width:min(440px,100%);max-width:100%;margin:auto auto 0;padding:12px 20px max(24px,env(safe-area-inset-bottom));border:none;border-radius:28px 28px 0 0;background:var(--surface);color:var(--ink);box-shadow:0 -20px 60px #00000080;display:none;flex-direction:column;gap:6px}dialog.sheet>*{flex-shrink:0}dialog.sheet>.rules,dialog.sheet>.crest-options{flex-shrink:1;min-height:0}dialog.sheet[open]{display:flex;animation:sheet-up .35s var(--ease) backwards;touch-action:none}dialog.sheet::backdrop{background:#04051099;backdrop-filter:blur(2px);animation:fade-bg .3s ease both}dialog.sheet.closing{animation:sheet-down .26s cubic-bezier(.4,0,.9,.6) forwards;pointer-events:none}dialog.sheet.closing::backdrop{animation:fade-bg-out .26s ease forwards}dialog.sheet.dragging{animation:none}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes fade-bg{0%{opacity:0}to{opacity:1}}@keyframes fade-bg-out{0%{opacity:1}to{opacity:0}}.sheet-tall{max-height:88vh;max-height:88dvh}.sheet-grip{align-self:center;width:40px;height:4px;border-radius:2px;background:#f4f1e840;margin-bottom:8px;cursor:grab}.sheet .rules,.sheet .crest-options{touch-action:pan-y}.sheet-title{margin:8px 0 4px;font-size:34px}.sheet hr{width:100%;border:none;border-top:1px solid var(--line);margin:6px 0}.sheet .row-2{margin-top:14px}.sheet-item{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 12px;border:none;border-radius:14px;background:transparent;font-size:16px;font-weight:700;text-align:left}.sheet-item:hover{background:#ffffff0d}.sheet-item.warn{color:var(--gold)}.sheet-item.danger{color:#ff8a8f}.sheet-close{margin-top:10px}.rules{overflow-y:auto;font-size:15px;line-height:1.55;color:var(--muted);padding-right:4px}.rules h3{margin:16px 0 6px;font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold)}.rules strong{color:var(--ink)}.rules ol,.rules ul{margin:0;padding-left:20px}.rules li{margin:4px 0}.rules .goal{margin:0 0 4px;padding:12px 14px;border:1px solid var(--lava-edge);border-radius:12px;background:#ff7a1a14;color:var(--ink);font-size:16px;font-weight:600}.rules .goal span{display:block;margin-bottom:2px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold)}.rules .steps{list-style:none;counter-reset:step;padding:0}.rules .steps>li{counter-increment:step;position:relative;margin:8px 0;padding-left:34px;min-height:24px}.rules .steps>li:before{content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--field);border:1px solid var(--line);color:var(--gold-hi);font-size:12px;font-weight:700}.rules .steps ul{list-style:none;padding:0;margin:6px 0 0}.rules .steps ul li{margin:3px 0}.rules .steps b{display:inline-block;min-width:46px;margin-right:6px;font-size:12px}.rules .steps b.no{color:var(--danger)}.rules .steps b.yes{color:var(--online)}.rules .tips{list-style:none;padding:0}.rules .tips li{padding:8px 12px;margin:6px 0;border-radius:10px;background:var(--field)}.toast{position:fixed;left:50%;bottom:max(104px,calc(env(safe-area-inset-bottom) + 88px));z-index:50;max-width:calc(100% - 32px);padding:12px 18px;border-radius:14px;background:var(--ink);color:var(--bg);font-weight:700;font-size:15px;transform:translate(-50%,140%);opacity:0;pointer-events:none;transition:transform .35s var(--ease),opacity .35s}.toast.show{transform:translate(-50%);opacity:1}.update-toast{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;gap:16px;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;border-radius:14px;background:var(--ink);color:var(--bg);font-size:15px;font-weight:700;transform:translate(-50%);box-shadow:0 4px 24px #0000004d}.update-toast button{flex-shrink:0;min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}.update-toast button:disabled{opacity:.6;cursor:wait}.update-toast .update-dismiss{background:transparent;color:inherit;padding:8px}.screen-home{display:grid;grid-template-rows:auto minmax(0,1fr) minmax(0,auto)}.screen-home,.screen-setup{width:100%;margin:0 auto}.hero{flex:1;min-height:0;container:hero / size;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.hero-logo{display:flex;width:min(168px,max(48px,calc(100cqh - 164px)));height:min(168px,max(48px,calc(100cqh - 164px)))}.hero-title{display:block;font-size:64px}.hero-tagline{display:block;max-width:280px;font-size:16px}#roomForm{width:100%;padding:20px;gap:14px}.mode-extra>[inert]{display:none}.setup-head{flex-direction:row;align-items:center}.setup-title{font-size:48px}.crest-btn{width:92px;height:92px}.names-form{gap:20px}#roomForm>.btn,.names-form>.btn,.sheet>.sheet-close,.sheet>.row-2{position:sticky;bottom:0;z-index:2}.sheet>.row-2{background:var(--surface)}.names-form:has(.field-error:not(:empty)) #secretHint{display:none}#roomForm:has(.field-error:not(:empty)) #createHint{display:none}.screen-lobby>.bar{display:grid;grid-template-columns:1fr auto 1fr}.screen-lobby .bar-logo{justify-self:start}.screen-lobby .bar-group{justify-self:end}.list-head{overflow:visible}#revealLabel{min-width:0;line-height:1.05}.watching{display:grid;gap:4px;max-height:min(22dvh,100px);flex-shrink:0}@media(min-width:600px){.app{max-width:640px}.screen{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.lobby-body{margin:0 -24px}.list-view{width:calc(100% - 48px)}.list-room{font-size:clamp(30px,3vw,48px)}dialog.sheet{width:min(480px,calc(100% - 48px));margin:auto;padding:20px 24px 24px;border-radius:28px;box-shadow:0 30px 80px #0000008c}dialog.sheet[open]{animation:sheet-pop .3s var(--ease) backwards;touch-action:auto}dialog.sheet.closing{animation:sheet-unpop .2s cubic-bezier(.4,0,1,1) forwards}@keyframes sheet-pop{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes sheet-unpop{to{opacity:0;transform:translateY(16px) scale(.97)}}.sheet-grip{display:none}.sheet-tall{max-height:min(88dvh,860px)}#rulesDialog{width:min(560px,calc(100% - 48px))}.reveal{background:radial-gradient(60vmin 60vmin at 50% 50%,#4f63d942,#07081900 70%),var(--bg-deep)}.count{width:min(50vmin,520px);height:min(50vmin,520px)}.count-num{font-size:min(38vmin,400px)}.reveal-name{font-size:clamp(80px,13vmin,180px)}.eliminated-label{font-size:clamp(15px,2.2vmin,22px)}.capture-arrow{width:clamp(34px,5vmin,60px);height:clamp(34px,5vmin,60px)}.reveal-timer{left:max(48px,calc(50% - 360px));right:max(48px,calc(50% - 360px))}}@media(min-width:480px)and (min-aspect-ratio:5/4){.app{max-width:1600px}.screen{display:grid;column-gap:24px}.screen-home{grid-template:"bar card" auto "hero card" minmax(0,1fr) / minmax(0,1fr) minmax(0,1fr)}.screen-home>.bar{grid-area:bar}.hero{grid-area:hero}.hero-logo{width:min(100cqw,max(64px,calc(100cqh - 120px)),280px);height:min(100cqw,max(64px,calc(100cqh - 120px)),280px)}.hero-title{font-size:clamp(40px,12dvh,96px)}.hero-tagline{font-size:14px}#roomForm{grid-area:card;align-self:center;padding:20px;gap:12px}.screen-setup{grid-template:"bar bar" auto "title crest" auto "form crest" minmax(0,1fr) / minmax(0,1fr) minmax(0,1fr);row-gap:12px}.screen-setup>.bar{grid-area:bar}.setup-intro,.setup-head{display:contents}.setup-title{grid-area:title;font-size:clamp(28px,7dvh,56px)}.setup-title br{display:none}.setup-intro>.muted{display:none}.crest-btn{grid-area:crest;align-self:center;justify-self:center;width:min(100%,calc(100dvh - 80px),360px);height:auto;aspect-ratio:1}.crest-edit{width:clamp(30px,8vmin,48px);height:clamp(30px,8vmin,48px);border-radius:50%}.crest-edit .icon{width:46%;height:46%}.names-form{grid-area:form;display:flex;gap:12px;min-width:0}.names-form>.grow{display:none}.names-form>.btn{margin-top:auto}.screen-lobby{display:grid;column-gap:16px;row-gap:0;grid-template:"bar stage" auto "head stage" auto ". stage" minmax(0,1fr) "watch stage" auto "go stage" auto / clamp(200px,28vw,320px) minmax(0,1fr)}.screen-lobby>.bar{grid-area:bar;margin-bottom:8px}.screen-lobby .list-head{grid-area:head}.screen-lobby .lobby-body{grid-area:stage;margin:0}.screen-lobby .list-view{width:100%}.screen-lobby .watching{grid-area:watch;margin-bottom:8px;max-height:min(180px,max(36px,calc(100dvh - 230px)))}.screen-lobby #revealSecrets{grid-area:go;height:48px;padding:0 10px;gap:6px;font-size:20px;white-space:normal}}@media(max-height:600px){.screen{gap:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.hero-tagline{font-size:13px}#roomForm{padding:12px;gap:8px}.mode-switch button{height:36px}.stack-sm{gap:4px}.field,.field-lg,.reroll-btn{height:44px}.reroll-btn{width:44px}.secret{height:44px}.secret-input{height:40px}.field-error,.hint{font-size:12px}.btn,.btn-xl,.names-form .btn-xl{height:44px;font-size:22px}.setup-title{font-size:32px}.setup-title br{display:none}.setup-intro{gap:4px}.setup-intro .muted{font-size:12px}.names-form,.screen-lobby{gap:8px}.screen-lobby .list-room{font-size:28px}.screen-lobby .room-pass strong{font-size:15px}.screen-lobby .invite{font-size:13px}.sheet-item{min-height:44px}#roomForm:has(.field-error:not(:empty)){padding:8px;gap:4px}#optionsDialog[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:8px;gap:2px}#optionsDialog .sheet-grip,#optionsDialog hr{display:none}#optionsDialog .sheet-item{padding:0 8px;gap:8px;font-size:14px}#optionsDialog .sheet-close{grid-column:1 / -1;margin:0}}@media(max-height:400px){.names-form{gap:4px}.names-form .eyebrow{font-size:12px}.hero-tagline,.screen-home #createHint{display:none}.setup-intro>.muted{display:none}.screen-setup .setup-title{font-size:28px}dialog.sheet{padding-top:8px;padding-bottom:12px;gap:4px}dialog.sheet>.muted{font-size:14px;line-height:1.4}#audioDialog[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#audioDialog .sheet-grip{display:none}#audioDialog .sheet-title,#audioDialog .switch-row,#audioDialog .sheet-close{grid-column:1 / -1}#audioDialog .sheet-title{font-size:28px;margin:0}#audioDialog .slider-row{padding:4px;gap:4px;font-size:14px}#audioDialog .switch-row{padding:4px}#audioDialog .switch-text .muted{display:none}#audioDialog .sheet-close{margin-top:0}}@media(max-height:600px)and (max-aspect-ratio:5/4){.hero{gap:8px}.hero-title{font-size:48px}.hero-logo{width:min(144px,max(40px,calc(100cqh - 112px)));height:min(144px,max(40px,calc(100cqh - 112px)))}}@media(min-width:480px)and (min-aspect-ratio:5/4)and (max-height:600px){.screen{column-gap:16px}.hero{gap:8px}.hero-logo{width:min(100cqw,max(64px,calc(100cqh - 72px)),280px);height:min(100cqw,max(64px,calc(100cqh - 72px)),280px)}.hero-title{font-size:clamp(36px,12dvh,64px)}.hero-tagline{display:none}#roomForm{padding:12px;gap:8px}.screen-setup{row-gap:8px}.screen-setup .names-form{gap:8px}.screen-setup #secretHint{display:none}.screen-lobby{gap:0 12px}}@media(min-width:480px)and (min-aspect-ratio:5/4)and (max-height:400px){.screen-home #roomForm{padding:8px}.screen-setup .names-form,.screen-setup .stack-sm{gap:2px}}.eliminated-stage{gap:clamp(4px,1dvh,10px);padding:16px max(28px,env(safe-area-inset-left)) 16px max(28px,env(safe-area-inset-right))}.eliminated-stage .eliminated-crest{width:clamp(40px,22vmin,260px);height:clamp(40px,22vmin,260px);margin-bottom:0}.eliminated-stage .capture-crest{width:clamp(32px,18vmin,220px);height:clamp(32px,18vmin,220px)}.eliminated-who{font-size:clamp(20px,6vmin,80px)}.eliminated-stage .reveal-name{max-width:100%;font-size:clamp(28px,12vmin,180px)}.capture-count{font-size:clamp(20px,5vmin,64px)}.reveal-timer{bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px),12dvh)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-timer span.run{animation-duration:var(--t, 2.5s)!important}}.odo-digit{display:inline-block;width:1ch;height:1em;line-height:1;vertical-align:top;clip-path:inset(0 -50%);transition:width .55s cubic-bezier(.2,.9,.25,1.08),clip-path .55s cubic-bezier(.2,.9,.25,1.08)}.odo-digit.is-blank{width:0;clip-path:inset(0 50%)}.odo-strip{display:block;width:1ch;line-height:1;text-align:center;transition:transform .55s cubic-bezier(.2,.9,.25,1.08)}.odo-strip>span{display:block;height:1em}.odo-char{display:inline-block;line-height:1;vertical-align:top}@media(prefers-reduced-motion:reduce){.odo-strip,.odo-digit{transition:none}}
/*# sourceMappingURL=style.css.map */