:root{font-family:Inter,Arial,sans-serif;color:#eeefed;background:#101113;font-synthesis:none;--green:#c3f36b;--muted:#999b99;--panel:#1b1d20;--line:#303237}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 24px}.brand{font-size:24px;color:white;text-decoration:none;font-weight:800;letter-spacing:-1px}.brand span{font-weight:400}.brand i{color:var(--green);font-style:normal;margin-left:10px}.badge,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.badge{border:1px solid var(--line);padding:9px 12px;border-radius:30px;color:var(--green)}main{padding:42px 24px;min-height:75vh}.eyebrow{color:var(--green)}h1{font-size:clamp(38px,6vw,72px);line-height:1.04;letter-spacing:-3px;margin:20px 0}h1 em{font-style:normal;color:var(--green)}h2{font-size:24px;letter-spacing:-.7px}h3{margin:0 0 10px}p{color:var(--muted);line-height:1.7}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;margin-bottom:48px}.hero p{max-width:480px}.hero-art{min-height:280px;position:relative;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 50% 90%,#3a4927,transparent 70%),#191b1d;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-art{width:150px;height:210px;border-radius:18px;background:var(--green);color:#171c11;transform:rotate(-12deg);padding:18px;box-shadow:12px 14px 0 #10111366;font-weight:bold;display:flex;flex-direction:column;justify-content:space-between}.card-art .symbol{font-size:60px;text-align:center}.card-art.second{position:absolute;background:#b9aff5;transform:rotate(13deg) translate(70px,-12px);z-index:0}.card-art.first{z-index:1;transform:rotate(-12deg) translate(-35px,10px)}.steps{display:flex;gap:20px;margin:24px 0;font-size:12px;color:#bdbfba}.steps b{color:var(--green);margin-right:7px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted);font-size:13px}.tables{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.table-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;text-align:left;color:white;cursor:pointer;min-height:158px;transition:.2s}.table-card:hover{border-color:var(--green);transform:translateY(-3px)}.table-card small{display:block;color:var(--muted);font-size:11px;margin:8px 0}.table-icon{font-size:28px;color:#9fa497;display:block;margin-bottom:18px}.dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px}.occupied .dot{background:#e6b869}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}button,.button{font:inherit;cursor:pointer}button.primary,button.secondary,button.danger{border-radius:10px;padding:13px 19px;font-size:14px;font-weight:700;border:1px solid var(--line)}button.primary{background:var(--green);color:#161b12;border-color:var(--green)}button.secondary{background:#232529;color:#eeefed}button.danger{background:transparent;color:#e6a69c}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b9aff5;outline-offset:3px}.panel{background:var(--panel);padding:26px;border:1px solid var(--line);border-radius:18px;margin:18px 0}.form-panel{max-width:520px;margin:20px auto}.form-panel h1{font-size:38px;letter-spacing:-1px}label{display:block;margin:17px 0 7px;font-size:13px;color:#c7c9c4}input,select{background:#111315;border:1px solid #404348;padding:14px;color:white;border-radius:9px;width:100%;font:inherit}input.code{text-transform:uppercase;letter-spacing:4px}.check{display:flex;align-items:center;gap:10px;line-height:1.5}.check input{width:18px;height:18px;flex-shrink:0}.room-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.room-header h1{font-size:40px;letter-spacing:-1.5px;margin:12px 0}.code-display{font-size:23px;letter-spacing:4px;color:var(--green);font-family:monospace}.layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.player{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.avatar{width:32px;height:32px;background:#343b2b;color:var(--green);display:grid;place-items:center;border-radius:50%;font-weight:bold}.player .score{margin-left:auto;color:var(--green)}.game-card{background:linear-gradient(130deg,#35302e,#262125);border:1px solid #66534b;border-radius:16px;padding:24px;margin:20px 0}.game-card .eyebrow{color:#e7bba6}.game-card h2{font-size:36px;margin:16px 0}.pill{display:inline-block;font-size:11px;border:1px solid #58504e;padding:6px 10px;border-radius:30px;margin-right:6px;color:#d5c9c3}.choices{display:grid;gap:12px;margin:20px 0}.choice{background:#222529;border:1px solid #45484c;color:white;border-radius:12px;padding:18px;text-align:left;line-height:1.6}.choice.selected{border-color:var(--green);background:#2c3523;box-shadow:0 0 0 1px var(--green)}.answer-choices{grid-template-columns:repeat(3,1fr)}.answer-choices .choice{text-align:center;font-weight:bold}.question{font-size:clamp(21px,3vw,30px);line-height:1.5;color:#f2f3ec;letter-spacing:-.5px}.phase{display:inline-block;color:var(--green);font-size:11px;letter-spacing:1px;text-transform:uppercase}.response-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.response{padding:20px;background:#111315;border-radius:12px}.response strong{font-size:28px;display:block;margin-top:10px}.result-title{color:var(--green);font-size:36px}.vote-icon{font-size:32px;display:block;margin-bottom:8px}.progress{height:5px;background:#30352b;border-radius:10px;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;background:var(--green)}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#342b25;color:#ffe2cd;border:1px solid #755443;border-radius:10px;padding:14px 22px;z-index:10;display:none}footer{border-top:1px solid var(--line);padding:25px 24px;color:#8d908a;font-size:12px;display:flex;justify-content:space-between;gap:20px}.rules{font-size:14px}.rules li{margin:10px 0;line-height:1.5;color:#bfc3ba}.connection{color:#e6b869;font-size:12px}.full{width:100%}@media(max-width:800px){.tables{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;gap:20px}.hero-art{min-height:240px}.layout{grid-template-columns:1fr}.layout aside{order:2}header{height:76px}main{padding-top:28px}h1{letter-spacing:-2px}.steps{gap:12px;flex-wrap:wrap}.room-header{align-items:flex-start}.room-header h1{font-size:30px}.code-display{font-size:18px}.panel{padding:20px}footer{flex-direction:column}.section-head h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Motion, cards and tactile controls */
.hero-art:before{content:'';position:absolute;inset:20px;border:1px dashed #60674c;border-radius:50%;transform:rotate(-15deg)}
.card-art.first{animation:float-first 6s ease-in-out infinite}.card-art.second{animation:float-second 7s ease-in-out infinite}
@keyframes float-first{50%{transform:rotate(-9deg) translate(-35px,0)}}@keyframes float-second{50%{transform:rotate(17deg) translate(70px,-22px)}}
.table-icon{position:relative;width:65px;height:48px;margin-bottom:20px;display:grid;place-items:center;border:2px solid #454c3c;border-radius:50%;background:#242b1d}.table-icon b{font-size:20px;color:var(--green)}.table-icon i{position:absolute;width:14px;height:10px;border-radius:5px;background:#666e58;left:8px;top:-7px}.table-icon i:nth-child(2){left:39px}.table-icon i:nth-child(3){top:auto;bottom:-7px}.table-icon i:nth-child(4){left:39px;top:auto;bottom:-7px}.occupied .table-icon{background:#352c22;border-color:#786245}.occupied .table-icon b{color:#e7bb7b}.occupied .table-icon i{background:#8c714e}
.table-card:hover .table-icon{transform:rotate(-7deg)}.table-icon{transition:transform .2s}button{touch-action:manipulation}button.primary:hover:not(:disabled){background:#d2ff85;box-shadow:0 5px 22px #c3f32b20}button:active:not(:disabled){transform:scale(.98)}
.player-info{flex:1;min-width:0}.player-info>span{overflow-wrap:anywhere}.score{white-space:nowrap;font-size:20px;font-weight:700}.score small{font-size:10px;color:var(--muted)}.avatar{font-size:21px;background:#333032;width:39px;height:39px;flex-shrink:0}.active-player .avatar{box-shadow:0 0 0 2px var(--green)}.active-player{background:#c3f36b08}.progress{height:4px;margin-right:10px}.turn-steps{display:flex;justify-content:space-between;gap:4px;margin:20px 0}.turn-steps span{font-size:11px;color:#6e726b;display:flex;align-items:center;gap:7px}.turn-steps b{width:23px;height:23px;display:grid;place-items:center;border:1px solid #43473d;border-radius:50%;font-size:10px}.turn-steps .current{color:var(--green)}.turn-steps .current b{background:var(--green);color:#18200f;border-color:var(--green)}.turn-steps .done{color:#b5c29f}.question-card{min-height:115px;font-size:17px;position:relative;padding:20px 23px 20px 42px;background:linear-gradient(120deg,#292b30,#202227);transition:transform .18s,border-color .18s}.question-card:before{content:'✳';position:absolute;left:15px;color:#b9aff5;top:20px}.question-card:hover{transform:translateX(4px);border-color:#9b91cb}.question-card.selected{background:linear-gradient(120deg,#34412b,#293321)}.player-choice:before{content:'◉';color:#b9aff5;margin-right:12px}.question{border-left:3px solid #b9aff5;padding:12px 0 12px 20px}.play-panel{position:relative;overflow:hidden}.response{animation:reveal .45s ease-out}.response:nth-child(2){animation-delay:.08s}.response strong{color:#c6bafa}.result-title{animation:pop .45s ease-out}.ballot-result{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.ballot-result span{background:#282b25;border-radius:10px;padding:12px}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:18px}.particle{position:absolute;top:-20px;width:9px;height:14px;background:var(--green);animation:fall 2.6s ease-in forwards}.p0{left:10%;animation-delay:.05s}.p1{left:25%;background:#b9aff5;animation-delay:.3s}.p2{left:40%;background:#ffb19d;animation-delay:.1s}.p3{left:60%;animation-delay:.5s}.p4{left:75%;background:#b9aff5;animation-delay:.2s}.p5{left:90%;background:#ffb19d;animation-delay:.4s}.particle:nth-child(n+7){animation-delay:.7s}.particle:nth-child(n+13){animation-delay:1.1s}@keyframes fall{to{transform:translateY(650px) rotate(540deg);opacity:0}}@keyframes pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.04)}100%{transform:scale(1);opacity:1}}@keyframes reveal{from{opacity:0;transform:rotateY(70deg) translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:440px){.turn-steps span{font-size:9px;gap:4px}.turn-steps b{width:18px;height:18px}.room-header{flex-wrap:wrap}.room-header .actions{margin:10px 0}.room-header p{margin:8px 0}.answer-choices .choice{padding:16px 7px}.question-card{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.confetti{display:none}}
.progress-0{width:0%}
.progress-1{width:5%}
.progress-2{width:10%}
.progress-3{width:15%}
.progress-4{width:20%}
.progress-5{width:25%}
.progress-6{width:30%}
.progress-7{width:35%}
.progress-8{width:40%}
.progress-9{width:45%}
.progress-10{width:50%}
.progress-11{width:55%}
.progress-12{width:60%}
.progress-13{width:65%}
.progress-14{width:70%}
.progress-15{width:75%}
.progress-16{width:80%}
.progress-17{width:85%}
.progress-18{width:90%}
.progress-19{width:95%}
.progress-20{width:100%}

.rank-number{font-size:12px;color:#7f8577;width:14px;flex-shrink:0}.rank-title{display:block;margin-top:5px;font-size:10px;color:#eac980;font-weight:bold}.cheese .rank-title{color:#eeb29c}.champion{background:linear-gradient(90deg,#c4a65512,transparent)}.champion .avatar{background:#4c4225}.cheese .avatar{background:#493129}.tie-label{font-size:9px;color:#8d9288}.ranking .player{padding:14px 0;transition:background .3s}

@media(max-width:800px){.room-header{flex-wrap:nowrap;gap:12px;align-items:center}.room-header>div:first-child{flex:1}.room-header>div:first-child .eyebrow{font-size:8px;letter-spacing:1px}.room-header h1{font-size:27px}.room-header>div:last-child{max-width:185px}.room-header>div:last-child>.muted{font-size:9px}.room-header .secondary{padding:9px;font-size:10px}.room-header .actions{gap:7px;margin:8px 0}.room-header .code-display{font-size:18px;margin:9px 0}.room-header+.actions{margin:14px 0}.turn-steps{margin:14px 0}}
.finish-confirm{border-color:#a97564;background:#2c2421}.final-results h1{font-size:clamp(32px,5vw,50px);letter-spacing:-1.5px}.final-podium{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.final-podium>div,.final-tie{padding:22px 18px;border:1px solid #5d5234;border-radius:16px;background:linear-gradient(140deg,#3b3423,#24231e);min-width:0}.final-podium .final-loser{border-color:#67483e;background:linear-gradient(140deg,#3a2924,#27201f)}.podium-icon{display:block;font-size:42px;margin-bottom:12px}.final-podium .rank-title{font-size:13px}.final-podium h2{font-size:25px;overflow-wrap:anywhere;line-height:1.3}.final-podium strong,.final-tie strong{color:#f0dfb0}.final-loser strong{color:#f1c4b1}.final-results>h3{margin-top:28px}@media(max-width:480px){.final-podium{grid-template-columns:1fr}.final-results .actions>button{width:100%}.final-podium h2{font-size:26px}}