:root{font-family:Noto Sans SC,PingFang SC,sans-serif;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:#0b100f}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app{--bg: #0b100f;--bg-raised: #0e1513;--surface: #131c19;--surface-strong: #192420;--surface-soft: #101714;--text: #f6f0e5;--muted: #8f9a94;--faint: #59645f;--line: rgba(242, 233, 218, .12);--line-strong: rgba(242, 233, 218, .22);--accent: #f4b860;--accent-soft: rgba(244, 184, 96, .14);--accent-contrast: #171109;--danger: #ff766f;--felt: #10493a;--felt-dark: #082e26;--felt-line: rgba(183, 238, 213, .17);--rail: #4b3425;--rail-light: #74523a;min-height:100vh;color:var(--text);background:var(--bg);transition:color .24s ease,background .24s ease}.app.theme-ivory{color-scheme:light;--bg: #e9e3d7;--bg-raised: #f0eadf;--surface: #f9f5ec;--surface-strong: #fffdf8;--surface-soft: #e4ddcf;--text: #24231f;--muted: #746f65;--faint: #9b9487;--line: rgba(40, 36, 29, .13);--line-strong: rgba(40, 36, 29, .24);--accent: #d8473c;--accent-soft: rgba(216, 71, 60, .12);--accent-contrast: #fffaf2;--danger: #c12d2d;--felt: #17675b;--felt-dark: #0b443c;--felt-line: rgba(227, 255, 241, .19);--rail: #6c3f29;--rail-light: #9b684c}.app.theme-neon{color-scheme:dark;--bg: #070812;--bg-raised: #0a0c18;--surface: #101326;--surface-strong: #171b34;--surface-soft: #0b0e1d;--text: #eef5ff;--muted: #8991af;--faint: #565e82;--line: rgba(150, 172, 255, .14);--line-strong: rgba(150, 172, 255, .3);--accent: #56f5c7;--accent-soft: rgba(86, 245, 199, .12);--accent-contrast: #061411;--danger: #ff5dba;--felt: #171847;--felt-dark: #0d0f2f;--felt-line: rgba(116, 246, 226, .18);--rail: #24294e;--rail-light: #3d467c}.lobby{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 64% 42%,var(--accent-soft),transparent 28%),var(--bg)}.lobby:before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:88px 88px;content:"";opacity:.15;-webkit-mask-image:linear-gradient(to bottom,black,transparent 84%);mask-image:linear-gradient(to bottom,black,transparent 84%)}.lobby-nav,.room-nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 clamp(22px,4vw,68px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:12px;align-items:center;color:var(--text);text-decoration:none}.brand-glyph{display:block;flex:0 0 auto;width:38px;height:38px;border-radius:50%;filter:drop-shadow(0 4px 9px rgba(0,0,0,.18))}.brand-glyph img{display:block;width:100%;height:100%;object-fit:contain}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:17px;font-weight:900;letter-spacing:.16em;line-height:1.05}.brand small{margin-top:4px;color:var(--muted);font-family:DM Mono,monospace;font-size:12px;letter-spacing:.18em}.nav-tools,.room-nav-left{display:flex;gap:10px;align-items:center}.icon-button{display:grid;width:40px;height:40px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:var(--surface-soft);transition:.16s ease}.icon-button:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.theme-control{display:flex;min-height:40px;gap:8px;align-items:center;padding:0 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:12px}.theme-control select{max-width:78px;padding:0;border:0;outline:0;color:var(--text);background:transparent;font-size:12px;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none}.theme-control option{color:#181818}.theme-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3px var(--accent-soft)}.theme-icon{display:none}.theme-compact{width:40px;padding:0;justify-content:center}.theme-compact select{position:absolute;width:40px;height:40px;opacity:0}.theme-compact .theme-dot,.theme-compact .theme-chevron{display:none}.theme-compact .theme-icon{display:block;color:var(--accent)}.lobby-grid{position:relative;z-index:2;display:grid;width:min(1450px,calc(100% - 8vw));min-height:calc(100vh - 138px);margin:0 auto;grid-template-columns:minmax(320px,.88fr) minmax(420px,1.22fr) minmax(330px,.74fr);gap:clamp(20px,3vw,54px);align-items:center}.hero-copy{position:relative;z-index:4;padding-bottom:22px}.eyebrow{display:flex;gap:9px;align-items:center;color:var(--muted);font-family:DM Mono,monospace;font-size:12px;letter-spacing:.16em}.eyebrow>span{width:23px;height:1px;background:var(--accent)}.hero-copy h1{margin:25px 0 24px;font-size:clamp(52px,5.4vw,86px);font-weight:900;letter-spacing:-.07em;line-height:1.03}.hero-copy h1 em{color:var(--accent);font-style:normal}.hero-copy>p{max-width:390px;margin:0;color:var(--muted);font-size:15px;line-height:1.9}.trust-row{display:flex;flex-wrap:wrap;gap:19px;margin-top:34px;color:var(--faint);font-family:DM Mono,monospace;font-size:12px}.trust-row span{display:flex;gap:6px;align-items:center}.trust-row svg{color:var(--accent)}.lobby-stage{position:relative;min-height:630px;perspective:1200px}.stage-glow{position:absolute;top:25%;left:50%;width:70%;height:45%;border-radius:50%;background:var(--accent);filter:blur(110px);opacity:.13;transform:translate(-50%)}.demo-table{position:absolute;top:50%;left:50%;width:min(42vw,610px);aspect-ratio:1.5;border:clamp(15px,2vw,27px) solid var(--rail);border-radius:50%;background:radial-gradient(ellipse at 50% 38%,rgba(255,255,255,.08),transparent 40%),var(--felt);box-shadow:inset 0 0 0 3px var(--rail-light),inset 0 0 60px var(--felt-dark),0 56px 65px #0000005c,0 8px 0 var(--rail-light);transform:translate(-50%,-52%) rotateX(57deg) rotate(-8deg);transform-style:preserve-3d;animation:table-arrive .9s cubic-bezier(.2,.9,.25,1) both}.demo-table:after{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid var(--felt-line);border-radius:inherit;content:""}.table-inlay{position:absolute;top:50%;left:50%;display:flex;align-items:center;flex-direction:column;color:#ffffff61;transform:translate(-50%,-50%)}.table-inlay span,.table-inlay small{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.32em}.table-inlay strong{font-size:29px;letter-spacing:.18em}.demo-seat{position:absolute;z-index:4;display:flex;min-width:112px;gap:8px;align-items:center;padding:7px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);box-shadow:0 11px 24px #00000047;transform:translate(-50%,-50%) rotate(8deg) rotateX(-57deg) translateZ(25px)}.avatar{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:50%;color:#111;background:var(--avatar);font-size:12px;font-weight:900}.demo-seat>span:last-child{display:flex;flex-direction:column}.demo-seat b{font-size:12px}.demo-seat small{color:var(--accent);font-family:DM Mono,monospace;font-size:12px}.demo-seat-0{animation:seat-bob 3.2s .2s ease-in-out infinite}.demo-seat-1{animation:seat-bob 3.2s .8s ease-in-out infinite}.demo-seat-2{animation:seat-bob 3.2s 1.4s ease-in-out infinite}.demo-seat-3{animation:seat-bob 3.2s 2s ease-in-out infinite}.hero-chip-stack{position:absolute;top:52%;left:50%;z-index:7;transform:translate(-50%,-50%) translateZ(35px);transform-style:preserve-3d}.hero-chip-stack .chip-3d{position:absolute}.hero-chip-stack .chip-3d:nth-child(1){transform:translate(-45px,-10px)}.hero-chip-stack .chip-3d:nth-child(2){transform:translate(6px,-25px)}.hero-chip-stack .chip-3d:nth-child(3){transform:translate(55px,5px)}.demo-flight{position:absolute;top:var(--flight-from-top);left:var(--flight-from-left);z-index:10;opacity:0;pointer-events:none;transform:translate(-50%,-50%) translateZ(45px);transform-style:preserve-3d;animation:demo-chip-to-front 4.2s var(--flight-delay) cubic-bezier(.34,.75,.25,1) infinite}.demo-flight .chip-3d{transform:rotate(8deg) rotateX(-57deg)}.entry-console{position:relative;z-index:7;display:flex;padding:28px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 32px 70px #0000003d;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.entry-purpose{display:none}.entry-console:before{position:absolute;top:-1px;left:28px;width:55px;height:2px;background:var(--accent);content:""}.mode-switch{display:grid;padding:4px;margin-bottom:25px;border-radius:8px;background:var(--surface-soft);grid-template-columns:1fr 1fr}.mode-switch button{padding:10px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:12px;font-weight:700;transition:.16s ease}.mode-switch button.active{color:var(--text);background:var(--surface-strong);box-shadow:0 3px 8px #00000024}.field{display:flex;gap:9px;margin-bottom:18px;flex-direction:column}.field>span:first-child{color:var(--muted);font-size:13px;font-weight:600}.field input,.field select{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:4px;outline:0;color:var(--text);background:var(--bg-raised);font-size:14px;transition:border-color .16s ease,box-shadow .16s ease}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field input::placeholder{color:var(--faint)}.avatar-picker{min-width:0;margin:0 0 18px;padding:0;border:0}.avatar-picker legend{margin-bottom:9px;padding:0;color:var(--muted);font-size:13px;font-weight:600}.avatar-presets{display:grid;gap:7px;grid-template-columns:repeat(5,1fr)}.avatar-presets button{display:grid;width:100%;max-width:52px;min-width:0;aspect-ratio:1;padding:3px;border:1px solid transparent;border-radius:50%;justify-self:center;place-items:center;background:transparent;transition:border-color .16s ease,background .16s ease,transform .16s ease}.avatar-presets button:hover,.avatar-presets button.active{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.preset-avatar{width:100%;max-width:44px;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff38}.select-wrap,.code-input-wrap{position:relative;display:flex;align-items:center}.select-wrap svg{position:absolute;right:13px;color:var(--muted);pointer-events:none}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.player-stepper{display:grid;height:48px;border:1px solid var(--line);border-radius:4px;background:var(--bg-raised);grid-template-columns:48px 1fr 48px}.player-stepper button{border:0;color:var(--muted);background:transparent;font-size:22px;transition:color .16s ease,background .16s ease}.player-stepper button:hover{color:var(--accent);background:var(--accent-soft)}.player-stepper strong{display:flex;align-items:baseline;justify-content:center;align-self:center;font-family:DM Mono,monospace;font-size:19px}.player-stepper small{margin-left:4px;color:var(--muted);font-family:Noto Sans SC,sans-serif;font-size:12px}.code-input-wrap svg{position:absolute;left:14px;color:var(--accent)}.code-input-wrap input{padding-left:42px;font-family:DM Mono,monospace;font-size:18px;font-weight:500;letter-spacing:.18em}.primary-action{position:relative;display:flex;min-height:54px;margin-top:5px;padding:0 18px;overflow:hidden;align-items:center;justify-content:space-between;border:0;border-radius:4px;color:var(--accent-contrast);background:var(--accent);font-size:14px;font-weight:900;transition:transform .16s ease,filter .16s ease}.primary-action:after{position:absolute;top:0;left:-35%;width:26%;height:100%;background:#ffffff47;content:"";filter:blur(8px);transform:skew(-20deg);transition:left .42s ease}.primary-action:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.primary-action:hover:after{left:120%}.primary-action:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.5}.entry-note{margin:13px 0 -5px;color:var(--faint);font-size:12px;text-align:center}.lobby-footer{position:absolute;right:4vw;bottom:22px;left:4vw;z-index:5;display:flex;gap:16px;align-items:center;color:var(--faint);font-family:DM Mono,monospace;font-size:12px;letter-spacing:.12em}.footer-line{height:1px;background:var(--line);flex:1}.chip-3d{--chip-face: #f6efe2;--chip-dark: #b4aa9a;position:relative;display:inline-grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:3px dashed rgba(18,21,20,.6);border-radius:50%;color:#171817;background:var(--chip-face);box-shadow:0 2px 0 var(--chip-dark),0 4px 0 var(--chip-dark),0 6px color-mix(in srgb,var(--chip-dark) 70%,black),0 9px 13px #0000004d,inset 0 0 0 3px var(--chip-face),inset 0 0 0 5px #121514a3;transform-style:preserve-3d}.chip-rim{display:grid;width:64%;height:64%;overflow:hidden;place-items:center;border:1px solid rgba(20,20,20,.32);border-radius:50%;background:color-mix(in srgb,var(--chip-face) 80%,white)}.chip-mark{display:block;max-width:100%;overflow:hidden;font-family:DM Mono,monospace;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.08em;line-height:1;white-space:nowrap}.chip-mint{--chip-face: #61e7c8;--chip-dark: #207e6b}.chip-coral{--chip-face: #ff766f;--chip-dark: #a43c3a}.chip-gold{--chip-face: #f4b860;--chip-dark: #9b6723}.chip-lg{width:62px;height:62px}.chip-lg .chip-mark{font-size:14px}.chip-sm{width:38px;height:38px;border-width:2px;box-shadow:0 2px 0 var(--chip-dark),0 4px color-mix(in srgb,var(--chip-dark) 70%,black),0 7px 10px #00000047,inset 0 0 0 2px var(--chip-face),inset 0 0 0 4px #12151499}.chip-xs{width:25px;height:25px;border-width:1px;box-shadow:0 2px 0 var(--chip-dark),0 4px 7px #00000040,inset 0 0 0 2px var(--chip-face),inset 0 0 0 3px #1215148c}.chip-xs .chip-mark{display:none}.room-shell{min-height:100vh;background:var(--bg)}.room-nav{position:sticky;top:0;min-height:68px;padding:0 26px;background:var(--bg-raised)}.back-button{display:none}.room-brand .brand-glyph{width:33px;height:33px}.nav-separator{width:1px;height:28px;margin:0 4px;background:var(--line)}.room-code-button{display:flex;height:34px;gap:6px;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:var(--surface-soft)}.room-code-button b{color:var(--text);font-family:DM Mono,monospace;font-size:12px;letter-spacing:.08em}.connection-state{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:12px}.connection-state i{width:6px;height:6px;border-radius:50%;background:var(--danger)}.connection-state.online i{background:#58d28b;box-shadow:0 0 8px #58d28bb3}.invite-button{display:flex;min-height:40px;gap:8px;align-items:center;padding:0 15px;border:0;border-radius:4px;color:var(--accent-contrast);background:var(--accent);font-size:12px;font-weight:800}.room-content{display:grid;min-height:calc(100vh - 68px);grid-template-columns:minmax(0,1fr) 390px}.table-column{min-width:0;padding:clamp(24px,3vw,48px);overflow:hidden;border-right:1px solid var(--line);background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),var(--bg);background-size:72px 72px}.table-header{display:flex;max-width:1080px;margin:0 auto 18px;align-items:end;justify-content:space-between}.table-header h1{margin:8px 0 0;font-size:clamp(24px,2.4vw,36px);font-weight:900;letter-spacing:-.04em}.table-stats{display:flex;gap:36px}.table-stats>span{display:flex;align-items:flex-end;flex-direction:column}.table-stats small{color:var(--muted);font-size:12px}.table-stats strong{margin-top:2px;font-family:DM Mono,monospace;font-size:19px}.table-stats i{color:var(--faint);font-size:12px;font-style:normal}.game-table-wrap{position:relative;display:flex;width:min(100%,1080px);margin:0 auto;align-items:center;flex-direction:column}.game-table{position:relative;width:100%;aspect-ratio:1.64;perspective:1400px}.table-rail,.table-felt{position:absolute;border-radius:50%}.table-rail{top:13%;right:8%;bottom:13%;left:8%;background:var(--rail);box-shadow:inset 0 0 0 3px var(--rail-light),inset 0 -10px color-mix(in srgb,var(--rail) 70%,black),0 28px 42px #00000052;transform:rotateX(6deg)}.table-felt{inset:calc(13% + 18px) calc(8% + 18px);overflow:hidden;background:radial-gradient(ellipse at 50% 38%,rgba(255,255,255,.07),transparent 44%),var(--felt);box-shadow:inset 0 0 70px var(--felt-dark)}.felt-lines{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:1px solid var(--felt-line);border-radius:50%}.felt-lines:before,.felt-lines:after{position:absolute;border:1px solid var(--felt-line);border-radius:50%;content:""}.felt-lines:before{top:10%;right:10%;bottom:10%;left:10%}.felt-lines:after{top:50%;left:50%;width:32%;aspect-ratio:1;transform:translate(-50%,-50%)}.table-center{position:absolute;top:50%;left:50%;display:flex;align-items:center;flex-direction:column;color:#fff6;transform:translate(-50%,-50%)}.table-center>span,.table-center>small{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.25em}.table-center>strong{margin:4px 0;color:#ffffffb8;font-size:clamp(17px,2vw,27px);letter-spacing:.12em}.center-stack{position:relative;width:110px;height:45px;margin-top:18px}.center-stack .chip-3d{position:absolute}.center-stack .chip-3d:nth-child(1){left:3px;transform:rotate(-13deg)}.center-stack .chip-3d:nth-child(2){top:-7px;left:36px;z-index:2;transform:rotate(8deg)}.center-stack .chip-3d:nth-child(3){left:70px;transform:rotate(18deg)}.player-seat{position:absolute;z-index:7;display:flex;min-width:124px;gap:9px;align-items:center;padding:7px 11px 7px 7px;border:1px solid var(--line-strong);border-radius:999px;color:var(--text);background:var(--surface);box-shadow:0 12px 26px #0000003d;transform:translate(-50%,-50%);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.player-seat:not(:disabled):hover{border-color:var(--player-color);transform:translate(-50%,calc(-50% - 3px))}.player-seat:disabled{cursor:default}.player-seat.is-current{box-shadow:0 0 0 2px var(--accent),0 14px 28px #00000040}.player-seat.is-current:after{position:absolute;bottom:-21px;left:50%;color:var(--accent);content:"我";font-size:12px;letter-spacing:.15em;transform:translate(-50%)}.player-seat.is-selected{border-color:var(--player-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--player-color) 18%,transparent),0 12px 26px #0000003d}.player-seat.is-pulsing{animation:seat-pulse .8s ease}.seat-avatar{position:relative;display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:50%;color:#101412;background:var(--player-color);font-size:12px;font-weight:900}.seat-avatar>i{position:absolute;right:0;bottom:1px;width:9px;height:9px;border:2px solid var(--surface);border-radius:50%;background:var(--faint)}.seat-avatar>i.online{background:#54db8e}.host-crown{position:absolute;top:-9px;left:50%;color:var(--accent);fill:var(--accent);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transform:translate(-50%) rotate(-6deg)}.seat-data{display:flex;min-width:57px;align-items:flex-start;flex-direction:column}.seat-name{display:flex;gap:4px;align-items:center;max-width:76px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.seat-data strong{font-family:DM Mono,monospace;font-size:14px}.target-mark{position:absolute;top:-4px;right:-4px;display:grid;width:19px;height:19px;place-items:center;border:2px solid var(--surface);border-radius:50%;color:var(--accent-contrast);background:var(--accent)}.table-actions{position:relative;z-index:9;display:flex;gap:7px;margin-top:-8px}.table-actions button{display:flex;height:34px;gap:6px;align-items:center;padding:0 11px;border:1px dashed var(--line-strong);border-radius:999px;color:var(--muted);background:var(--bg-raised);font-size:12px;transition:.16s ease}.table-actions button:hover{color:var(--accent);border-color:var(--accent)}.control-rail{min-width:0;background:var(--bg-raised)}.control-rail>section{padding:26px 28px;border-bottom:1px solid var(--line)}.section-label,.section-title{display:flex;align-items:center;justify-content:space-between}.section-label>span,.section-title>div>span{color:var(--accent);font-family:DM Mono,monospace;font-size:12px;letter-spacing:.18em}.section-label small,.section-title>small{color:var(--muted);font-size:12px}.wallet-value{display:flex;gap:8px;margin-top:12px;align-items:baseline}.wallet-value>span{color:var(--accent);font-family:DM Mono,monospace;font-size:18px}.wallet-value strong{font-family:DM Mono,monospace;font-size:38px;font-weight:500;letter-spacing:-.05em}.wallet-meter{height:3px;margin-top:13px;overflow:hidden;background:var(--surface-strong)}.wallet-meter i{display:block;height:100%;background:var(--accent);box-shadow:0 0 10px var(--accent);transition:width .5s cubic-bezier(.2,.8,.2,1)}.wallet-caption{display:flex;margin-top:7px;justify-content:space-between;color:var(--faint);font-size:12px}.section-title h2{margin:2px 0 0;font-size:17px}.recipient-mode{display:inline-flex;min-height:30px;align-items:center;padding:0 11px;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:12px;font-weight:800}.recipient-mode.is-multi{border-color:var(--accent);color:var(--accent-contrast);background:var(--accent)}.target-strip{display:flex;min-height:67px;gap:7px;margin:18px -4px 13px;padding:4px;overflow-x:auto;scrollbar-width:none}.target-strip::-webkit-scrollbar{display:none}.target-strip button{display:flex;min-width:52px;gap:4px;align-items:center;padding:0;border:0;color:var(--muted);background:transparent;flex-direction:column}.target-strip button>span{position:relative;display:grid;width:36px;height:36px;place-items:center;border:2px solid transparent;border-radius:50%;color:#101412;background-color:var(--avatar);font-size:12px;font-weight:900;filter:saturate(.55);transition:.16s ease}.target-strip button.active{color:var(--text)}.target-strip button.active>span{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);filter:none;transform:translateY(-2px)}.target-strip small{max-width:52px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.target-strip p{margin:auto 0;color:var(--faint);font-size:12px}.target-check{position:absolute;right:-4px;bottom:-2px;z-index:3;display:grid;width:18px;height:18px;place-items:center;border:2px solid var(--bg-raised);border-radius:50%;color:var(--accent-contrast);background:var(--accent)}.avatar-portrait{position:relative;color:transparent;background-color:var(--avatar, var(--surface-strong))}.avatar-picture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}.avatar-picture img{position:absolute;top:0;left:0;display:block;width:500%;max-width:none;height:200%;transform:translate(calc(var(--avatar-column, 0) * -20%),calc(var(--avatar-row, 0) * -50%))}.avatar-portrait>i,.avatar-portrait>.host-crown{z-index:2}.amount-input{display:grid;height:50px;align-items:center;border-bottom:1px solid var(--line-strong);grid-template-columns:auto 1fr auto auto}.amount-input>span,.amount-input>small{color:var(--muted);font-size:12px}.amount-input input{width:100%;min-width:0;padding:0 13px;border:0;outline:0;color:var(--text);background:transparent;font-family:DM Mono,monospace;font-size:25px;text-align:right}.clear-amount{min-height:32px;margin-left:10px;padding:0 10px;border:1px solid var(--line-strong);border-radius:999px;color:var(--text);background:var(--surface-soft);font-size:12px;font-weight:800}.clear-amount:disabled{opacity:.36}.chip-picker-heading{display:flex;min-height:34px;align-items:center;justify-content:space-between;margin-top:7px}.chip-picker-heading>strong{color:var(--muted);font-size:12px}.chip-picker-heading>button{display:inline-flex;min-height:32px;gap:6px;align-items:center;padding:0 9px;border:0;color:var(--accent);background:transparent;font-size:12px;font-weight:800}.chip-denominations{display:grid;gap:7px;margin:5px 0 9px;grid-template-columns:repeat(var(--chip-count, 4),minmax(70px,1fr));overflow-x:auto;scrollbar-width:none}.chip-denominations::-webkit-scrollbar{display:none}.chip-denominations button{display:flex;min-width:0;gap:10px;align-items:center;padding:5px 4px 6px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--surface-soft);flex-direction:column;font-family:DM Mono,monospace;font-size:13px;font-weight:800;transition:.16s ease}.chip-denominations button:hover,.chip-denominations button.active{border-color:var(--line-strong);color:var(--text);background:var(--surface-soft);transform:translateY(-2px)}.transfer-summary{display:grid;min-height:58px;gap:8px;align-items:center;margin:3px 0 9px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft);grid-template-columns:minmax(0,1fr) auto auto}.transfer-summary.is-multi{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:var(--accent-soft)}.transfer-summary>span{display:flex;min-width:58px;gap:2px;flex-direction:column}.transfer-summary>span:not(:first-child){padding-left:9px;border-left:1px solid var(--line);text-align:right}.transfer-summary small{color:var(--muted);font-size:12px}.transfer-summary strong{overflow:hidden;font-family:DM Mono,monospace;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.summary-recipients strong{font-family:inherit}.send-chips{display:flex;width:100%;min-height:50px;align-items:center;justify-content:space-between;padding:0 8px 0 16px;border:0;border-radius:4px;color:var(--accent-contrast);background:var(--accent);font-size:14px;font-weight:900;transition:transform .16s ease,filter .16s ease}.send-chips:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.send-chips:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.45}.send-disc{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(0,0,0,.22);border-radius:50%}.transfer-error{margin:8px 0 0;color:#ff766f;font-size:12px;line-height:1.45}.chip-editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;padding:18px;place-items:center;background:#020706c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chip-editor-modal{width:min(430px,100%);max-height:min(680px,calc(100dvh - 36px));padding:24px;overflow-y:auto;border:1px solid var(--line-strong);border-radius:14px;color:var(--text);background:var(--bg-raised);box-shadow:0 28px 90px #00000080}.chip-editor-modal>header{display:flex;align-items:flex-start;justify-content:space-between}.chip-editor-modal>header span{color:var(--accent);font-size:12px;font-weight:800}.chip-editor-modal h2{margin:4px 0 0;font-size:24px}.chip-editor-modal>header>button{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--surface-soft)}.chip-editor-modal>p{margin:13px 0 16px;color:var(--muted);font-size:14px;line-height:1.55}.chip-editor-list{display:grid;gap:9px}.chip-editor-list label{display:grid;min-height:50px;gap:8px;align-items:center;padding:5px 7px 5px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);grid-template-columns:78px 1fr 40px}.chip-editor-list label>span{color:var(--muted);font-size:13px;font-weight:700}.chip-editor-list input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font-family:DM Mono,monospace;font-size:20px;text-align:right}.chip-editor-list button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;color:var(--muted);background:transparent}.chip-editor-list button:disabled,.add-chip-type:disabled{opacity:.28}.chip-editor-error{margin:10px 0 0!important;color:#ff766f!important;font-size:13px!important}.add-chip-type{display:flex;width:100%;min-height:44px;gap:7px;align-items:center;justify-content:center;margin-top:10px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--accent);background:transparent;font-size:13px;font-weight:800}.chip-editor-modal>footer{display:flex;gap:9px;margin-top:18px}.chip-editor-modal>footer button{display:flex;min-height:48px;gap:7px;align-items:center;justify-content:center;border-radius:8px;font-size:14px;font-weight:900}.reset-chip-types{flex:1;border:1px solid var(--line-strong);color:var(--text);background:var(--surface-soft)}.save-chip-types{flex:1.35;border:0;color:var(--accent-contrast);background:var(--accent)}.ledger-section{min-height:220px}.ledger-expand{display:none}.ledger-list{max-height:255px;margin-top:15px;overflow-y:auto;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.ledger-list article{display:grid;gap:9px;align-items:center;padding:10px 0;border-top:1px solid var(--line);grid-template-columns:30px 1fr auto;animation:ledger-in .3s ease both}.ledger-icon{display:grid;width:29px;height:29px;place-items:center}.ledger-copy{display:flex;min-width:0;flex-direction:column}.ledger-copy>span{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ledger-copy>small{color:var(--faint);font-family:DM Mono,monospace;font-size:12px}.ledger-list article>strong{color:var(--accent);font-family:DM Mono,monospace;font-size:14px}.empty-ledger{display:flex;min-height:100px;align-items:center;justify-content:center;color:var(--muted);flex-direction:column;font-size:12px}.empty-ledger small{margin-top:4px;color:var(--faint);font-size:12px}.flying-chip{position:fixed;top:0;left:0;z-index:90;display:flex;gap:6px;align-items:center;pointer-events:none;animation:chip-flight var(--flight-duration, 1.4s) cubic-bezier(.3,.6,.2,1) both;will-change:transform,opacity}.flying-chip-disc{display:grid;place-items:center;animation:chip-spin var(--flight-duration, 1.4s) cubic-bezier(.3,.6,.2,1) both;transform-origin:center;will-change:transform}.flying-chip-disc .chip-mark{font-size:13px;font-weight:600}.flying-chip-label{min-height:26px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--accent) 76%,white);border-radius:999px;color:var(--accent-contrast);background:var(--accent);box-shadow:0 5px 16px #00000047;font-family:DM Mono,monospace;font-size:14px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:1;white-space:nowrap;animation:chip-label-float var(--flight-duration, 1.4s) ease-out both;will-change:transform,opacity}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;padding:20px;place-items:center;background:#030706c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .18s ease both}.invite-modal{position:relative;width:min(100%,410px);padding:36px;border:1px solid var(--line-strong);color:var(--text);background:var(--surface);box-shadow:0 35px 100px #00000080;text-align:center;animation:modal-in .32s cubic-bezier(.2,.9,.2,1) both}.modal-close{position:absolute;top:14px;right:14px;display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:transparent}.modal-kicker{color:var(--accent);font-family:DM Mono,monospace;font-size:12px;letter-spacing:.2em}.invite-modal h2{margin:7px 0 5px;font-size:25px}.invite-modal>p{margin:0 0 20px;color:var(--muted);font-size:14px}.qr-frame{position:relative;display:grid;width:min(100%,240px);aspect-ratio:1;margin:0 auto;padding:14px;place-items:center;background:#fff}.qr-frame:before,.qr-frame:after,.qr-frame i:before,.qr-frame i:after{position:absolute;width:22px;height:22px;border-color:var(--accent);border-style:solid;content:""}.qr-frame:before{top:-5px;left:-5px;border-width:2px 0 0 2px}.qr-frame:after{top:-5px;right:-5px;border-width:2px 2px 0 0}.qr-frame i:before{bottom:-5px;left:-5px;border-width:0 0 2px 2px}.qr-frame i:after{right:-5px;bottom:-5px;border-width:0 2px 2px 0}.qr-frame img{display:block;width:100%;height:100%}.qr-frame>span{color:#555;font-size:12px}.invite-code{display:flex;margin:20px 0 12px;align-items:center;justify-content:space-between}.invite-code span{color:var(--muted);font-size:12px}.invite-code strong{font-family:DM Mono,monospace;font-size:21px;letter-spacing:.12em}.copy-link{display:flex;width:100%;min-height:46px;gap:8px;align-items:center;justify-content:center;border:0;border-radius:3px;color:var(--accent-contrast);background:var(--accent);font-size:12px;font-weight:800}.invite-modal>small{display:block;margin-top:9px;overflow:hidden;color:var(--faint);font-family:DM Mono,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.toast{position:fixed;bottom:24px;left:50%;z-index:200;display:flex;min-height:44px;gap:10px;align-items:center;padding:0 16px 0 8px;border:1px solid var(--line-strong);border-radius:999px;color:var(--text);background:var(--surface-strong);box-shadow:0 14px 40px #00000059;font-size:13px;transform:translate(-50%);animation:toast-in .26s cubic-bezier(.2,.9,.2,1) both}.toast>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:var(--accent-contrast);background:var(--accent);font-family:DM Mono,monospace;font-weight:500}.toast-error>span{color:#fff;background:var(--danger)}.toast-combo{border-color:var(--accent)}@keyframes table-arrive{0%{opacity:0;transform:translate(-50%,-42%) rotateX(70deg) rotate(-4deg) scale(.82)}to{opacity:1;transform:translate(-50%,-52%) rotateX(57deg) rotate(-8deg) scale(1)}}@keyframes seat-bob{0%,to{margin-top:0}50%{margin-top:-5px}}@keyframes demo-chip-to-front{0%,10%{opacity:0;top:var(--flight-from-top);left:var(--flight-from-left);transform:translate(-50%,-50%) translateZ(45px) scale(.68)}18%{opacity:1}55%{top:var(--flight-mid-top);left:var(--flight-mid-left);opacity:1;transform:translate(-50%,-50%) translateZ(120px) scale(1.08)}78%{top:var(--flight-to-top);left:var(--flight-to-left);opacity:1;transform:translate(-50%,-50%) translateZ(38px) scale(.78)}86%,to{top:var(--flight-to-top);left:var(--flight-to-left);opacity:0;transform:translate(-50%,-50%) translateZ(24px) scale(.62)}}@keyframes chip-flight{0%{opacity:0;transform:translate3d(var(--sx),var(--sy),0)}12%{opacity:1}52%{transform:translate3d(calc(var(--sx) + var(--dx) * .52),calc(var(--sy) + var(--dy) * .52 - 110px),0)}88%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--sx) + var(--dx)),calc(var(--sy) + var(--dy)),0)}}@keyframes chip-spin{0%{transform:rotate(0) scale(.7)}52%{transform:rotate(420deg) scale(1.15)}to{transform:rotate(760deg) scale(.72)}}@keyframes chip-label-float{0%,12%{opacity:0;transform:translate3d(-5px,4px,0) scale(.9)}24%{opacity:1}62%{opacity:1;transform:translate3d(3px,-6px,0) scale(1)}88%,to{opacity:0;transform:translate3d(10px,-14px,0) scale(.96)}}@keyframes seat-pulse{0%,to{filter:none}35%{filter:brightness(1.45)}}@keyframes ledger-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:1180px){.lobby-grid{width:min(100% - 44px,1040px);grid-template-columns:.9fr 1.1fr}.lobby-stage{grid-column:2;grid-row:1 / span 2}.entry-console{grid-column:1}.demo-table{width:min(52vw,600px)}.room-content{grid-template-columns:minmax(0,1fr) 340px}.control-rail>section{padding:23px 22px}.table-column{padding:30px 24px}.player-seat{min-width:110px}}@media(max-width:900px){.lobby{overflow-y:auto}.lobby-grid{min-height:auto;padding:60px 0 100px;grid-template-columns:1fr}.hero-copy{max-width:620px}.hero-copy h1{font-size:clamp(54px,10vw,82px)}.lobby-stage{min-height:520px;grid-column:1;grid-row:auto}.demo-table{width:min(76vw,610px)}.entry-console{width:min(100%,500px);margin:0 auto;grid-column:1}.lobby-footer{position:absolute}.room-content{display:block}.table-column{min-height:670px;border-right:0;border-bottom:1px solid var(--line)}.game-table{min-height:500px}.control-rail{display:grid;grid-template-columns:.85fr 1.15fr}.ledger-section{grid-column:1 / -1}.wallet-section{border-right:1px solid var(--line)}}@media(max-width:640px){.room-shell{height:auto;min-height:100dvh;overflow-x:hidden}.lobby-nav,.room-nav{padding:0 16px}.lobby-grid{width:min(100% - 30px,500px);padding-top:42px}.hero-copy h1{margin-top:20px;font-size:clamp(46px,15vw,68px)}.hero-copy>p{font-size:13px}.trust-row{gap:12px}.lobby-stage{min-height:370px}.demo-table{width:95vw;border-width:18px}.demo-seat{min-width:92px;padding:5px}.demo-seat .avatar{width:25px;height:25px}.hero-chip-stack{transform:translate(-50%,-50%) translateZ(35px) scale(.75)}.entry-console{padding:23px 20px}.entry-purpose{display:block;margin:0 0 13px;color:var(--muted);font-size:14px;font-weight:700}.lobby-footer{bottom:18px}.lobby-footer span:last-child{display:none}.room-nav{position:sticky;top:0;min-height:54px;height:54px}.room-brand,.nav-separator,.connection-state,.theme-control:not(.theme-compact)>span,.invite-button span{display:none}.back-button{display:grid}.room-code-button{padding:0 8px}.room-nav .theme-control{width:40px;padding:0;justify-content:center}.room-nav .theme-control select{position:absolute;width:40px;height:40px;opacity:0}.room-nav .theme-control .theme-chevron{display:none}.room-nav .theme-control .theme-icon{display:block;color:var(--accent)}.invite-button{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.room-content{--mobile-table-height: clamp(230px, 40dvh, 340px);--mobile-wallet-height: 58px;display:grid;height:auto;min-height:calc(100dvh - 54px);overflow:visible;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--mobile-table-height) auto}.table-column{min-height:0;padding:7px 10px 4px;overflow:hidden;border-bottom:1px solid var(--line)}.table-header{display:none}.game-table-wrap{width:100%;height:100%}.game-table{height:100%;min-height:0;margin:0;aspect-ratio:auto}.table-rail{top:12%;right:8%;bottom:12%;left:8%;box-shadow:inset 0 0 0 2px var(--rail-light),inset 0 -6px color-mix(in srgb,var(--rail) 70%,black),0 16px 26px #0000004d}.table-felt{inset:calc(12% + 9px) calc(8% + 9px)}.table-center>span,.table-center>small{display:none}.table-center>strong{margin:0;font-size:12px;letter-spacing:.08em}.center-stack{height:27px;margin-top:4px;transform:scale(.52);transform-origin:top center}.center-stack .chip-mark{display:none}.player-seat{min-width:72px;gap:4px;padding:3px 6px 3px 3px;border-radius:20px;box-shadow:0 7px 14px #00000047}.seat-avatar{width:28px;height:28px;font-size:12px}.seat-avatar>i{width:7px;height:7px;border-width:1px}.host-crown{top:-7px;width:10px}.seat-data{min-width:42px}.seat-name{max-width:52px;font-size:12px}.seat-data strong{font-size:12px}.target-mark{top:-3px;right:-3px;width:16px;height:16px;border-width:1px}.player-seat.is-current:after{display:none}.table-actions{display:none}.control-rail{display:grid;min-height:0;overflow:visible;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--mobile-wallet-height) auto auto}.control-rail>section{padding:0}.wallet-section{display:grid;padding:7px 14px 6px!important;align-items:center;border-right:0;grid-template-columns:auto 1fr;grid-template-rows:1fr 3px}.wallet-section .section-label{justify-content:flex-start}.wallet-section .section-label>span{display:none}.wallet-section .section-label small{color:var(--muted);font-size:12px;font-weight:700}.wallet-value{margin:0;justify-content:flex-end}.wallet-value>span{font-size:12px}.wallet-value strong{font-size:25px;font-weight:600}.wallet-meter{margin:3px 0 0;grid-column:1 / -1}.wallet-caption{display:none}.transfer-section{display:grid;min-height:0;padding:10px 14px max(10px,env(safe-area-inset-bottom))!important;align-content:start;grid-template-rows:auto 56px 44px 32px 64px 58px 50px auto}.transfer-section .section-title h2{margin:0;font-size:17px}.transfer-section .section-title>div>span{display:none}.recipient-mode{min-height:28px;padding:0 10px;font-size:12px}.target-strip{min-height:51px;gap:10px;margin:2px 0 4px;padding:2px}.target-strip button{min-width:46px;gap:2px}.target-strip button>span{width:34px;height:34px;font-size:12px}.target-strip small{max-width:52px;font-size:12px}.amount-input{height:44px}.amount-input input{padding:0 9px;font-size:24px}.amount-input>span,.amount-input>small,.clear-amount{font-size:12px}.clear-amount{min-height:30px;margin-left:7px;padding:0 8px}.chip-picker-heading{min-height:32px;margin-top:0}.chip-picker-heading>strong,.chip-picker-heading>button{font-size:12px}.chip-denominations{min-height:60px;gap:4px;margin:2px 0}.chip-denominations button{min-height:58px;gap:0;padding:2px;font-size:13px}.chip-denominations .chip-3d{width:34px;height:34px;margin:-2px 0 0;transform:none}.chip-denominations button:hover,.chip-denominations button.active{transform:none}.send-chips{grid-row:7;min-height:50px;font-size:14px}.transfer-summary{min-height:54px;gap:6px;margin:2px 0;padding:6px 8px}.transfer-summary>span{min-width:52px}.transfer-summary small{font-size:12px}.transfer-summary strong{font-size:14px}.transfer-error{margin-top:6px;font-size:12px}.ledger-section{display:block;min-height:0;padding:22px 14px max(30px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,var(--accent-soft),transparent 74px),var(--bg-raised)}.ledger-section .section-title h2{margin:2px 0 0;font-size:18px}.ledger-section .section-title>small{font-family:DM Mono,monospace;font-size:12px}.ledger-list{max-height:none;margin-top:12px;overflow:visible}.ledger-section:not(.is-expanded) .ledger-list article:nth-of-type(n+4){display:none}.ledger-list article{min-height:53px;padding:10px 2px;grid-template-columns:32px 1fr auto}.ledger-copy>span{font-size:12px}.ledger-copy>small{margin-top:2px;font-size:12px}.ledger-list article>strong{font-size:13px}.ledger-expand{display:flex;width:100%;min-height:42px;margin-top:9px;align-items:center;justify-content:space-between;padding:0 13px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:var(--surface-soft);font-size:12px;font-weight:800}.ledger-expand svg{color:var(--accent);transition:transform .18s ease}.ledger-section.is-expanded .ledger-expand svg{transform:rotate(180deg)}.invite-modal{padding:32px 23px 25px}}@media(max-width:640px)and (max-height:700px){.room-content{--mobile-table-height: clamp(200px, 36dvh, 230px);--mobile-wallet-height: 52px}.wallet-section{padding-top:4px!important;padding-bottom:4px!important}.transfer-section{padding-top:7px!important;padding-bottom:max(7px,env(safe-area-inset-bottom))!important;grid-template-rows:auto 49px 39px 28px 52px 54px 45px auto}.target-strip{min-height:45px;margin:0}.target-strip button>span{width:31px;height:31px}.amount-input{height:37px}.chip-denominations{min-height:50px;margin:2px 0}.chip-denominations button{min-height:49px}.send-chips{min-height:45px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}