:root{--bg:#12160f;--panel:#1d2418e6;--panel-strong:#171e14f5;--border:#d8c9a229;--text:#f2edd8;--muted:#b4ab8b;--accent:#d97706;--accent-soft:#e8d39f;--success:#7dd56f}*{box-sizing:border-box}html{background-color:#0b100a;min-height:100%}body{width:100%;min-height:100vh;color:var(--text);background:radial-gradient(circle at top,#d9770642,#0000 28%),radial-gradient(circle at 80% 20%,#7dd56f1f,#0000 20%),radial-gradient(circle at 100% 100%,#618c432e,#0000 28%),linear-gradient(#14190f 0%,#0f130d 48%,#0b100a 100%);margin:0;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;background-image:linear-gradient(#e8d39f08 1px,#0000 1px),linear-gradient(90deg,#e8d39f08 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000040,#000000b3);mask-image:linear-gradient(#00000040,#000000b3)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.hero-card,.room-card{border:1px solid var(--border);background:radial-gradient(circle at 18% 22%, #e8d39f0f 0 2px, transparent 2px 100%), radial-gradient(circle at 78% 72%, #e8d39f0d 0 1.5px, transparent 1.5px 100%), linear-gradient(180deg, #2a3322eb, #161b13f5), var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;width:min(1040px,100%);position:relative;box-shadow:0 24px 80px #0000006b}.hero-card{gap:28px;padding:48px;display:grid;overflow:hidden}.hero-card:after{content:"";filter:blur(8px);background:radial-gradient(circle,#d9770652,#0000 56%),radial-gradient(circle at 30% 30%,#7dd56f38,#0000 36%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-100px;right:-70px}.hero-silhouette{pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 420'%3E%3Cpath fill='%23e8d39f' d='M522 109c-22-23-48-37-81-44-23-5-54-8-76 2-16 8-40 31-52 45-26 29-67 33-104 41-39 8-67 20-105 43-34 21-80 71-75 114 2 21 20 39 41 43 22 4 46-2 67-8 24-6 47-15 70-22 9 29 9 57 8 87h57c6-43 13-92 41-127 20-26 51-39 81-41 18-1 39 2 57 0 24-4 40-20 53-40 16 14 36 25 56 33 19 8 40 16 60 12 11-2 21-10 24-21 9-27-16-57-33-75-25-28-56-52-89-74Zm-302 118c9 0 17 7 17 16 0 10-8 17-17 17-9 0-16-7-16-17 0-9 7-16 16-16Zm232 18c31 12 56 34 71 51-32-8-64-27-88-49 6-3 11-3 17-2Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:min(42vw,420px);height:min(36vw,320px);position:absolute;top:28px;right:32px}.room-card{gap:24px;padding:36px;display:grid}.eyebrow{color:var(--accent-soft);text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px;font-size:.72rem}h1,h2{letter-spacing:-.04em;margin:0;font-family:Sora,Avenir Next,Segoe UI,sans-serif}h1{max-width:12ch;font-size:clamp(2.8rem,9vw,5.8rem)}h2{font-size:clamp(1.6rem,4vw,2.4rem)}.hero-copy,.join-panel p,.stage-banner,.winner-banner small,.text-panel,.share-link{color:var(--muted);line-height:1.6}.create-form,.field,.share-card,.share-actions,.join-panel,.countdown-panel,.winner-banner,.text-panel{gap:16px;display:grid}.field span,.share-label,.player-card p,.winner-banner p{color:var(--accent-soft);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem}.field input,.join-row input,.typing-input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:16px;outline:none;padding:16px 18px}.field input:focus,.join-row input:focus,.typing-input:focus{border-color:#ff6b35cc;box-shadow:0 0 0 4px #ff6b3524}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:14px 20px;transition:transform .18s,opacity .18s,background .18s;display:inline-flex}.primary-button{background:var(--accent);color:#1a1204;font-weight:700;box-shadow:inset 0 -2px #00000029}.secondary-button{color:var(--text);background:#ffffff0f}.secondary-button.is-copied{color:#ddd6bf;background:#ffffff24}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:progress}.share-card,.join-panel,.countdown-panel,.winner-banner,.text-panel,.player-card,.stage-banner{background:radial-gradient(circle at 16% 20%, #e8d39f0a 0 2px, transparent 2px 100%), radial-gradient(circle at 74% 68%, #e8d39f08 0 1.5px, transparent 1.5px 100%), linear-gradient(180deg, #242e1ff0, #141a12f5), var(--panel-strong);border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:inset 0 1px #ffffff05,inset 0 -18px 30px #00000014}.share-card{grid-template-columns:1.4fr auto;align-items:center}.share-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.share-link{word-break:break-all}.qr-code{border-radius:16px;width:180px;height:180px}.room-header,.scoreboard,.join-row{gap:16px;display:grid}.room-header,.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.room-header{align-items:start}.status-pill{text-transform:capitalize;border:1px solid var(--border);border-radius:999px;place-self:start end;padding:10px 14px}.status-countdown,.status-racing{color:var(--accent-soft)}.status-finished{color:var(--success)}.status-pill{background:#ffffff08}.player-card{gap:12px;display:grid}.player-card strong{font-size:1.5rem}.progress-bar{background:#ffffff0d;border:1px solid #e8d39f1f;border-radius:999px;height:28px;position:relative;overflow:hidden}.progress-fill{opacity:.24;background:linear-gradient(90deg,#7dd56f,#d97706);display:block;position:absolute;inset:0 auto 0 0}.progress-footprints{grid-template-columns:repeat(10,minmax(0,1fr));align-items:center;gap:2px;padding:0 10px;display:grid;position:absolute;inset:0}.footprint{background:#e8d39f1f;border-radius:55% 55% 45% 45%;justify-self:center;width:14px;height:18px;transition:background .18s,transform .18s;position:relative;transform:rotate(-12deg)}.footprint:nth-child(2n){transform:rotate(12deg)translateY(2px)}.footprint:before,.footprint:after{content:"";background:inherit;border-radius:50%;width:5px;height:5px;position:absolute;top:-4px}.footprint:before{left:1px}.footprint:after{right:1px}.footprint.is-filled{background:#e8d39feb}.footprint.is-filled:nth-child(2n){transform:rotate(12deg)translateY(2px)scale(1.02)}.footprint.is-filled:nth-child(odd){transform:rotate(-12deg)scale(1.02)}.is-active{box-shadow:inset 0 0 0 1px #ff6b3580}.countdown-panel,.winner-banner{text-align:center}.countdown-number{color:var(--accent-soft);text-shadow:0 0 24px #d9770633;font-family:Sora,Avenir Next,Segoe UI,sans-serif;font-size:clamp(4rem,14vw,7rem);line-height:1}.duel-text{color:#7b766b;margin:0;font-size:1.2rem;line-height:1.85}.text-correct{color:var(--success)}.text-incorrect{color:#ff8a76}.text-pending{color:#847c64}.typing-input{resize:vertical;min-height:180px;line-height:1.6}.typing-input:disabled{opacity:.7;cursor:not-allowed}.error-text{color:#ff9d8a;margin:0}@media (max-width:780px){.hero-card,.room-card{padding:24px}.hero-silhouette{opacity:.09;width:240px;height:200px;top:56px;right:-10px}.share-card,.room-header,.scoreboard,.share-actions,.join-row{grid-template-columns:1fr}.status-pill{justify-self:start}.qr-code{width:150px;height:150px}.progress-footprints{padding:0 8px}.footprint{width:10px;height:14px}}