:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f2e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}.shell{background:radial-gradient(circle at 0 0,#f16b5c24,#0000 28rem),linear-gradient(135deg,#f6f2e8 0%,#eef7f3 52%,#fff5df 100%);min-height:100vh;padding:24px}.topbar{justify-content:space-between;align-items:end;gap:20px;max-width:1200px;margin:0 auto 20px;display:flex}.home-shell{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:28px;max-width:1200px;min-height:48vh;margin:0 auto 20px;padding-top:8vh;display:grid}.home-copy h1{font-size:clamp(4rem,13vw,10rem)}.home-copy p:last-child{color:#374151;max-width:560px;margin:18px 0 0;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:750;line-height:1.35}.home-actions{gap:10px;display:grid}.home-actions button{color:#fff;background:#17202a;border-radius:8px;min-height:54px;font-weight:900}.home-actions .home-primary{color:#17202a;background:#ffd166;box-shadow:0 18px 36px #d89b2138}.home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1200px;margin:0 auto;display:grid}.home-grid article{background:#ffffffad;border:1px solid #17202a1a;border-radius:8px;min-height:160px;padding:18px;box-shadow:0 14px 36px #17202a14}.home-grid span{color:#0f7a73;font-size:.78rem;font-weight:900}.home-grid strong{margin:8px 0;font-size:1.25rem;display:block}.home-grid p{color:#4b5563;margin-bottom:0;line-height:1.4}.profile-card{align-content:start;gap:8px;display:grid}.profile-card small,.reward-strip small{color:#6b7280;font-size:.76rem;font-weight:800}.profile-bar{background:#17202a1f;border-radius:999px;height:8px;overflow:hidden}.profile-bar span{border-radius:inherit;background:linear-gradient(90deg,#ffd166,#0f7a73);height:100%;display:block}.link-button{color:#0f7a73;background:0 0;width:fit-content;min-height:0;padding:0;font-size:.78rem;font-weight:900}.eyebrow{color:#0f7a73;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,4.5rem);line-height:.95}h2{font-size:1rem}h3{margin:0 0 12px;font-size:.95rem}.setup{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.mode-pill{background:#ffffffb8;border:1px solid #17202a1f;border-radius:8px;gap:3px;min-height:42px;padding:7px 14px;display:grid}.mode-pill span{color:#6b7280;font-size:.72rem;font-weight:850}.mode-pill strong{color:#17202a;font-size:.9rem}label{color:#4b5563;gap:6px;font-size:.78rem;font-weight:700;display:grid}select,.invite-field input,.alias-field input,.setup button,.actions button{border-radius:8px;min-height:42px}.text-button{color:#17202a;background:#17202a14;min-width:72px;padding:0 14px;font-weight:850}select{color:#17202a;background:#ffffffb8;border:1px solid #17202a29;padding:0 34px 0 12px}.room-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start;gap:16px;max-width:980px;margin:0 auto;display:grid}.room-panel{background:#ffffffbd;border:1px solid #17202a1a;border-radius:8px;padding:18px;box-shadow:0 18px 44px #17202a17}.room-code-block{gap:6px;margin-bottom:16px;display:grid}.room-code-block span,.room-roster>div:first-child span{color:#0f7a73;text-transform:uppercase;font-size:.78rem;font-weight:900}.room-code-block strong{color:#17202a;letter-spacing:0;font-size:clamp(3rem,8vw,5.5rem);line-height:.92}.invite-field input,.alias-field input{color:#374151;background:#ffffffe6;border:1px solid #17202a29;width:100%;padding:0 12px;font-weight:750}.alias-field{margin-top:12px}.room-actions{margin:14px 0}.room-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.toggle-row{color:#17202a;background:#ffffffad;border:1px solid #17202a1a;border-radius:8px;grid-column:1/-1;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.toggle-row input{accent-color:#0f7a73;width:18px;height:18px}.room-roster{gap:10px;display:grid}.room-roster>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.room-roster>div:first-child strong{color:#17202a}.room-member{background:#ffffffb3;border:1px solid #17202a1a;border-radius:8px;gap:4px;min-height:64px;padding:12px;display:grid}.room-member.local-member{background:#fff7d8;border-color:#d89b21}.room-member.offline-member{color:#6b7280;filter:grayscale(.75)}.room-member.waiting{background:#ffffff6b;border-style:dashed}.room-member span,.room-roster p{color:#6b7280;font-size:.82rem;font-weight:750}.room-roster p{margin:4px 0 0;line-height:1.4}.icon-button{color:#fff;background:#17202a;width:42px;font-size:1.1rem}.table{grid-template-columns:minmax(180px,240px) minmax(360px,1fr) minmax(220px,280px);align-items:start;gap:16px;max-width:1200px;margin:0 auto;display:grid}.players{gap:10px;display:grid}.player,.history article{background:#ffffffc2;border:1px solid #17202a1f;border-radius:8px;box-shadow:0 12px 30px #17202a14}.player{padding:14px;transition:transform .16s,border-color .16s}.player.active{border-color:#f16b5c;transform:translate(4px)}.player.eliminated{color:#6b7280;filter:grayscale(.8)}.player.winner{background:#fff7d8;border-color:#d89b21}.player.token-gain{animation:.76s both playerGain}.player.token-loss{animation:.76s both playerLoss}.player>div:first-child{justify-content:space-between;gap:10px;display:flex}.player span{color:#6b7280;font-size:.78rem;font-weight:700}.token-row{flex-wrap:wrap;gap:5px;min-height:24px;margin:12px 0;display:flex}.token,.empty-token{border-radius:50%;place-items:center;width:18px;height:18px;display:inline-grid}.token{background:linear-gradient(145deg,#ffd166,#f16b5c);border:2px solid #17202a29;box-shadow:inset 0 2px 1px #ffffff8c}.empty-token{color:#6b7280;border:1px dashed #17202a3d;font-size:.75rem}dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}dl div{gap:2px;display:grid}dt{color:#6b7280;font-size:.72rem}dd{margin:0;font-weight:850}.board{color:#fff;background:linear-gradient(#0f7a73f0,#105f63f0),#0f7a73;border-radius:8px;min-height:680px;padding:18px;position:relative;box-shadow:0 24px 60px #0f524e3d}.board.impact{animation:.42s both boardImpact}.status-line{color:#ffffffd1;justify-content:space-between;gap:14px;font-size:.88rem;font-weight:750;display:flex}.spinner-wrap{grid-template-rows:auto auto;place-items:center;min-height:430px;display:grid;position:relative}.spinner-stage{width:min(78vw,420px);height:350px;position:relative}.spinner-stage canvas{width:100%;height:100%;display:block}.spinner-loading{color:#ffffffb3;place-items:center;font-weight:850;display:grid;position:absolute;inset:0}.spinner{--spin:0deg;aspect-ratio:1;width:min(74vw,330px);transform:rotate(var(--spin));background:conic-gradient(#ffd166 0deg 60deg,#f16b5c 60deg 120deg,#95d5b2 120deg 180deg,#f7a072 180deg 240deg,#7cc6fe 240deg 300deg,#f7f3a0 300deg 360deg);border:12px solid #ffffffeb;border-radius:50%;transition:transform .82s cubic-bezier(.19,1,.22,1);position:relative;box-shadow:inset 0 0 0 2px #17202a2e,0 26px 50px #0000003d}.spinner:after{content:"";background:#17202a;border-radius:50%;position:absolute;inset:42%;box-shadow:0 0 0 10px #ffffffc7}.face{color:#17202a;transform-origin:0 0;font-weight:900;position:absolute;top:50%;left:50%}.face-0{transform:rotate(30deg)translate(86px)rotate(-30deg)}.face-1{transform:rotate(90deg)translate(86px)rotate(-90deg)}.face-2{transform:rotate(150deg)translate(86px)rotate(-150deg)}.face-3{transform:rotate(210deg)translate(86px)rotate(-210deg)}.face-4{transform:rotate(270deg)translate(86px)rotate(-270deg)}.face-5{transform:rotate(330deg)translate(86px)rotate(-330deg)}.center-pot{z-index:2;background:#17202ab8;border-radius:8px;grid-template-columns:auto auto;align-items:center;gap:10px;min-width:148px;padding:12px 16px;display:grid;position:relative;box-shadow:0 12px 28px #0000003d}.center-pot span{color:#ffffffbd;font-weight:800}.center-pot strong{font-size:2rem}.center-pot.center-pop{animation:.82s both centerPop}.center-pot.center-drain{animation:.82s both centerDrain}.result{background:#ffffff1a;border-radius:8px;gap:8px;min-height:94px;margin-top:12px;padding:16px;display:grid}.result span{font-size:1.35rem;font-weight:950}.result strong{font-size:.94rem;line-height:1.35}.result.gain{background:#95d5b23d}.result.risk{background:#f7a0723d}.result.jackpot{background:#ffd16647}.result.result-reveal{animation:.52s cubic-bezier(.19,1,.22,1) both resultReveal}.tutorial-card{background:#ffd1662e;border-radius:8px;gap:5px;margin-top:12px;padding:13px 16px;display:grid;box-shadow:inset 0 0 0 1px #ffd1663d}.tutorial-card span{color:#ffd166;font-size:.78rem;font-weight:950}.tutorial-card p{color:#fff;margin:0;font-weight:800;line-height:1.35}.fx-layer{z-index:12;pointer-events:none;position:absolute;inset:0;overflow:visible}.flying-token{background:radial-gradient(circle at 35% 30%,#fff2b8 0 16%,#ffd166 28%,#f16b5c 82%);border:2px solid #ffffff94;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.82s cubic-bezier(.19,1,.22,1) both tokenFly;position:absolute;box-shadow:0 10px 18px #00000038}.take-all-burst{color:#17202a;letter-spacing:0;background:#ffd166;border-radius:8px;padding:10px 18px;font-weight:950;animation:.96s both burstText;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 36px #0000003d}.spark{background:#ffd166;border-radius:50%;width:9px;height:9px;animation:.86s ease-out both sparkFly;position:absolute;top:42%;left:50%;box-shadow:0 0 18px #ffd166d9}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.actions button{color:#17202a;background:#ffffffeb;padding:0 18px;font-weight:850}.actions .primary{background:#ffd166;min-width:136px}.target-actions button{background:#fff}.winner-text{margin:0;font-weight:900}.post-match{align-content:start;gap:16px;display:grid}.post-hero{background:#ffffff1f;border-radius:8px;padding:18px;animation:.52s cubic-bezier(.19,1,.22,1) both resultReveal}.post-hero h2{color:#fff;margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1}.post-hero p:last-child{color:#ffffffd6;margin-bottom:0;font-weight:750}.reward-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.reward-strip article,.placements-panel,.missions-panel{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:8px}.reward-strip article{gap:6px;min-height:86px;padding:14px;display:grid}.reward-strip span,.reward-strip small,.placement-row small,.mission-row small{color:#ffffffad;font-size:.78rem;font-weight:750}.reward-strip strong{color:#ffd166;font-size:clamp(1.4rem,3vw,2.1rem);line-height:1}.post-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.placements-panel,.missions-panel{padding:14px}.placement-row,.mission-row{background:#ffffff14;border-radius:8px;align-items:center;gap:10px;min-height:58px;padding:10px;display:grid;position:relative}.placement-row+.placement-row,.mission-row+.mission-row{margin-top:8px}.placement-row{grid-template-columns:40px minmax(0,1fr) auto}.placement-row.you-row{background:#ffd16633;box-shadow:inset 0 0 0 1px #ffd1665c}.placement-row span,.mission-row span{color:#fff;font-weight:900;display:block}.placement-row em{color:#ffd166;white-space:nowrap;font-size:.82rem;font-style:normal;font-weight:900}.mission-row{grid-template-columns:minmax(0,1fr) auto;overflow:hidden}.mission-row strong{color:#ffd166}.mission-row.complete{background:#95d5b22e}.mission-bar{background:#17202a47;border-radius:999px;grid-column:1/-1;height:7px;overflow:hidden}.mission-bar span{border-radius:inherit;background:linear-gradient(90deg,#ffd166,#95d5b2);height:100%;display:block}.post-actions{margin-top:0}.history{gap:10px;display:grid}.history article{padding:12px}.history span{color:#0f7a73;font-size:.78rem;font-weight:900}.history p{color:#374151;margin:4px 0 0;font-size:.88rem;line-height:1.35}@keyframes boardImpact{0%{transform:translateY(0)}30%{transform:translateY(3px)}to{transform:translateY(0)}}@keyframes resultReveal{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes playerGain{0%{border-color:#17202a1f;transform:translate(0)scale(1)}35%{border-color:#ffd166;transform:translate(4px)scale(1.035);box-shadow:0 16px 34px #d89b2133}to{transform:translate(0)scale(1)}}@keyframes playerLoss{0%{border-color:#17202a1f;transform:translate(0)}28%{border-color:#f16b5c;transform:translate(-4px)}56%{transform:translate(3px)}to{transform:translate(0)}}@keyframes centerPop{0%{transform:scale(1)}38%{transform:scale(1.14);box-shadow:0 16px 36px #ffd16647}to{transform:scale(1)}}@keyframes centerDrain{0%{transform:scale(1)}35%{color:#17202a;background:#ffd166d1;transform:scale(.92)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes tokenFly{0%{opacity:0;transform:translate(0)scale(.65)}16%{opacity:1}62%{transform:translate(calc(var(--tx) * .74), calc(var(--ty) * .74 - 34px)) scale(1.16)}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.72)}}@keyframes burstText{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}@keyframes sparkFly{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(.7)}20%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) scale(.25)}}@media (width<=920px){.home-shell,.home-grid{grid-template-columns:1fr}.home-shell{min-height:auto;padding-top:2vh}.topbar{flex-direction:column;align-items:start}.table,.room-layout{grid-template-columns:1fr}.board,.post-match{order:1}.players{order:2;grid-template-columns:repeat(2,minmax(0,1fr))}.history{order:3}.board{min-height:600px}.post-grid,.reward-strip{grid-template-columns:1fr}}@media (width<=560px){.shell{padding:12px}.topbar{gap:12px;margin-bottom:12px}h1{font-size:2.5rem}.home-copy h1{font-size:clamp(3.2rem,18vw,5.2rem)}.home-copy p:last-child{font-size:1rem}.home-actions button{min-height:48px}.home-grid{gap:10px}.room-panel{padding:14px}.room-settings{grid-template-columns:1fr;gap:8px}.room-code-block strong{font-size:clamp(2.8rem,20vw,4rem)}.home-grid article{min-height:auto;padding:14px}.setup{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.setup label,.mode-pill{min-width:0}.setup select,.setup button{min-height:40px}.icon-button,.text-button{width:100%}.table{gap:10px}.players{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.player{min-height:126px;padding:10px}.player.active{transform:none}.player>div:first-child{align-items:start}.token-row{gap:4px;min-height:20px;margin:9px 0}.token,.empty-token{width:15px;height:15px}dl{gap:6px}dt{font-size:.68rem}dd{font-size:1rem}.board{min-height:560px;padding:14px}.status-line{flex-direction:row;align-items:center;font-size:.82rem}.spinner-wrap{min-height:350px}.spinner-stage{width:100%;height:280px}.center-pot{min-width:128px;padding:10px 14px}.center-pot strong{font-size:1.7rem}.result{min-height:82px;margin-top:10px;padding:14px}.result span{font-size:1.2rem}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.actions button,.actions .primary{width:100%;min-width:0;padding:0 12px}.target-actions{grid-template-columns:1fr}.winner-text{grid-column:1/-1}.history{gap:8px}.history article{padding:10px}.post-match{gap:10px}.post-hero,.placements-panel,.missions-panel{padding:12px}.post-hero h2{font-size:1.65rem}.reward-strip article{min-height:70px;padding:12px}.placement-row{grid-template-columns:34px minmax(0,1fr)}.placement-row em{white-space:normal;grid-column:2}.take-all-burst{top:38%}.face-0{transform:rotate(30deg)translate(70px)rotate(-30deg)}.face-1{transform:rotate(90deg)translate(70px)rotate(-90deg)}.face-2{transform:rotate(150deg)translate(70px)rotate(-150deg)}.face-3{transform:rotate(210deg)translate(70px)rotate(-210deg)}.face-4{transform:rotate(270deg)translate(70px)rotate(-270deg)}.face-5{transform:rotate(330deg)translate(70px)rotate(-330deg)}}