@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f8fb;background:#111827;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #f6f8fb;--muted: #8d98ad;--muted-strong: #b7c0d0;--bg: #111827;--surface: #172235;--surface-2: #1b2940;--line: rgba(222, 231, 245, .11);--orange: #ff805f;--orange-light: #ff9a78;--yellow: #ffd166;--green: #9be7c5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:var(--bg)}button{color:inherit;font:inherit;cursor:pointer}button:focus-visible{outline:3px solid rgba(255,209,102,.75);outline-offset:3px}.page{min-height:100vh;overflow:hidden;position:relative;background:radial-gradient(circle at 78% 15%,rgba(255,128,95,.08),transparent 28rem),radial-gradient(circle at 12% 80%,rgba(71,191,178,.07),transparent 26rem),var(--bg)}.page:before{content:"";position:absolute;pointer-events:none;inset:0;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.topbar{height:82px;max-width:1280px;margin:0 auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand-wrap,.topbar-actions,.brand{display:flex;align-items:center}.brand{gap:10px;border:0;background:transparent;padding:0;font-size:18px;font-weight:800;letter-spacing:-.04em}.brand-mark{width:25px;height:25px;display:flex;align-items:end;gap:3px;transform:rotate(-7deg)}.brand-mark span{display:block;width:6px;border-radius:5px;background:var(--orange)}.brand-mark span:nth-child(1){height:13px;opacity:.75}.brand-mark span:nth-child(2){height:22px}.brand-mark span:nth-child(3){height:17px;opacity:.88}.brand-eyebrow{color:var(--muted);border-left:1px solid var(--line);margin-left:20px;padding-left:20px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.topbar-actions{gap:8px;color:var(--muted);font:500 10px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.topbar-dot,.pulse-dot{width:7px;height:7px;border-radius:50%;background:#8ce1af;box-shadow:0 0 0 4px #8ce1af1a}.icon{width:18px;height:18px;display:block}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:#ffffff08;border-radius:12px;margin-right:14px;color:var(--muted-strong);transition:color .18s ease,transform .18s ease,background-color .18s ease}.icon-button:hover{color:var(--ink);background:#ffffff14;transform:translate(-2px)}.home-grid{width:min(1110px,calc(100% - 64px));min-height:calc(100vh - 190px);margin:0 auto;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:58px;position:relative;z-index:1}.hero-copy{padding-top:15px}.eyebrow-pill{display:inline-flex;align-items:center;gap:8px;color:#ffab90;font:500 10px DM Mono,monospace;letter-spacing:.13em;text-transform:uppercase;background:#ff805f14;border:1px solid rgba(255,128,95,.18);border-radius:999px;padding:8px 12px}.eyebrow-spark{color:var(--orange);font-size:14px}h1{margin:25px 0 0;color:var(--ink);font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.075em;font-weight:800;text-wrap:balance}h1 em{color:var(--orange-light);font-style:normal}.hero-description{max-width:390px;margin:25px 0 31px;color:var(--muted);font-size:16px;line-height:1.65}.primary-button,.secondary-button,.ghost-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;font-weight:700;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,border-color .18s ease}.primary-button{color:#20202a;background:var(--orange);padding:15px 19px 15px 22px;box-shadow:0 9px 26px #ff805f2e}.primary-button:hover{background:var(--orange-light);box-shadow:0 12px 32px #ff805f47;transform:translateY(-2px)}.primary-button:active,.secondary-button:active,.ghost-button:active{transform:scale(.96)}.primary-button .icon{width:17px}.micro-note{display:flex;align-items:center;gap:10px;margin-top:30px;color:var(--muted);font-size:11px}.micro-note strong{color:var(--muted-strong);font-weight:600}.avatar-stack{display:flex;padding-left:4px}.avatar-stack i{width:24px;height:24px;display:grid;place-items:center;margin-left:-4px;border:2px solid var(--bg);border-radius:50%;background:var(--surface-2);font-style:normal;font-size:13px}.hero-visual{min-height:475px;display:flex;align-items:center;justify-content:center;position:relative}.visual-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:#ff805f21;filter:blur(70px)}.preview-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:440px;height:250px}.orbit-two{width:500px;height:335px;transform:rotate(23deg);border-color:#ff805f1a}.preview-card{width:min(100%,410px);padding:25px;position:relative;z-index:1;border:1px solid rgba(219,229,242,.14);border-radius:25px;background:linear-gradient(145deg,#25344df0,#151f31f5);box-shadow:0 35px 80px #00000045,inset 0 1px #ffffff0f;transform:rotate(-4deg)}.preview-topline,.preview-heading,.preview-feedback{display:flex;align-items:center;justify-content:space-between}.live-label{display:inline-flex;align-items:center;gap:7px;font:500 10px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}.live-label span{width:6px;height:6px;border-radius:50%;background:var(--green)}.preview-room{color:var(--muted);font:11px DM Mono,monospace}.preview-heading{margin:30px 0 17px}.preview-heading span{font-size:21px;font-weight:700;letter-spacing:-.04em}.preview-heading small{color:var(--muted);font-size:11px}.mini-rack{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:12px 0 22px}.mini-item{aspect-ratio:.74;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;position:relative;border:1px solid rgba(255,255,255,.12);border-radius:13px;box-shadow:inset 0 1px #fff3}.mini-item span{font-size:37px;filter:drop-shadow(0 5px 5px rgba(0,0,0,.22))}.mini-item b{position:absolute;right:7px;bottom:6px;color:#16203180;font:500 8px DM Mono,monospace}.tone-pink{background:linear-gradient(145deg,#fb9cae,#ee708f)}.tone-mint{background:linear-gradient(145deg,#a7e7d2,#68c4ba)}.tone-lemon{background:linear-gradient(145deg,#ffe991,#eec854)}.tone-berry{background:linear-gradient(145deg,#c38bdc,#8a61c1)}.tone-orange{background:linear-gradient(145deg,#ffc27c,#ed8b50)}.tone-blue{background:linear-gradient(145deg,#90c9ee,#5b8fd1)}.preview-feedback{gap:11px;padding:12px 14px;border-radius:15px;background:#09101d57}.feedback-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#2b2a24;background:var(--yellow)}.preview-feedback div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.preview-feedback span{color:var(--muted);font-size:10px}.preview-feedback strong{font-size:13px}.feedback-arrow{color:var(--orange-light)!important;font-size:18px!important}.floating-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:10px 13px 10px 10px;background:#1c2a40e6;border:1px solid var(--line);box-shadow:0 15px 30px #0003;border-radius:14px;transform:rotate(7deg)}.floating-chip span:last-child{display:flex;flex-direction:column;gap:2px}.floating-chip b{color:var(--ink);font:700 15px DM Mono,monospace}.floating-chip small{color:var(--muted);font-size:9px}.chip-icon,.focus-ring{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;color:var(--orange-light);background:#ff805f1c}.chip-moves{top:104px;right:6%}.chip-focus{bottom:93px;left:4%;transform:rotate(-8deg)}.focus-ring{color:var(--yellow);background:#ffd1661f}.visual-caption{position:absolute;right:1%;bottom:20px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;line-height:1.35}.caption-line{width:34px;height:1px;background:var(--orange)}.how-it-works{width:min(1110px,calc(100% - 64px));margin:0 auto;padding:10px 0 42px;position:relative;z-index:1}.section-kicker,.board-kicker,.host-section-label{color:var(--muted);font:500 10px DM Mono,monospace;letter-spacing:.13em;text-transform:uppercase}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px}.step{display:flex;gap:15px;padding-top:15px;border-top:1px solid var(--line)}.step-number{color:var(--orange);font:500 11px DM Mono,monospace}.step strong{font-size:14px}.step p{color:var(--muted);font-size:11px;margin:7px 0 0}.setup-shell,.game-shell{width:min(1010px,calc(100% - 64px));margin:0 auto;position:relative;z-index:1}.setup-shell{min-height:calc(100vh - 82px);display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:76px}.setup-intro h1{font-size:clamp(44px,5vw,63px)}.setup-intro p{max-width:290px;color:var(--muted);line-height:1.6;font-size:14px;margin-top:22px}.setup-panel{padding:30px;border:1px solid var(--line);border-radius:24px;background:#172235d6;box-shadow:0 25px 55px #00000029}.form-section+.form-section{margin-top:33px;padding-top:30px;border-top:1px solid var(--line)}.form-label{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}.form-label>span{color:var(--orange);font:500 10px DM Mono,monospace}.form-label div{display:flex;flex-direction:column;gap:5px}.form-label strong{font-size:15px}.form-label small{color:var(--muted);font-size:11px}.theme-grid{display:grid;gap:9px}.theme-card{min-height:69px;padding:11px 14px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:14px;background:#ffffff09;text-align:start;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.theme-card:hover{background:#ffffff12;transform:translate(3px)}.theme-card.is-active{border-color:#ff805f99;background:#ff805f17}.theme-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;background:#ffffff12;border-radius:12px;font-size:22px}.theme-card>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.theme-card small{color:var(--muted);font-size:10px}.theme-check{margin-left:auto;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:transparent;border:1px solid var(--line)}.theme-check .icon{width:12px}.theme-card.is-active .theme-check{color:#25242a;background:var(--orange);border-color:var(--orange)}.count-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.count-option{padding:13px 10px;display:flex;flex-direction:column;gap:4px;border:1px solid transparent;border-radius:13px;background:#ffffff09;text-align:start}.count-option b{font:600 23px DM Mono,monospace}.count-option span{color:var(--muted);font-size:10px}.count-option.is-active{border-color:#ff805f99;background:#ff805f17}.count-option.is-active b{color:var(--orange-light)}.setup-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:33px;padding-top:23px;border-top:1px solid var(--line)}.setup-meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;line-height:1.45}.setup-meta strong{color:var(--muted-strong);font-weight:600}.meta-icon{color:var(--orange-light)}.meta-icon .icon{width:21px}.game-shell{padding:45px 0 40px}.game-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.game-head h1{font-size:clamp(39px,5vw,61px)}.game-head p{color:var(--muted);font-size:14px;margin:17px 0 0}.room-badge{min-width:150px;padding:13px 13px 13px 16px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#ffffff09}.room-badge span{color:var(--muted);grid-column:1;font:9px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.room-badge strong{grid-column:1;color:var(--yellow);font:500 18px DM Mono,monospace;letter-spacing:.08em;margin-top:3px}.room-badge button{grid-row:1 / 3;grid-column:2;width:30px;height:30px;display:grid;place-items:center;color:var(--muted);border:0;background:transparent;border-radius:8px}.room-badge button:hover,.room-badge button.is-copied{color:var(--green);background:#9be7c51a}.game-layout{display:grid;grid-template-columns:1fr 265px;gap:18px;align-items:start;margin-top:35px}.player-board{min-height:375px;padding:25px;border:1px solid var(--line);border-radius:23px;background:#172235d1;box-shadow:0 20px 50px #00000021}.board-topline{display:flex;align-items:start;justify-content:space-between;gap:20px}.board-topline>div{display:flex;flex-direction:column;gap:8px}.board-hint{color:var(--muted-strong);font-size:12px}.theme-label{color:var(--muted);font-size:11px}.item-rack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:33px}.item-rack.count-4{grid-template-columns:repeat(4,minmax(0,1fr))}.item-rack.count-6{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.item-card{min-width:0;aspect-ratio:.72;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;overflow:hidden;border:2px solid transparent;border-radius:16px;box-shadow:inset 0 1px #ffffff59,0 8px 15px #0000001f;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease}.item-card:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.22),transparent 33%);pointer-events:none}.item-card:hover{transform:translateY(-5px);filter:saturate(1.08)}.item-card.is-selected{border-color:#fff4cf;box-shadow:0 0 0 3px #ffd16642,0 12px 22px #00000038;transform:translateY(-7px)}.item-card.is-swapped{animation:swapped .45s ease}.item-index{position:absolute;top:9px;left:10px;color:#191e2e6e;font:500 9px DM Mono,monospace}.item-emoji{font-size:clamp(32px,5vw,48px);line-height:1;filter:drop-shadow(0 5px 4px rgba(0,0,0,.14))}.item-name{max-width:90%;overflow:hidden;color:#191e2eb8;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.selected-mark{position:absolute;right:8px;top:8px;width:22px;height:22px;display:grid;place-items:center;color:#27232a;border-radius:50%;background:var(--yellow)}.selected-mark .icon{width:13px}.board-help{display:flex;align-items:center;gap:8px;margin-top:25px;color:var(--muted);font-size:10px;line-height:1.4}.help-dot{width:15px;height:15px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--muted);border-radius:50%;font:10px Georgia,serif}.feedback-column{display:flex;flex-direction:column;gap:11px}.feedback-card{padding:23px 21px;border:1px solid rgba(255,209,102,.24);border-radius:21px;background:linear-gradient(145deg,#463d2de6,#2c2a2ad6);box-shadow:0 18px 35px #00000021}.feedback-card-top{display:flex;align-items:center;justify-content:space-between}.feedback-kicker{color:#e6c978;font:500 9px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.feedback-number{margin-top:25px;color:var(--yellow);font:500 clamp(58px,7vw,76px) "DM Mono",monospace;letter-spacing:-.1em;line-height:.9}.feedback-number small{color:#ffd1666b;font-size:20px;letter-spacing:-.04em}.feedback-card>strong{display:block;margin-top:13px;font-size:14px}.feedback-card>p{color:#f4e7c78c;font-size:10px;line-height:1.45;margin:8px 0 18px}.feedback-meter{height:5px;overflow:hidden;border-radius:5px;background:#ffffff17}.feedback-meter span{display:block;height:100%;border-radius:inherit;background:var(--yellow);transition:width .35s ease}.game-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:13px 4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{display:flex;align-items:center;gap:7px;min-width:0}.stat-icon{color:var(--orange-light);font-size:17px}.stat .icon{width:16px}.stat span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.stat small{color:var(--muted);font-size:8px}.stat b{font:500 13px DM Mono,monospace;font-variant-numeric:tabular-nums}.stat b i{color:var(--muted);font-style:normal}.stat-match .stat-icon{color:var(--yellow)}.secondary-button{color:var(--muted-strong);border:1px solid var(--line);background:#ffffff09;padding:12px 13px;font-size:11px}.secondary-button:hover{color:var(--ink);border-color:#ffffff3b;background:#ffffff12}.secondary-button .icon{width:16px}.host-button{width:100%}.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.rules-note{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:10px;line-height:1.4}.rules-note strong{color:var(--muted-strong);font-weight:600}.rules-symbol{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;color:var(--orange);border-radius:8px;background:#ff805f1a}.ghost-button{color:var(--muted);border:0;background:transparent;padding:8px 0;font-size:11px}.ghost-button:hover{color:var(--ink)}.ghost-button .icon{width:15px}.modal-backdrop{position:fixed;inset:0;z-index:10;display:flex;justify-content:end;background:#070c16ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .2s ease}.host-panel{width:min(430px,100%);min-height:100%;padding:35px 29px;overflow-y:auto;background:#172235;border-left:1px solid var(--line);box-shadow:-20px 0 60px #00000040;animation:slide-in .3s cubic-bezier(.2,0,0,1)}.host-panel-head{display:flex;justify-content:space-between;align-items:start}.host-panel h2{margin:10px 0 0;font-size:27px;letter-spacing:-.055em}.host-panel-head .icon-button{font-size:25px;margin:0}.host-note{max-width:330px;color:var(--muted);font-size:12px;line-height:1.55;margin:20px 0 31px}.host-section+.host-section{margin-top:27px}.host-rack{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.item-card.is-compact{aspect-ratio:.7;border-radius:11px;pointer-events:none}.item-card.is-compact .item-emoji{font-size:27px}.host-section.current .host-rack{opacity:.72}.host-summary{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding:15px;border-radius:13px;background:#ffd16614;color:var(--muted);font-size:11px}.host-summary strong{color:var(--yellow);font:500 16px DM Mono,monospace}.result-shell{min-height:calc(100vh - 82px);display:flex;align-items:center;flex-direction:column;text-align:center;padding:100px 20px 50px;position:relative;z-index:1}.result-confetti{position:absolute;top:100px;color:var(--yellow);font-size:180px;line-height:1;opacity:.06;transform:rotate(18deg)}.result-shell h1{font-size:clamp(57px,8vw,92px)}.result-description{color:var(--muted);font-size:15px;line-height:1.6;margin:22px 0 30px}.result-summary{width:min(440px,100%);display:grid;grid-template-columns:repeat(3,1fr);padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-summary div{display:flex;flex-direction:column;gap:7px;border-right:1px solid var(--line)}.result-summary div:last-child{border-right:0}.result-summary small{color:var(--muted);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.result-summary strong{color:var(--ink);font:500 20px DM Mono,monospace}.result-summary strong span{color:var(--orange-light);font-size:13px}.result-actions{display:flex;gap:10px;margin-top:30px}.result-actions .secondary-button{padding-inline:18px}.reveal{animation:rise-in .6s cubic-bezier(.2,0,0,1) both}.reveal-1{animation-delay:.04s}.reveal-2{animation-delay:.13s}.reveal-3{animation-delay:.22s}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes swapped{0%{transform:scale(1)}40%{transform:scale(.95) rotate(-2deg)}to{transform:translateY(0) scale(1)}}@keyframes slide-in{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:850px){.topbar{padding-inline:24px}.home-grid{width:min(620px,calc(100% - 48px));min-height:auto;padding:52px 0 45px;grid-template-columns:1fr;gap:45px}.hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-description{margin-top:20px}.hero-visual{min-height:405px;transform:scale(.92)}.how-it-works{width:min(620px,calc(100% - 48px));padding-bottom:35px}.setup-shell{width:min(620px,calc(100% - 48px));min-height:auto;padding:52px 0 50px;grid-template-columns:1fr;gap:32px}.setup-intro{text-align:center}.setup-intro p{margin-inline:auto}.game-shell{width:min(700px,calc(100% - 48px));padding-top:40px}.game-layout{grid-template-columns:1fr}.feedback-column{display:grid;grid-template-columns:1fr 1fr}.feedback-card{grid-row:span 2}.host-button{grid-column:2}.game-bottom{margin-top:18px}}@media(max-width:560px){.topbar{height:70px;padding-inline:18px}.brand-eyebrow,.topbar-status{display:none}.home-grid{width:calc(100% - 36px);padding-top:44px}.hero-copy h1{font-size:clamp(48px,15vw,68px)}.hero-description{font-size:14px;max-width:310px}.hero-visual{min-height:350px;transform:scale(.78);width:128%;margin:-21px 0 -21px -14%}.preview-card{max-width:410px}.chip-moves{right:1%}.chip-focus{left:0}.visual-caption{display:none}.how-it-works{width:calc(100% - 36px)}.steps{grid-template-columns:1fr;gap:13px}.step{padding-top:12px}.setup-shell,.game-shell{width:calc(100% - 36px)}.setup-shell{padding-top:37px}.setup-intro h1{font-size:48px}.setup-panel{padding:20px}.setup-footer{align-items:stretch;flex-direction:column}.setup-footer .primary-button{width:100%}.game-shell{padding-top:26px}.game-head{align-items:start;flex-direction:column;gap:20px}.game-head h1{font-size:43px}.game-head p{font-size:12px}.room-badge{align-self:stretch}.game-layout{margin-top:27px}.player-board{padding:16px;border-radius:18px;min-height:0}.board-topline{flex-direction:column;gap:11px}.item-rack,.item-rack.count-4,.item-rack.count-6{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}.item-rack .item-card:last-child:nth-child(odd){grid-column:span 2;aspect-ratio:1.45}.item-rack .item-card:last-child:nth-child(odd) .item-emoji{font-size:34px}.board-help{margin-top:17px;font-size:9px}.feedback-column{display:flex}.feedback-card{padding:19px}.feedback-number{margin-top:19px;font-size:62px}.game-stats{padding-block:11px}.game-bottom{align-items:flex-start;flex-direction:column}.ghost-button{padding:0}.host-panel{padding:27px 20px}.host-rack{gap:5px}.result-shell{padding-top:70px}.result-shell h1{font-size:64px}.result-actions{width:100%;flex-direction:column}.result-actions .primary-button,.result-actions .secondary-button{width:100%}.result-confetti{top:75px;font-size:120px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.item-card{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.item-card:active{cursor:grabbing}.item-card.is-pointer-pressed{transform:scale(.98)}.item-card.is-dragging{opacity:.42;transform:scale(.96) rotate(-2deg);filter:saturate(.8)}.item-card.is-drag-over{border-color:var(--yellow);box-shadow:0 0 0 4px #ffd16640,0 15px 25px #0000003b;transform:translateY(-7px) scale(1.03)}.is-dragging-card .item-card:not(.is-dragging){cursor:copy}.item-object{aspect-ratio:.72;padding:9px 2px 0;overflow:visible;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}.item-object:after{content:none}.item-object .item-index{top:2px;left:50%;color:var(--muted);transform:translate(-50%);font-size:8px}.item-object .item-name{color:var(--muted-strong);font-weight:600}.object-body{width:76px;height:112px;display:grid;place-items:center;position:relative;border:1px solid rgba(255,255,255,.25);border-radius:22px 22px 28px 28px;background:var(--object-color);box-shadow:inset 8px 7px 14px #ffffff38,inset -9px -12px 17px #191e2e2e,0 15px 21px #00000038;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s ease}.object-body:after{content:"";width:18px;height:70%;position:absolute;left:12px;top:15%;border-radius:50%;background:linear-gradient(90deg,rgba(255,255,255,.3),transparent);filter:blur(2px);opacity:.75}.object-cap{width:36px;height:13px;position:absolute;top:-8px;left:50%;z-index:1;transform:translate(-50%);border-radius:6px 6px 3px 3px;background:#273047;box-shadow:inset 0 2px #ffffff2b,0 4px 5px #0000002e}.shape-bottle .object-body{border-radius:21px 21px 26px 26px}.shape-packet .object-body{width:82px;height:105px;border-radius:10px 10px 18px 18px;transform:rotate(-2deg)}.shape-packet .object-cap{display:none}.shape-orb .object-body{width:94px;height:94px;border-radius:50%}.shape-orb .object-cap{display:none}.shape-orb .item-emoji{font-size:47px}.item-object .item-emoji{position:relative;z-index:1;font-size:42px;filter:drop-shadow(0 6px 4px rgba(0,0,0,.18))}.item-object:hover{transform:translateY(-5px);filter:none}.item-object:hover .object-body{transform:rotate(-2deg) scale(1.035)}.item-object.is-selected{transform:translateY(-7px)}.item-object.is-selected .object-body{transform:scale(1.07);box-shadow:0 0 0 4px #ffd1663d,inset 8px 7px 14px #ffffff38,inset -9px -12px 17px #191e2e2e,0 18px 26px #00000040}.item-object.is-dragging{transform:scale(.96) rotate(-3deg)}.item-object.is-dragging .object-body{box-shadow:0 0 0 3px #ffd1662e,0 8px 15px #00000029}.item-object.is-drag-over{transform:translateY(-7px) scale(1.04)}.item-object.is-drag-over .object-body{box-shadow:0 0 0 4px #ffd166ad,inset 8px 7px 14px #ffffff38,inset -9px -12px 17px #191e2e2e,0 20px 28px #00000047}.item-object .selected-mark{right:2px;top:17px;z-index:2}.tone-pink .object-body{--object-color: linear-gradient(145deg, #fb9cae, #ee708f)}.tone-mint .object-body{--object-color: linear-gradient(145deg, #a7e7d2, #68c4ba)}.tone-lemon .object-body{--object-color: linear-gradient(145deg, #ffe991, #eec854)}.tone-berry .object-body{--object-color: linear-gradient(145deg, #c38bdc, #8a61c1)}.tone-orange .object-body{--object-color: linear-gradient(145deg, #ffc27c, #ed8b50)}.tone-blue .object-body{--object-color: linear-gradient(145deg, #90c9ee, #5b8fd1)}.item-card.is-compact.item-object{min-height:92px;padding-top:10px}.item-card.is-compact .object-body{width:48px;height:68px;border-radius:14px 14px 18px 18px}.item-card.is-compact .object-cap{width:24px;height:8px;top:-5px}.item-card.is-compact .item-emoji{font-size:24px}.item-card.is-compact .item-name{font-size:8px}.item-card.is-compact .item-index{font-size:7px}.item-object.shape-packet .object-body{width:100%;height:92px;border:0;border-radius:0;background:transparent!important;box-shadow:none}.item-object.shape-packet .object-body:after{content:"";width:54px;height:10px;left:50%;top:auto;bottom:4px;transform:translate(-50%);border-radius:50%;background:#00000047;filter:blur(7px);opacity:.65}.item-object.shape-packet .item-emoji{z-index:1;font-size:66px;filter:drop-shadow(0 9px 5px rgba(0,0,0,.24))}.item-object.shape-packet:hover .item-emoji{transform:translateY(-4px) rotate(-2deg)}.item-object.shape-packet.is-selected .object-body{box-shadow:none}.item-object.shape-packet.is-selected .item-emoji{filter:drop-shadow(0 0 0 rgba(255,209,102,0)) drop-shadow(0 11px 6px rgba(0,0,0,.24));transform:scale(1.08)}.item-object.shape-packet.is-drag-over .object-body{box-shadow:none}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.hero-join{padding:15px 4px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin-bottom:27px;border:1px solid var(--line);border-radius:14px;background:#080f1c42}.mode-option{border:0;border-radius:10px;padding:11px 8px;color:var(--muted);background:transparent;font-size:11px;font-weight:700;transition:color .18s ease,background-color .18s ease,transform .18s ease}.mode-option:hover{color:var(--ink)}.mode-option.is-active{color:var(--ink);background:#ff805f26;box-shadow:inset 0 0 0 1px #ff805f3d}.compact-form{margin-top:0}.text-input{width:100%;padding:15px 16px;color:var(--ink);border:1px solid var(--line);border-radius:13px;outline:0;background:#070e1b57;font:500 14px Manrope,sans-serif;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.text-input::placeholder{color:#8d98ad8c}.text-input:focus{border-color:#ff805fb8;background:#070e1b80;box-shadow:0 0 0 4px #ff805f1a}.room-code-input{color:var(--yellow);font:500 19px DM Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.inline-error{margin-top:18px;padding:11px 13px;color:#ffb1a0;border:1px solid rgba(255,128,95,.3);border-radius:11px;background:#ff805f17;font-size:11px;line-height:1.4}.page-lobby{background:radial-gradient(circle at 76% 11%,rgba(155,231,197,.08),transparent 25rem),radial-gradient(circle at 12% 72%,rgba(255,128,95,.08),transparent 25rem),var(--bg)}.lobby-shell{width:min(980px,calc(100% - 64px));margin:0 auto;padding:64px 0 60px;position:relative;z-index:1}.lobby-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.lobby-head h1{font-size:clamp(46px,6vw,68px)}.lobby-head p{margin:18px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.lobby-room{flex:0 0 auto}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:16px;margin-top:38px}.lobby-players,.lobby-actions{min-height:320px;padding:23px;border:1px solid var(--line);border-radius:22px;background:#172235d1;box-shadow:0 20px 50px #00000021}.lobby-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}.lobby-section-head>div{display:flex;flex-direction:column;gap:8px}.lobby-section-head strong{font-size:17px}.ready-counter{color:var(--green);font:500 11px DM Mono,monospace}.players-list{display:grid;gap:8px;padding-top:14px}.player-row{display:grid;grid-template-columns:24px 33px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:8px 10px;border:1px solid transparent;border-radius:14px;background:#ffffff09;transition:border-color .18s ease,background-color .18s ease}.player-row.is-me{border-color:#ff805f47;background:#ff805f14}.player-rank{color:var(--muted);font:500 9px DM Mono,monospace}.player-avatar,.leader-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);font-size:17px}.player-name{min-width:0;display:flex;flex-direction:column;gap:3px;overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.player-name small{color:var(--orange-light);font-size:9px;font-weight:600}.player-ready{color:var(--muted);font:500 9px DM Mono,monospace;white-space:nowrap}.player-ready.is-ready{color:var(--green)}.player-ready .icon{display:inline;width:12px;height:12px;vertical-align:-3px}.empty-players{min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--muted);text-align:center}.empty-players span{color:var(--yellow);font-size:26px}.empty-players strong{color:var(--muted-strong);font-size:13px}.empty-players small{font-size:10px}.lobby-actions{display:flex;flex-direction:column;justify-content:space-between;gap:22px}.countdown-preview{padding:19px;border:1px solid rgba(255,209,102,.19);border-radius:17px;background:linear-gradient(145deg,#463d2da1,#2c2a2a6b)}.preview-label{color:#e6c978;font:500 9px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.countdown-preview strong{display:block;margin-top:13px;color:var(--yellow);font:500 57px DM Mono,monospace;line-height:.9}.countdown-preview strong span{margin-left:4px;color:#ffd1668c;font-size:17px}.countdown-preview p{margin:13px 0 0;color:#f4e7c794;font-size:10px;line-height:1.5}.ready-button{width:100%}.ready-button.is-ready{color:#1e2c29;background:var(--green);box-shadow:0 9px 26px #9be7c529}.ready-button.is-ready:hover{background:#b4f3d5}.host-lobby-note{padding:13px;color:var(--muted);border:1px dashed rgba(255,255,255,.14);border-radius:12px;font-size:10px;line-height:1.5}.page-countdown{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(255,128,95,.14),transparent 22rem),var(--bg)}.countdown-shell{display:flex;align-items:center;flex-direction:column;text-align:center;position:relative;z-index:1}.countdown-shell p{margin:26px 0 0;color:var(--muted);font-size:14px}.countdown-number{margin-top:14px;color:var(--orange-light);font:500 clamp(140px,25vw,260px) "DM Mono",monospace;letter-spacing:-.14em;line-height:.9;text-shadow:0 20px 60px rgba(255,128,95,.18);animation:countdown-pop .95s cubic-bezier(.2,0,0,1) both}.countdown-caption{color:var(--muted);font:500 10px DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase}@keyframes countdown-pop{0%{opacity:0;transform:scale(.7)}55%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.live-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;color:var(--green);border:1px solid rgba(155,231,197,.18);border-radius:999px;background:#9be7c512;font:500 10px DM Mono,monospace;white-space:nowrap}.live-pill .icon{width:15px}.multiplayer-game-shell .game-layout{margin-top:31px}.multiplayer-layout .live-leaderboard{min-width:0;padding:20px;border:1px solid var(--line);border-radius:20px;background:#172235b3}.leaderboard-head{display:flex;align-items:start;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.leaderboard-head>div{display:flex;flex-direction:column;gap:7px}.leaderboard-head strong{font-size:14px}.leader-row{display:grid;grid-template-columns:18px 27px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:47px;border-bottom:1px solid rgba(255,255,255,.055)}.leader-row:last-child{border-bottom:0}.leader-row.is-me{color:var(--orange-light)}.leader-place{color:var(--muted);font:500 10px DM Mono,monospace}.leader-avatar{width:27px;height:27px;font-size:14px}.leader-name{min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.leader-name small{color:var(--muted);font-size:8px;font-weight:500}.leader-score{color:var(--yellow);font:500 10px DM Mono,monospace}.leader-empty{padding:23px 0 8px;color:var(--muted);font-size:10px;line-height:1.4;text-align:center}.final-leaderboard{width:min(500px,100%);display:grid;gap:8px;margin-top:7px}.final-row{display:grid;grid-template-columns:26px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#172235b8;text-align:left}.final-row.is-me{border-color:#ff805f78;background:#ff805f1a}.final-row>strong{color:var(--muted);font:500 11px DM Mono,monospace}.final-row>span{font-size:19px}.final-row>b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.final-row>em{color:var(--yellow);font:500 10px DM Mono,monospace;font-style:normal;white-space:nowrap}@media(max-width:850px){.lobby-shell{width:min(620px,calc(100% - 48px));padding-top:48px}.lobby-head{align-items:start;flex-direction:column}.lobby-room{align-self:stretch}.lobby-grid{grid-template-columns:1fr}.lobby-actions{min-height:0}.multiplayer-layout{grid-template-columns:1fr}}@media(max-width:560px){.hero-actions{align-items:stretch;flex-direction:column;width:100%}.hero-actions .primary-button,.hero-actions .ghost-button{width:100%}.hero-join{padding-block:10px}.multiplayer-setup-shell{padding-top:36px}.mode-switch{margin-bottom:23px}.lobby-shell{width:calc(100% - 36px);padding-top:31px}.lobby-head h1{font-size:47px}.lobby-head p{font-size:12px}.lobby-players,.lobby-actions{padding:17px;border-radius:18px}.player-row{grid-template-columns:20px 29px minmax(0,1fr) auto;gap:7px}.player-avatar{width:29px;height:29px}.player-ready{font-size:8px}.final-row{grid-template-columns:22px 28px minmax(0,1fr)}.final-row>em{grid-column:3}}.voice-chat{padding:17px;border:1px solid rgba(155,231,197,.16);border-radius:18px;background:linear-gradient(145deg,#21393d9e,#172235a3)}.voice-chat-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.voice-chat-head>div{display:flex;flex-direction:column;gap:7px;min-width:0}.voice-chat-head strong{overflow:hidden;color:var(--muted-strong);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.voice-wave{height:22px;display:flex;align-items:center;gap:2px;color:#9be7c552}.voice-wave i{width:3px;height:7px;display:block;border-radius:3px;background:currentColor}.voice-wave i:nth-child(2){height:14px}.voice-wave i:nth-child(3){height:20px}.voice-wave i:nth-child(4){height:11px}.voice-wave.is-active{color:var(--green)}.voice-wave.is-active i{animation:voice-wave .9s ease-in-out infinite alternate}.voice-wave.is-active i:nth-child(2){animation-delay:.12s}.voice-wave.is-active i:nth-child(3){animation-delay:.24s}.voice-wave.is-active i:nth-child(4){animation-delay:.36s}@keyframes voice-wave{0%{transform:scaleY(.55);opacity:.55}to{transform:scaleY(1.1);opacity:1}}.voice-members{display:grid;gap:5px;margin-top:14px}.voice-member{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 7px;border-radius:10px;color:var(--muted-strong);background:#ffffff09;font-size:10px}.voice-member.is-me{color:var(--ink);background:#9be7c514}.voice-member small{color:var(--green);font-size:8px}.voice-avatar{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#ffffff14;font-size:13px}.voice-state{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#8d98ad61}.voice-state.is-live{background:var(--green);box-shadow:0 0 0 4px #9be7c51a}.voice-empty{color:var(--muted);font-size:9px;line-height:1.45}.voice-actions{display:flex;gap:7px;margin-top:12px}.voice-button,.voice-mute-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(155,231,197,.25);border-radius:10px;color:var(--green);background:#9be7c514;font-size:9px;font-weight:700;transition:background-color .18s ease,transform .18s ease,border-color .18s ease}.voice-button{flex:1;padding:8px 10px}.voice-button:hover,.voice-mute-button:hover{border-color:#9be7c580;background:#9be7c526;transform:translateY(-1px)}.voice-button .icon{width:14px}.voice-button.is-connected{color:var(--muted-strong);border-color:var(--line);background:#ffffff09}.voice-button:disabled{cursor:wait;opacity:.65}.voice-mute-button{width:39px;padding:8px;color:var(--muted-strong);border-color:var(--line);background:#ffffff09}.voice-mute-button .icon{width:16px}.voice-mute-button.is-muted{color:#ffab90;border-color:#ff805f4d;background:#ff805f1a}.voice-note{margin:10px 0 0;color:#8d98adc2;font-size:8px;line-height:1.45}.voice-audio{display:none}.lobby-actions .voice-chat{margin-top:auto}.multiplayer-layout .voice-chat{margin-top:0}@media(max-width:850px){.multiplayer-layout .voice-chat{max-width:none}}@media(max-width:560px){.voice-chat{padding:14px}.voice-note{font-size:8px}}.home-results{width:min(1110px,calc(100% - 64px));margin:0 auto;padding:42px 0 72px;position:relative;z-index:1}.home-results-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:21px;border-bottom:1px solid var(--line)}.home-results-head h2{margin:10px 0 0;color:var(--ink);font-size:clamp(35px,4vw,52px);line-height:.95;letter-spacing:-.07em}.home-results-head h2 em{color:var(--orange-light);font-style:normal}.home-results-live{display:inline-flex;align-items:center;gap:8px;color:var(--green);font:500 10px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.home-results-live i{width:6px;height:6px;display:block;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #9be7c51a}.home-results-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin-top:8px}.home-result-row{display:grid;grid-template-columns:24px 34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:70px;border-bottom:1px solid rgba(255,255,255,.07)}.home-result-place{color:var(--muted);font:500 10px DM Mono,monospace}.home-result-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);font-size:17px}.home-result-player{min-width:0;display:flex;flex-direction:column;gap:5px;overflow:hidden}.home-result-player strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.home-result-player small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.home-result-score{color:var(--yellow);font:500 13px DM Mono,monospace;white-space:nowrap}.home-result-score small{color:var(--muted);font-size:8px}.home-results-empty{grid-column:1 / -1;min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--muted);text-align:center;font-size:10px}.home-results-empty span{color:var(--yellow);font-size:24px}.home-results-empty strong{color:var(--muted-strong);font-size:12px}.home-results-empty small{font-size:9px}@media(max-width:850px){.home-results{width:min(620px,calc(100% - 48px))}.home-results-board{grid-template-columns:1fr}}@media(max-width:560px){.home-results{width:calc(100% - 36px);padding-bottom:48px}.home-results-head{align-items:start;flex-direction:column}.home-results-head h2{font-size:43px}.home-result-row{grid-template-columns:21px 29px minmax(0,1fr) auto;gap:7px;min-height:63px}.home-result-avatar{width:28px;height:28px;font-size:15px}.home-result-score{font-size:11px}}