:root{--ink:#120d0b;--ink-2:#1c1512;--ink-3:#2a201b;--line:#3b2e27;--paper:#f1e6d0;--paper-2:#e3d3b4;--paper-dim:#b9a98c;--safelight:#e0402f;--safelight-deep:#8f1d16;--amber:#f0a73a;--fixer:#4fb3a5;--silver:#9d968a;--f-logo:"Limelight", "Gloock", serif;--f-serif:"Gloock", Georgia, serif;--f-board:"Big Shoulders Display", "Arial Narrow", sans-serif;--f-type:"Courier Prime", "Courier New", monospace;--radius:6px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 700px at 85% -10%, #e0402f38, transparent 60%), radial-gradient(900px 600px at -10% 110%, #f0a73a1a, transparent 60%), var(--ink);color:var(--paper);font-family:var(--f-type);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;font-size:16px;line-height:1.45;overflow-x:hidden}a{color:var(--amber)}button{font:inherit;color:inherit}kbd{font-family:var(--f-type);opacity:.6;border:1px solid;border-radius:4px;margin-left:.4em;padding:0 .35em;font-size:.7em}.grain{pointer-events:none;z-index:100;opacity:.11;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 0.95  0 0 0 0 0.85  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.9s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.vignette{pointer-events:none;z-index:99;background:radial-gradient(#0000 55%,#0000008c 100%);position:fixed;inset:0}.label{font-family:var(--f-type);letter-spacing:.18em;text-transform:uppercase;color:var(--paper-dim);font-size:.72rem}.kicker{font-family:var(--f-type);text-transform:uppercase;letter-spacing:.22em;color:var(--paper-dim);margin:0;font-size:.85rem}.headline{font-family:var(--f-serif);text-align:center;margin:0;font-size:clamp(2rem,4vw,3.4rem);font-weight:400;line-height:1.05}.section-title{font-family:var(--f-serif);margin:0;font-size:1.7rem;font-weight:400}.hint{color:var(--paper-dim);text-align:center;margin:0}.error{color:#ffb4a8;border-left:3px solid var(--safelight);border-radius:0 var(--radius) var(--radius) 0;background:#e0402f24;margin:0;padding:.6rem .8rem}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.loader{font-family:var(--f-type);letter-spacing:.2em;text-transform:uppercase;color:var(--safelight);animation:1.6s ease-in-out infinite safelight-pulse}@keyframes safelight-pulse{50%{opacity:.35}}.card{border:1px solid var(--line);background:linear-gradient(#2a201beb,#1c1512f2);border-radius:14px;box-shadow:0 30px 80px -20px #000000b3,inset 0 1px #f1e6d00f}.btn{--bg:var(--ink-3);border:1px solid var(--line);background:var(--bg);font-family:var(--f-board);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--paper);cursor:pointer;transition:transform .15s var(--ease-out), box-shadow .2s, background .2s, opacity .2s;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.85rem 1.5rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{--bg:linear-gradient(180deg, #ef5140, var(--safelight) 55%, #c4321f);text-shadow:0 1px #00000040;border-color:#ff7a66;box-shadow:0 0 #e0402f80,0 10px 30px -8px #e0402fb3}.btn-primary:hover:not(:disabled){box-shadow:0 0 0 6px #e0402f26,0 14px 34px -8px #e0402fe6}.btn-ghost{color:var(--paper-2);background:0 0}.btn-ghost:hover:not(:disabled){background:#f1e6d00f}.btn-xl{padding:1rem 2rem;font-size:1.4rem}.icon-btn{border:1px solid var(--line);background:var(--ink-2);cursor:pointer;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid}.field{flex-direction:column;gap:.45rem;display:flex}.text-input,.code-input{background:var(--paper);width:100%;color:var(--ink);border-radius:var(--radius);font-family:var(--f-type);box-shadow:inset 0 2px 0 #0000001f, 0 0 0 0 var(--amber);background-image:repeating-linear-gradient(#0000 0 30px,#1a121012 30px 31px);border:none;padding:.85rem 1rem;font-size:1.15rem;transition:box-shadow .2s}.text-input:focus,.code-input:focus{box-shadow:inset 0 2px 0 #0000001f, 0 0 0 3px var(--amber);outline:none}.code-input{font-family:var(--f-board);letter-spacing:.55em;text-align:center;text-transform:uppercase;padding:.4rem 0 .4rem .55em;font-size:2.6rem;font-weight:900}.code-input::placeholder{color:#1a12102e}.segmented{background:var(--ink);border:1px solid var(--line);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid}.segmented button{font-family:var(--f-board);cursor:pointer;color:var(--paper-dim);background:0 0;border:none;border-radius:999px;padding:.55rem 0;font-size:1.15rem;font-weight:800;transition:background .2s,color .2s}.segmented button.is-active{background:var(--paper);color:var(--ink)}.logo{font-family:var(--f-logo);-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:baseline;line-height:1;display:inline-flex}.logo-chrono{color:var(--paper)}.logo-snap{color:var(--safelight);align-items:baseline;display:inline-flex}.logo-aperture{align-self:center;width:.8em;height:.8em;margin-right:.18em;display:inline-block}.logo-aperture svg{fill:none;width:100%;height:100%;stroke:var(--safelight);stroke-width:3.5px;animation:9s linear infinite aperture}@keyframes aperture{to{transform:rotate(360deg)}}.logo-sm{font-size:1.6rem}.logo-md{font-size:2.6rem}.logo-lg{font-size:clamp(2.4rem,11.5vw,4.6rem)}.splitflap{--h:1.45em;gap:.12em;display:inline-flex}.flap{width:.92em;height:var(--h);font-family:var(--f-board);color:var(--paper);perspective:300px;background:linear-gradient(#2b221d 0%,#211915 49.5%,#0d0907 50%,#1d1612 50.5%,#241c17 100%);border-radius:.09em;place-items:center;font-weight:900;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 .06em #000,0 .18em .4em #0009,inset 0 1px #ffffff12}.flap:before,.flap:after{content:"";background:#000;border-radius:.02em;width:.08em;height:.22em;position:absolute;top:50%;transform:translateY(-50%)}.flap:before{left:0}.flap:after{right:0}.flap-char{transform-origin:50%;line-height:1;animation:.12s ease-in flap;display:block}@keyframes flap{0%{filter:brightness(.5);transform:rotateX(-80deg)}to{filter:brightness();transform:rotateX(0)}}.splitflap-sm{font-size:1.4rem}.splitflap-md{font-size:2.6rem}.splitflap-lg{font-size:4.2rem}.splitflap-xl{font-size:clamp(4rem,8vw,7.5rem)}.photo-frame{background:var(--paper);border-radius:3px;position:relative;overflow:hidden}.photo-frame img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.developing{opacity:0;filter:brightness(2.4)contrast(.25)sepia(.6)blur(6px)}.is-loaded .developing{animation:develop 2.6s var(--ease-out) forwards}@keyframes develop{0%{opacity:0;filter:brightness(2.6)contrast(.2)sepia(.8)blur(8px)}15%{opacity:1}60%{filter:brightness(1.25)contrast(.8)sepia(.35)blur(1px)}to{opacity:1;filter:none}}.photo-tray{color:#1a121066;font-family:var(--f-type);letter-spacing:.25em;text-transform:uppercase;background:radial-gradient(circle at 50% 40%, #f6eddb, var(--paper-2));place-items:center;font-size:.8rem;animation:1.6s ease-in-out infinite safelight-pulse;display:grid;position:absolute;inset:0}.home{max-width:520px;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px 40px;flex-direction:column;justify-content:center;gap:1.75rem;margin:0 auto;display:flex}.home-hero{text-align:center;animation:rise .9s var(--ease-out) both}.tagline{font-family:var(--f-serif);color:var(--paper-2);margin:.5rem 0 0;font-size:1.35rem}.tagline em{color:var(--paper-dim);font-family:var(--f-type);margin-top:.35rem;font-size:.95rem;font-style:italic;display:block}.home-card{animation:rise .9s .12s var(--ease-out) both;padding:1.25rem}.tabs{border-bottom:1px dashed var(--line);grid-template-columns:1fr 1fr;margin:-.25rem -.25rem 1.25rem;display:grid}.tabs button{cursor:pointer;font-family:var(--f-board);letter-spacing:.06em;text-transform:uppercase;color:var(--paper-dim);background:0 0;border:none;padding:.6rem 0 .85rem;font-size:1.25rem;font-weight:800;position:relative}.tabs button.is-active{color:var(--paper)}.tabs button.is-active:after{content:"";background:var(--safelight);height:3px;box-shadow:0 0 12px var(--safelight);border-radius:3px;position:absolute;bottom:-1px;left:25%;right:25%}.how{counter-reset:step;animation:rise .9s .24s var(--ease-out) both;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.how li{counter-increment:step;color:var(--paper-dim);border-top:1px solid var(--line);padding-top:.6rem;font-size:.82rem}.how li:before{content:counter(step, decimal-leading-zero);font-family:var(--f-board);color:var(--safelight);margin-bottom:.2rem;font-size:1.6rem;font-weight:900;line-height:1;display:block}.how b{color:var(--paper)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.host{flex-direction:column;gap:18px;min-height:100dvh;padding:18px 28px 24px;display:flex}.host-bar{align-items:center;gap:24px;min-height:56px;display:flex}.host-bar .filmstrip{flex:1}.host-bar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.code-chip{font-family:var(--f-type);background:var(--ink-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.35rem .9rem}.code-chip b{font-family:var(--f-board);letter-spacing:.12em;color:var(--amber);font-size:1.15em;font-weight:900}.host-error{z-index:50;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.filmstrip{background:#0a0706;border-radius:4px;max-width:760px;margin:0 auto;padding:0 6px;box-shadow:0 6px 18px #00000080}.sprockets{opacity:.35;background-image:radial-gradient(circle,#0000 0 0),linear-gradient(90deg,#0000 4px,#f1e6d0bf 4px 10px,#0000 10px);background-position:0 2px;background-repeat:repeat-x;background-size:16px 5px;height:9px}.frames{gap:6px;display:flex}.frame{height:30px;font-family:var(--f-board);letter-spacing:.1em;border-radius:2px;flex:1;place-items:center;font-size:.95rem;font-weight:800;transition:background .5s,color .5s,box-shadow .5s;display:grid}.frame-blank{color:#5b4a40;background:#241a15}.frame-active{background:var(--safelight);color:var(--paper);animation:2s ease-in-out infinite safelight-pulse;box-shadow:0 0 18px #e0402fb3}.frame-exposed{color:#2a1f18;background:linear-gradient(135deg,#c9b48e,#8e7a5c)}.lobby{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:40px;width:100%;max-width:1400px;margin:0 auto;display:grid}.lobby-join{text-align:center;animation:rise .8s var(--ease-out) both;flex-direction:column;align-items:center;gap:14px;display:flex}.join-url{font-family:var(--f-serif);color:var(--amber);margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.lobby-qr{align-items:center;gap:14px;margin-top:14px;display:flex}.qr{box-shadow:0 0 0 6px var(--paper), 0 18px 40px #00000080;background:var(--paper);border-radius:8px}.lobby-roster{border:1px solid var(--line);animation:rise .8s .1s var(--ease-out) both;background:#0a070680;border-radius:16px;flex-direction:column;align-self:stretch;gap:16px;padding:24px;display:flex}.roster-head{justify-content:space-between;align-items:baseline;display:flex}.roster-empty{color:var(--paper-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.empty-frame{border:2px dashed var(--line);border-radius:4px;width:120px;height:90px;animation:2.4s ease-in-out infinite safelight-pulse}.contact-sheet{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:16px;margin:0;padding:6px;list-style:none;display:grid;overflow:hidden auto}.contact{background:var(--paper);color:var(--ink);transform:rotate(var(--tilt));animation:drop-in .6s var(--ease-spring) both;border-radius:3px;flex-direction:column;gap:4px;padding:10px 10px 12px;display:flex;position:relative;box-shadow:0 12px 24px #00000073}.contact-frame{font-family:var(--f-type);letter-spacing:.2em;color:var(--safelight-deep);font-size:.65rem}.contact-name{font-family:var(--f-serif);overflow-wrap:anywhere;font-size:1.4rem;line-height:1.1}.contact-kick{color:var(--ink);cursor:pointer;opacity:0;background:0 0;border:none;font-size:1.2rem;transition:opacity .2s;position:absolute;top:4px;right:6px}.contact:hover .contact-kick{opacity:.5}.contact-kick:hover{color:var(--safelight);opacity:1!important}@keyframes drop-in{0%{opacity:0;transform:translateY(-40px) rotate(calc(var(--tilt,0deg) * -3)) scale(1.1)}to{opacity:1;transform:rotate(var(--tilt,0deg))}}.lobby-actions{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.guessing{flex:1;grid-template-columns:minmax(0,1fr) 260px;gap:28px;min-height:0;display:grid}.guessing-stage{justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.stage-photo{width:100%;height:calc(100dvh - 150px);box-shadow:0 0 0 12px #0a0706, 0 0 0 13px var(--line), 0 30px 80px #000000b3;background:#0a0706;padding:0}.stage-photo .photo-tray{color:var(--safelight);background:#0a0706}.guessing-side{flex-direction:column;align-items:center;gap:22px;padding-top:12px;display:flex}.prompt{font-family:var(--f-serif);text-align:center;margin:0;font-size:2.2rem;line-height:1}.locked{flex-direction:column;flex:1;gap:10px;width:100%;min-height:0;display:flex}.locked ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.locked li{color:var(--paper-dim);background:#f1e6d008;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;transition:color .3s,background .3s;display:flex}.locked .dot{border:2px solid var(--line);width:10px;height:10px;transition:all .3s var(--ease-spring);border-radius:50%}.locked li.is-locked{color:var(--paper);background:#4fb3a51a}.locked li.is-locked .dot{background:var(--fixer);border-color:var(--fixer);box-shadow:0 0 10px var(--fixer);transform:scale(1.2)}.countdown{place-items:center;display:grid;position:relative}.countdown svg{width:100%;height:100%;position:absolute;inset:0}.countdown-track{fill:#0a070699;stroke:var(--ink-3);stroke-width:6px}.countdown-notch{stroke:var(--line);stroke-width:2px}.countdown-arc{fill:none;stroke:var(--paper);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .1s linear,stroke .3s}.countdown-num{font-family:var(--f-board);font-size:3.4rem;font-weight:900;line-height:1}.countdown.is-urgent .countdown-arc{stroke:var(--safelight);filter:drop-shadow(0 0 6px var(--safelight))}.countdown.is-urgent .countdown-num{color:var(--safelight);animation:heartbeat 1s var(--ease-out)}@keyframes heartbeat{0%{transform:scale(1.35)}to{transform:scale(1)}}.reveal{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:36px;min-height:0;display:grid}.flash{z-index:98;pointer-events:none;background:#fff;animation:.9s ease-out forwards flash;position:fixed;inset:0}@keyframes flash{0%{opacity:.95}to{opacity:0}}.reveal-photo{justify-content:center;display:flex}.print{background:var(--paper);animation:print-in .9s var(--ease-out) both;border-radius:3px;max-width:100%;margin:0;padding:14px 14px 0;transform:rotate(-1.2deg);box-shadow:0 30px 70px #0009}.print .photo-frame{aspect-ratio:auto;max-height:calc(100dvh - 300px)}.print .photo-frame img{width:auto;max-width:100%;max-height:calc(100dvh - 300px);margin:0 auto}@keyframes print-in{0%{opacity:0;transform:translateY(30px)rotate(3deg)}to{opacity:1;transform:rotate(-1.2deg)}}.catalog-card{color:var(--ink);font-family:var(--f-type);flex-direction:column;gap:2px;padding:12px 4px 16px;display:flex}.catalog-card .label{color:var(--safelight-deep)}.catalog-card strong{font-family:var(--f-serif);font-size:1.4rem;font-weight:400;line-height:1.15}.catalog-card small{color:#6b5a4a;font-size:.72rem}.catalog-card a{color:var(--safelight-deep)}.reveal-info{flex-direction:column;align-items:flex-start;gap:18px;min-width:0;display:flex}.clues{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.clues li{color:var(--amber);animation:rise .5s var(--ease-out) both;background:#f0a73a1f;border:1px solid #f0a73a66;border-radius:999px;padding:.35rem .75rem;font-size:.9rem}.clues li:before{content:"◉ "}.timeline{width:100%;padding-left:14px;padding-right:14px;padding-top:calc(var(--rows) * 46px + 10px);position:relative}.timeline-pins{height:calc(var(--rows) * 46px);position:absolute;bottom:30px;left:14px;right:14px}.pin{background:var(--paper);color:var(--ink);animation:pin-drop .6s var(--ease-spring) both;white-space:nowrap;border-radius:4px;flex-direction:column;align-items:center;padding:2px 8px;line-height:1.1;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 14px #00000073}.pin:after{content:"";background:inherit;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.pin-name{font-family:var(--f-board);text-overflow:ellipsis;max-width:110px;font-size:.95rem;font-weight:800;overflow:hidden}.pin-year{font-family:var(--f-type);font-size:.72rem}.pin-exact{background:var(--amber)}@keyframes pin-drop{0%{opacity:0;transform:translate(-50%,-40px)}to{opacity:1;transform:translate(-50%)}}.timeline-axis{border-top:2px solid var(--paper-dim);height:30px;position:relative}.timeline-tick{color:var(--paper-dim);font-size:.72rem;position:absolute;top:4px;transform:translate(-50%)}.timeline-tick:before{content:"";background:var(--paper-dim);width:1px;height:7px;position:absolute;top:-10px;left:50%}.timeline-actual{height:calc(var(--rows) * 46px + 30px);background:var(--safelight);width:3px;box-shadow:0 0 14px var(--safelight);transform-origin:bottom;animation:strike .5s .3s var(--ease-out) both;margin-left:-1.5px;position:absolute;bottom:30px}.timeline-actual span{font-family:var(--f-board);color:var(--safelight);background:var(--ink);padding:0 4px;font-size:1rem;font-weight:900;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}@keyframes strike{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.leaderboard{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.lb-row{background:#f1e6d00a;border:1px solid #0000;border-radius:8px;grid-template-columns:2.2rem 1fr auto auto;align-items:center;gap:12px;padding:8px 14px;display:grid}.lb-row.is-first{background:linear-gradient(90deg,#f0a73a2e,#f0a73a05);border-color:#f0a73a59}.lb-row.is-me{border-color:var(--fixer)}.lb-rank{font-family:var(--f-board);color:var(--paper-dim);font-size:1.4rem;font-weight:900}.is-first .lb-rank{color:var(--amber)}.lb-name{font-family:var(--f-serif);flex-direction:column;min-width:0;font-size:1.25rem;line-height:1.1;display:flex}.lb-name small{font-family:var(--f-type);color:var(--paper-dim);font-size:.72rem}.lb-delta{font-family:var(--f-board);color:var(--fixer);animation:rise .5s 1s var(--ease-out) both;font-weight:800}.lb-delta.is-zero{color:var(--silver);opacity:.5}.lb-score{font-family:var(--f-board);text-align:right;min-width:4.5ch;font-size:1.4rem;font-weight:900}.leaderboard.is-compact .lb-row{padding:5px 12px}.finished{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;width:100%;max-width:900px;margin:0 auto;display:flex}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:18px;width:100%;max-width:720px;display:grid}.podium-step{animation:rise .8s var(--ease-spring) both;flex-direction:column;align-items:center;gap:6px;display:flex}.podium-name{font-family:var(--f-serif);text-align:center;font-size:1.7rem}.podium-score{font-family:var(--f-board);color:var(--paper-dim);font-size:1.2rem;font-weight:800}.podium-block{width:100%;font-family:var(--f-board);color:var(--ink);border-radius:6px 6px 0 0;place-items:center;font-size:4.6rem;font-weight:900;display:grid}.step-1 .podium-block{background:linear-gradient(180deg, #ffd27a, var(--amber));height:220px;box-shadow:0 0 60px #f0a73a66}.step-2 .podium-block{background:linear-gradient(#e9e3d6,#b9b2a5);height:160px}.step-3 .podium-block{background:linear-gradient(#d9a37a,#9d6a45);height:120px}.step-1 .podium-name{font-size:2.2rem}.play{max-width:560px;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.play-pad{padding:24px 16px}.play-bar{align-items:center;gap:10px;padding:4px 0 10px;display:flex}.play-name{font-family:var(--f-serif);text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem;overflow:hidden}.play-score{font-family:var(--f-board);color:var(--amber);white-space:nowrap;margin-left:auto;font-size:1.15rem;font-weight:800}.play-center{text-align:center;flex:1;justify-content:center;align-items:center}.polaroid{background:var(--paper);width:200px;animation:drop-in .8s var(--ease-spring) both;--tilt:-3deg;border-radius:2px;padding:12px 12px 0;transform:rotate(-3deg);box-shadow:0 24px 50px #0000008c}.polaroid-img{aspect-ratio:1;font-family:var(--f-logo);color:var(--paper);animation:develop-solid 3s var(--ease-out) both;background:radial-gradient(circle at 40% 35%,#4a3a30,#120d0b);place-items:center;font-size:5rem;display:grid}@keyframes develop-solid{0%{filter:brightness(3)sepia()contrast(.3)}to{filter:none}}.polaroid-caption{font-family:var(--f-type);color:var(--ink);padding:14px 0 18px;font-size:1.1rem;display:block}.play-guess{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.timebar{background:var(--ink-3);border-radius:6px;height:6px;overflow:hidden}.timebar-fill{background:var(--paper);transform-origin:0;height:100%;transition:transform .1s linear}.timebar-fill.is-urgent{background:var(--safelight);box-shadow:0 0 10px var(--safelight)}.play-photo{flex:1;min-height:160px;max-height:52dvh;display:flex;position:relative}.play-photo .photo-frame{cursor:zoom-in;border:1px solid var(--line);background:#0a0706;flex:1}.play-photo .photo-tray{color:var(--safelight);background:#0a0706}.zoom-hint{letter-spacing:.15em;text-transform:uppercase;pointer-events:none;background:#0a0706bf;border-radius:999px;padding:2px 8px;font-size:.68rem;position:absolute;bottom:8px;right:8px}.guess-panel{animation:rise .4s var(--ease-out) both;flex-direction:column;align-items:stretch;gap:12px;display:flex}.year-readout{justify-content:space-between;align-items:center;display:flex}.year-big{font-family:var(--f-serif);font-variant-numeric:tabular-nums;letter-spacing:-.01em;animation:year-pop .25s var(--ease-spring);font-size:4.6rem;line-height:1}@keyframes year-pop{0%{color:var(--amber);transform:scale(1.06)}to{transform:scale(1)}}.nudge{border:1px solid var(--line);background:var(--ink-2);cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;width:52px;height:52px;font-size:1.8rem;line-height:1;display:grid}.nudge:active{background:var(--ink-3);transform:scale(.94)}.timedial{border:1px solid var(--line);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#2a201b,#17110e);border-radius:12px;height:86px;position:relative;overflow:hidden;box-shadow:inset 0 8px 18px #0000008c}.timedial:active{cursor:grabbing}.timedial:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.timedial-tape{will-change:transform;position:absolute;top:6px;left:0}.tick{stroke:#f1e6d040;stroke-width:1px}.tick-mid{stroke:#f1e6d080;stroke-width:1.5px}.tick-major{stroke:var(--paper);stroke-width:2px}.tick-label{fill:var(--paper-2);font-family:var(--f-board);text-anchor:middle;font-size:15px;font-weight:800}.timedial-needle{background:var(--safelight);width:3px;box-shadow:0 0 12px var(--safelight);margin-left:-1.5px;position:absolute;top:0;bottom:0;left:50%}.timedial-needle:before{content:"";border:7px solid #0000;border-top-color:var(--safelight);position:absolute;top:0;left:50%;transform:translate(-50%)}.timedial-glass{pointer-events:none;background:linear-gradient(90deg,#17110ef2,#0000 22% 78%,#17110ef2),linear-gradient(#ffffff0f,#0000 40%);position:absolute;inset:0}.timedial.is-disabled{opacity:.5}.btn-shutter{width:100%;padding:1.05rem;font-size:1.6rem}.guess-locked{text-align:center;align-items:center;padding:18px 0}.locked-stamp{color:var(--fixer);border:3px solid var(--fixer);animation:stamp .45s var(--ease-spring) both;border-radius:10px;margin:6px 0 18px;padding:4px 18px;transform:rotate(-4deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-4deg)scale(2.2)}to{opacity:1;transform:rotate(-4deg)scale(1)}}.zoom-layer{z-index:80;animation:rise .25s var(--ease-out);background:#0a0706f5;display:flex;position:fixed;inset:0}.zoom-scroll{touch-action:pan-x pan-y pinch-zoom;flex:1;align-items:center;display:flex;overflow:auto}.zoom-scroll img{width:auto;max-width:none;height:100dvh}.zoom-close{top:max(12px, env(safe-area-inset-top));font-size:1.6rem;position:fixed;right:12px}.play-reveal .splitflap{margin:4px 0}.verdict{font-family:var(--f-serif);margin:0;font-size:1.7rem;line-height:1.1}.reveal-stats{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.reveal-stats>div{border:1px solid var(--line);background:var(--ink-2);border-radius:10px;flex-direction:column;gap:4px;padding:12px 6px;display:flex}.reveal-stats b{font-family:var(--f-board);font-size:1.6rem;font-weight:900}.reveal-stats .points{color:var(--fixer)}.final-rank{font-family:var(--f-logo);color:var(--amber);animation:stamp .6s var(--ease-spring) both;font-size:6rem;line-height:1}.medal{font-size:3rem;display:block}@media (width<=900px){.host{padding:14px 16px 20px}.host-bar{flex-wrap:wrap;gap:12px}.host-bar .filmstrip{flex-basis:100%;order:3}.lobby,.reveal,.guessing{grid-template-columns:1fr}.stage-photo{height:55vh}.guessing-side{flex-flow:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.grain{display:none}}.mini-print{background:var(--paper);width:min(100%,360px);animation:print-in .8s var(--ease-out) both;border-radius:2px;margin:0;padding:8px 8px 0;transform:rotate(-1.5deg);box-shadow:0 18px 40px #0000008c}.mini-print .photo-frame{aspect-ratio:4/3;background:#0a0706}.mini-print figcaption{color:var(--ink);font-family:var(--f-serif);text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:8px 2px 10px;font-size:.95rem;line-height:1.2;display:-webkit-box;overflow:hidden}.play-reveal{gap:.85rem;padding-bottom:12px}.play-final{gap:1rem}.play-final .leaderboard{text-align:left;margin-top:.5rem}.contact-next{color:var(--paper-dim);border:2px dashed var(--line);box-shadow:none;background:0 0;animation:2.4s ease-in-out infinite safelight-pulse}.contact-next .contact-frame{color:var(--paper-dim)}.zoom-pan-hint{bottom:max(16px, env(safe-area-inset-bottom));letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--line);pointer-events:none;white-space:nowrap;background:#0a0706cc;border-radius:999px;padding:4px 12px;font-size:.7rem;position:fixed;left:50%;transform:translate(-50%)}.reveal-head{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.lb-more{text-align:left;font-size:.85rem}.locked ul.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.locked ul.is-grid li{text-overflow:ellipsis;white-space:nowrap;gap:6px;min-width:0;padding:5px 8px;font-size:.82rem;overflow:hidden}.host-guessing,.host-reveal{height:100dvh;overflow:hidden}.guessing-stage{align-self:stretch}.stage-photo{height:100%;max-height:calc(100dvh - 130px)}@media (width<=900px){.host-guessing,.host-reveal{height:auto;overflow:visible}.stage-photo{height:55vh}}.reveal-head .splitflap{font-size:clamp(3rem,5.2vw,5.6rem)}.reveal-info{gap:14px}.reveal-info .timeline{margin-top:4px}.finished{gap:20px}.finished .leaderboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;max-width:900px;display:grid}.step-1 .podium-block{height:180px}.step-2 .podium-block{height:130px}.step-3 .podium-block{height:100px}@media (width<=700px){.finished .leaderboard{grid-template-columns:1fr}}.hint.small{font-size:.8rem}.next-countdown{border:1px solid var(--line);background:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-2);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:.45rem 1.1rem;font-size:.85rem;display:inline-flex;position:relative;overflow:hidden}.next-countdown b{font-family:var(--f-board);color:var(--amber);font-size:1.15rem;font-weight:900}.next-countdown-bar{background:var(--amber);transform-origin:0;height:3px;transition:transform .1s linear;position:absolute;inset:auto 0 0}.host-lobby{gap:.9rem}.share-row{align-items:center;gap:16px;display:flex}.share-row .qr{box-shadow:0 0 0 4px var(--paper)}.share-actions{gap:.5rem}.share-actions .btn{padding:.6rem 1rem;font-size:1rem}.mini-roster{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mini-roster li{background:var(--paper);color:var(--ink);font-family:var(--f-serif);animation:drop-in .5s var(--ease-spring) both;border-radius:3px;padding:2px 10px}.waiting-host{color:var(--paper-dim);animation:2.4s ease-in-out infinite safelight-pulse}.waiting-host b{color:var(--paper);font-family:var(--f-serif);font-weight:400}.reveal-next{align-items:flex-start;gap:10px}.host-chip{border:1px solid var(--safelight);color:#ffb4a8;font-family:var(--f-board);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#e0402f24;border-radius:999px;padding:.3rem .8rem;font-weight:800}.host-chip:before{content:"◉ ";color:var(--safelight)}.sheet-backdrop{z-index:90;background:#0a0706b3;justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.sheet{border:1px solid var(--line);width:min(560px,100%);max-height:88dvh;padding:10px 16px max(18px, env(safe-area-inset-bottom));animation:sheet-up .32s var(--ease-out);background:linear-gradient(#2a201b,#1a1310);border-bottom:none;border-radius:18px 18px 0 0;flex-direction:column;gap:14px;display:flex;overflow-y:auto;box-shadow:0 -20px 60px #0009}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-grip{background:var(--line);border-radius:4px;align-self:center;width:44px;height:4px}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-actions{flex-direction:column;gap:10px;display:flex}.btn-danger{--bg:#8f1d16;border-color:var(--safelight)}.confirm-row{border:1px dashed var(--safelight);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.confirm-row span{color:#ffb4a8;flex-basis:100%;font-size:.9rem}.confirm-row .btn{flex:1;padding:.6rem;font-size:1rem}.sheet-section{flex-direction:column;gap:8px;display:flex}.sheet-players{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sheet-players li{background:#f1e6d00a;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sheet-players .dot{border:2px solid var(--line);border-radius:50%;flex:none;width:9px;height:9px}.sheet-players .dot.is-locked{background:var(--fixer);border-color:var(--fixer)}.sheet-player-name{font-family:var(--f-serif);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sheet-player-name small{font-family:var(--f-type);color:var(--paper-dim)}.sheet-player-score{font-family:var(--f-board);color:var(--paper-dim);font-weight:800}.sheet-kick{border:1px solid var(--line);color:var(--paper-dim);cursor:pointer;background:0 0;border-radius:999px;padding:2px 10px;font-size:.75rem}.sheet-kick:hover{color:#ffb4a8;border-color:var(--safelight)}.sheet-link{text-align:center;font-size:.85rem}.howto{text-align:left;border:1px solid var(--line);width:100%;animation:rise .7s .2s var(--ease-out) both;background:linear-gradient(#2a201bb3,#120d0bb3);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.howto-title{text-align:center;color:var(--safelight)}.howto-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.howto-steps li{background:var(--paper);color:var(--ink);animation:drop-in .55s var(--ease-spring) both;--tilt:0deg;border-radius:3px;flex-direction:column;gap:2px;padding:10px 10px 12px;display:flex;position:relative;box-shadow:0 8px 18px #00000059}.howto-steps li:nth-child(odd){--tilt:-1deg}.howto-steps li:nth-child(2n){--tilt:1deg}.howto-frame{letter-spacing:.18em;color:var(--safelight-deep);font-size:.62rem;position:absolute;top:6px;right:8px}.howto-icon{color:var(--safelight);font-size:1.3rem;line-height:1}.howto-steps b{font-family:var(--f-board);letter-spacing:.06em;text-transform:uppercase;font-size:1.15rem;font-weight:900}.howto-body{color:#4a3b31;font-size:.78rem;line-height:1.35}.howto-points{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.howto-points span{background:var(--ink-2);flex-direction:column;align-items:center;padding:6px 2px;display:flex}.howto-points span+span{border-left:1px solid var(--line)}.howto-points small{letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);font-size:.62rem}.howto-points b{font-family:var(--f-board);color:var(--fixer);font-size:1rem;font-weight:900}.howto-points span:first-child b{color:var(--amber)}.howto-tip{color:var(--paper-2);min-height:3.6em;animation:tip-in .5s var(--ease-out);margin:0;font-size:.85rem;line-height:1.4}@keyframes tip-in{0%{opacity:0;transform:translateY(6px)}}.howto-tip-tag{color:var(--amber);letter-spacing:.15em;text-transform:uppercase;vertical-align:1px;background:#f0a73a26;border:1px solid #f0a73a73;border-radius:999px;margin-right:8px;padding:1px 8px;font-size:.65rem;display:inline-block}.howto-screen{max-width:640px;margin-top:6px}.howto-screen .howto-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.howto-screen .howto-body{font-size:.74rem}.play-center .howto{margin-top:6px}.play-lobby-scroll{overflow-y:auto}.copy-link{border:1px solid var(--line);background:var(--ink-2);max-width:100%;color:var(--paper);cursor:pointer;transition:border-color .2s, box-shadow .2s, transform .15s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 14px;display:inline-flex}.copy-link:hover{border-color:var(--amber);box-shadow:0 0 0 4px #f0a73a1f}.copy-link:active{transform:scale(.98)}.copy-link-url{font-family:var(--f-type);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.copy-link-url b{letter-spacing:.06em;color:var(--amber);font-family:inherit;font-weight:700}.copy-link-action{background:var(--paper);color:var(--ink);font-family:var(--f-board);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;padding:4px 12px;font-size:.85rem;font-weight:800;transition:background .2s,color .2s}.copy-link.is-copied{border-color:var(--fixer)}.copy-link.is-copied .copy-link-action{background:var(--fixer);color:var(--ink);animation:stamp .35s var(--ease-spring)}.copy-link-sm{padding:3px 3px 3px 12px;font-size:.85rem}.copy-link-sm .copy-link-action{padding:3px 10px;font-size:.72rem}.copy-link-lg{padding:8px 8px 8px 18px;font-size:1.15rem}.copy-link-lg .copy-link-action{padding:6px 16px;font-size:1rem}.lobby-share{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.invite-card{text-align:center}.invite-card .field{text-align:left}.invite-code{justify-content:center;margin:2px 0 6px;display:flex}.invite-title{font-family:var(--f-serif);margin:0;font-size:1.5rem}.link-btn{color:var(--paper-dim);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem;text-decoration:underline}.link-btn:hover{color:var(--paper)}.player-lobby{gap:.9rem}.polaroid-sm{width:150px;padding:9px 9px 0}.polaroid-sm .polaroid-img{font-size:3.6rem}.polaroid-sm .polaroid-caption{padding:10px 0 12px;font-size:.95rem}.roster{border:1px dashed var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:14px 12px;display:flex}.roster-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roster-tags li{background:var(--paper);color:var(--ink);font-family:var(--f-serif);transform:rotate(var(--tilt));animation:drop-in .5s var(--ease-spring) both;border-radius:3px;align-items:baseline;gap:6px;padding:4px 12px 5px;font-size:1.05rem;display:inline-flex;box-shadow:0 6px 14px #0006}.roster-tags li small{font-family:var(--f-type);letter-spacing:.14em;text-transform:uppercase;color:var(--safelight-deep);font-size:.6rem}.roster-tags li.is-me{outline:2px solid var(--fixer);outline-offset:2px}.roster-tags li.is-host:before{content:"◉";color:var(--safelight);align-self:center;font-size:.75rem}.roster-tags li.roster-waiting{color:var(--paper-dim);border:1px dashed var(--line);box-shadow:none;font-family:var(--f-type);background:0 0;font-size:.8rem;animation:2.4s ease-in-out infinite safelight-pulse;transform:none}.update-banner{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:120;border:1px solid var(--amber);background:var(--ink-2);color:var(--paper);font-family:var(--f-type);cursor:pointer;animation:rise .4s var(--ease-out);border-radius:999px;padding:.55rem 1.1rem;font-size:.85rem;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0009}.update-banner b{color:var(--amber)}.wide-only{display:none!important}.lobby-split,.reveal-split{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.9rem;display:flex}.lobby-main,.reveal-photo-col,.reveal-info-col{flex-direction:column;align-items:center;gap:.9rem;width:100%;display:flex}.lobby-aside{width:100%}.guess-side{flex-direction:column;gap:12px;display:flex}.mini-print-meta{font-family:var(--f-type);color:#6b5a4a;margin-top:4px;font-size:.72rem}.mini-print-meta a{color:var(--safelight-deep)}@media (width>=1000px) and (height>=560px){.wide-only{display:block!important}.play-logo.wide-only{margin-right:10px;display:inline-flex!important}.play{max-width:1480px;padding:14px 28px 22px}.play-bar{padding-bottom:14px}.play-guess{grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;gap:28px;display:grid}.play-guess .timebar{display:none}.play-photo{height:calc(100dvh - 104px);max-height:none}.play-photo .photo-frame{box-shadow:0 0 0 10px #0a0706, 0 0 0 11px var(--line), 0 30px 70px #0009;border:none}.guess-side{gap:18px;max-height:calc(100dvh - 104px);padding:4px 2px;overflow-y:auto}.guess-timer{align-items:center;gap:18px;display:flex!important}.guess-timer .prompt{text-align:left;font-size:2rem}.guess-side .locked{flex:none}.guess-side .locked small{color:var(--paper-dim);font-size:.75em}.zoom-hint{pointer-events:none}.lobby-split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:48px;width:100%;max-width:1240px;margin:0 auto;display:grid}.lobby-aside .howto{margin-top:0}.lobby-aside .howto-body{font-size:.85rem}.reveal-split{text-align:left;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);justify-content:stretch;align-items:start;gap:40px;width:100%;max-width:1440px;margin:0 auto;display:grid}.reveal-photo-col{align-items:stretch}.reveal-split .mini-print{width:100%;padding:14px 14px 0;transform:rotate(-1deg)}.reveal-split .mini-print .photo-frame{aspect-ratio:auto;background:var(--paper)}.reveal-split .mini-print .photo-frame img{max-height:calc(100dvh - 260px)}.reveal-split .mini-print figcaption{-webkit-line-clamp:unset;padding:12px 4px 16px;font-size:1.35rem;display:block}.reveal-info-col{align-items:flex-start;gap:14px}.reveal-info-col .reveal-stats{max-width:560px}.reveal-wide-extras{flex-direction:column;gap:16px;width:100%;display:flex!important}.play-final{width:100%;max-width:680px;margin:0 auto}}.final-you{font-family:var(--f-type);letter-spacing:.06em;color:var(--amber);margin:-6px 0 0}.podium-step.is-me .podium-name{color:var(--fixer)}.podium-step.is-me .podium-block{outline:3px solid var(--fixer);outline-offset:3px}.play-finished .finished{padding:8px 0 24px}@media (width<=600px){.finished .podium{gap:8px}.finished .podium-name{overflow-wrap:anywhere;text-align:center;font-size:1.1rem}.step-1 .podium-name{font-size:1.35rem}.finished .podium-score{font-size:.95rem}.finished .podium-block{font-size:3rem}.step-1 .podium-block{height:130px}.step-2 .podium-block{height:95px}.step-3 .podium-block{height:72px}.finished .headline{font-size:2rem}}@media (width>=1000px) and (height>=560px){.play{max-width:1720px}.lobby-split{flex:1;max-width:1400px}.lobby-main{gap:1.1rem}.lobby-split .splitflap-lg{font-size:5.4rem}.lobby-split .polaroid-sm{width:220px}.lobby-split .polaroid-sm .polaroid-img{font-size:5rem}.lobby-split .roster{padding:18px 16px}.lobby-split .roster-tags li{padding:5px 14px 6px;font-size:1.25rem}.lobby-split .copy-link,.lobby-split .hint{font-size:1.05rem}.lobby-aside .howto{gap:16px;padding:24px}.lobby-aside .howto-steps{gap:12px}.lobby-aside .howto-steps li{padding:14px 14px 16px}.lobby-aside .howto-steps b{font-size:1.45rem}.lobby-aside .howto-body{font-size:.95rem}.lobby-aside .howto-points b{font-size:1.3rem}.lobby-aside .howto-tip{font-size:1rem}.guess-side .year-big{font-size:5.2rem}.guess-side .btn-shutter{padding:1.15rem;font-size:1.8rem}}.reveal-stats>div{gap:6px;padding:12px 10px}@media (width>=1000px) and (height>=560px){.reveal-info-col .reveal-stats{gap:12px}.reveal-info-col .reveal-stats>div{padding:16px 20px 14px}.reveal-info-col .reveal-stats b{font-size:1.8rem;line-height:1.1}}