@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--ink: #25131c;--paper: #fff5cf;--gold: #ffd166;--green: #6ee56b;--mint: #9bf2d2;--ruby: #b7385e;--plum: #4b284c;--teal: #1e6f73;--floor-dark: #4a2c30;--floor-mid: #70413d;--floor-light: #96624f;--shadow: rgba(18, 10, 18, .45);--pixel-border: 4px solid var(--ink);color-scheme:dark;font-family:"Press Start 2P",ui-monospace,SFMono-Regular,Menlo,monospace;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--paper);background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(180deg,#2d304f 0 36%,#204b52 36% 38%,var(--floor-dark) 38% 100%);overflow:auto}button,input{font:inherit}.app-shell{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;padding:clamp(14px,2vw,28px);isolation:isolate}.app-shell:before{position:fixed;top:38%;right:0;bottom:0;left:0;z-index:-2;content:"";background:repeating-linear-gradient(90deg,var(--floor-mid) 0 42px,var(--floor-light) 42px 46px,var(--floor-mid) 46px 90px,#58343a 90px 94px),repeating-linear-gradient(0deg,transparent 0 35px,rgba(25,13,17,.28) 35px 39px);image-rendering:pixelated}.room-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,rgba(255,209,102,.2),transparent 46%),linear-gradient(180deg,#4b284c1a,#1e6f7338)}.hud{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.hud-top>div,.hud-bottom{min-height:48px;padding:10px 12px;color:var(--paper);background:#3f2440;border:var(--pixel-border);box-shadow:0 6px #160b12}.hud-top>div{display:grid;gap:6px;min-width:min(180px,100%);text-align:center}.hud-label{color:var(--mint);font-size:8px;text-transform:uppercase}.hud strong{font-size:clamp(9px,1.4vw,12px);line-height:1.55}.online{color:var(--green)}.offline{color:#ff7a90}.table-stage{--ring-radius: clamp(136px, 30vmin, 252px);position:relative;z-index:1;display:grid;place-items:center;min-height:clamp(720px,calc(100vh - 120px),780px);margin-block-start:clamp(18px,3vh,32px);overflow:visible}.table-art{width:min(64vmin,560px);min-width:250px;max-height:58vh;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 18px 0 rgba(20,9,14,.32));-webkit-user-select:none;user-select:none}.seat-ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.player-seat{position:absolute;top:50%;left:50%;width:clamp(94px,13vmin,136px);min-height:clamp(122px,16vmin,158px);display:grid;justify-items:center;align-content:start;gap:6px;transform:translate(-50%,-50%) rotate(calc(var(--seat) * 36deg)) translateY(calc(var(--ring-radius) * -1)) rotate(calc(var(--seat) * -36deg));pointer-events:auto;animation:sitDown .28s steps(4,end) both}.player-seat--self .nameplate{border-color:var(--gold);box-shadow:0 4px #795329,0 0 0 4px #ffd16629}.player-seat--offline .avatar{filter:grayscale(1) brightness(.72);opacity:.72}.player-seat--offline .nameplate{background:#2b2630;border-color:#514858}.nameplate{position:relative;z-index:2;display:grid;gap:5px;width:100%;min-height:47px;padding:7px;color:var(--paper);text-align:center;background:#2b1a31;border:3px solid var(--ink);box-shadow:0 4px #140a12}.nameplate__name,.nameplate__balance{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}.nameplate__name{color:var(--mint);font-size:clamp(7px,1.1vmin,9px)}.nameplate__balance{color:var(--gold);font-size:clamp(9px,1.35vmin,12px)}.nameplate__status{color:#ff9cab;font-size:6px;line-height:1.2}.admin-badge{display:inline-block;margin-left:4px;padding:2px 3px;color:#1f1b16;background:var(--gold);border:2px solid var(--ink);font-size:6px;vertical-align:middle}.bot-badge{display:inline-block;margin-left:4px;padding:2px 3px;color:var(--paper);background:var(--teal);border:2px solid var(--ink);font-size:6px;vertical-align:middle}.avatar{position:relative;z-index:1;width:clamp(54px,7.6vmin,82px);height:clamp(66px,9vmin,96px);object-fit:contain;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.chair-shadow{width:58%;height:10px;margin-top:-12px;background:#120a1273;border:2px solid rgba(18,10,18,.24)}.floating-layer{position:absolute;top:-18px;left:50%;z-index:4;transform:translate(-50%);pointer-events:none}.floating-text{position:absolute;left:50%;display:block;padding:5px 7px;color:#d9ffd4;font-size:clamp(10px,1.6vmin,15px);line-height:1;text-shadow:-2px 0 #0c3d18,0 2px #0c3d18,2px 0 #0c3d18,0 -2px #0c3d18;transform:translate(-50%);animation:floatBuyIn 1.3s ease-out forwards}.floating-text:nth-child(2n){margin-left:18px}.floating-text:nth-child(3n){margin-left:-18px}.hud-bottom{justify-self:center;width:min(980px,100%);max-width:100%;background:#213c45}.control-stack{display:grid;justify-items:center;gap:14px;width:100%}.pixel-button{min-width:min(260px,100%);min-height:52px;padding:13px 18px;color:#1f1b16;line-height:1.35;text-transform:uppercase;background:var(--gold);border:var(--pixel-border);box-shadow:0 6px #6e4526;cursor:pointer;transition:transform .12s steps(2,end),filter .12s linear}.pixel-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.pixel-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #6e4526}.pixel-button:disabled{color:#6d6672;background:#c7bda3;box-shadow:0 6px #514858;cursor:not-allowed}.pixel-button--danger{color:var(--paper);background:var(--ruby);box-shadow:0 6px #5b1932}.pixel-button--secondary{color:var(--paper);background:var(--teal);box-shadow:0 6px #123f43}.admin-panel{display:grid;gap:14px;width:100%;padding:12px;background:#172b34;border:4px solid var(--ink);box-shadow:inset 0 0 0 4px #315862}.admin-panel__head{display:flex;align-items:start;justify-content:space-between;gap:12px;text-align:left}.admin-panel__head h2{margin:6px 0 0;color:var(--gold);font-size:clamp(12px,1.7vw,16px);line-height:1.35}.admin-panel__head p,.admin-panel__hint{margin:0;color:var(--mint);font-size:8px;line-height:1.6;text-align:right}.admin-panel__hint{text-align:center}.admin-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-actions .pixel-button{min-width:0;width:100%;font-size:8px}.admin-actions--final{grid-template-columns:minmax(0,1fr)}.admin-actions--final .pixel-button{justify-self:center;max-width:360px}.winner-form{display:grid;gap:10px}.winner-form__header,.winner-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(120px,180px);align-items:center;gap:10px}.winner-form__header{grid-template-columns:44px minmax(0,1fr) minmax(120px,180px);color:var(--mint);font-size:8px;line-height:1.4}.winner-form__header span:first-child{grid-column:1 / 3}.winner-row{min-height:52px;padding:8px;background:#243c45;border:3px solid var(--ink)}.winner-row__name{overflow:hidden;color:var(--paper);font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.winner-input{min-height:38px;margin:0;padding:8px;text-align:right}.winner-input:disabled{opacity:.45}.bank-check{margin:0;padding:8px;color:var(--paper);background:#243c45;border:3px solid var(--ink);font-size:8px;line-height:1.6;text-align:center}.bank-check--ok{color:var(--green)}.bank-check--error{color:#ffd5dc;background:#4a2030}.pixel-check{position:relative;display:inline-grid;place-items:center;width:24px;height:24px}.pixel-check input{position:absolute;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.pixel-check span{width:24px;height:24px;background:#101b22;border:4px solid var(--ink);box-shadow:inset 0 0 0 3px #315862}.pixel-check input:checked+span{background:linear-gradient(45deg,transparent 0 38%,var(--green) 38% 62%,transparent 62%),linear-gradient(-45deg,transparent 0 38%,var(--green) 38% 62%,transparent 62%),#101b22}.result-board{display:grid;gap:6px}.result-grid{display:grid;grid-template-columns:minmax(90px,1.2fr) minmax(80px,.9fr) minmax(84px,.9fr) minmax(84px,.9fr);gap:8px;align-items:center;padding:8px;background:#243c45;border:3px solid var(--ink);font-size:8px;line-height:1.55;text-align:right}.result-grid span:first-child{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.result-grid--head{color:var(--mint);background:#2b1a31}.result-total{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--gold);font-size:8px;line-height:1.6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:18px;background:#130b179e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.join-card{width:min(460px,100%);padding:clamp(18px,4vw,30px);color:var(--paper);text-align:center;background:linear-gradient(180deg,#5a3158 0 16px,transparent 16px),#2f2039;border:5px solid var(--ink);box-shadow:0 8px #150a14,inset 0 0 0 5px #8f5c5b}.join-card__crest{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.join-card__crest span{width:14px;height:14px;background:var(--gold);border:3px solid var(--ink);box-shadow:0 3px #7a4c24}.join-card h1{margin:0 0 14px;color:var(--gold);font-size:clamp(20px,5vw,34px);line-height:1.3;text-shadow:4px 4px 0 #160b12}.join-card__copy,.join-card__status,.error-message{margin:0;line-height:1.65;font-size:9px}.join-card__copy{margin-bottom:22px;color:var(--mint)}.field-label{display:block;margin-bottom:8px;color:var(--paper);text-align:left;font-size:9px;line-height:1.4}.pixel-input{width:100%;min-height:54px;margin-bottom:14px;padding:13px 14px;color:var(--paper);line-height:1.45;background:#172b34;border:var(--pixel-border);outline:none;box-shadow:inset 0 0 0 4px #315862}.pixel-input::placeholder{color:#8fb0a9}.pixel-input:focus{border-color:var(--gold)}.error-message{width:100%;margin:0 0 14px;color:#ffd5dc;text-align:center}.join-card__status{margin-top:14px;color:var(--mint)}@keyframes sitDown{0%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--seat) * 36deg)) translateY(calc((var(--ring-radius) + 26px) * -1)) rotate(calc(var(--seat) * -36deg))}to{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--seat) * 36deg)) translateY(calc(var(--ring-radius) * -1)) rotate(calc(var(--seat) * -36deg))}}@keyframes floatBuyIn{0%{opacity:0;transform:translate(-50%,12px) scale(.8)}18%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-56px) scale(1.08)}}@media (max-width: 780px){body{overflow:auto}.app-shell{min-height:100svh;padding:12px}.table-stage{--ring-radius: clamp(118px, 34vmin, 190px);min-height:620px;margin-block-start:20px}.table-art{width:min(82vmin,430px)}.hud-top{justify-content:stretch}.hud-top>div{flex:1 1 144px}.admin-panel__head{display:grid;text-align:center}.admin-panel__head p{text-align:center}.admin-actions{grid-template-columns:1fr}.player-seat{width:92px;min-height:120px}}@media (max-width: 520px){.table-stage{--ring-radius: min(132px, calc((100vw - 112px)/2) );align-content:start;gap:12px;min-height:0;margin-block-start:14px;padding-block:6px}.table-art{width:min(72vw,290px);min-width:210px;max-height:none}.seat-ring{position:static;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,430px);pointer-events:auto}.player-seat{position:relative;top:auto;left:auto;grid-template-columns:minmax(0,1fr) 42px;align-items:end;align-content:center;justify-items:stretch;width:100%;min-height:76px;padding-top:4px;gap:4px;transform:none;animation:none}.nameplate{min-height:54px;padding:6px 5px}.nameplate__name{font-size:6px}.nameplate__balance{font-size:8px}.avatar{width:42px;height:56px;align-self:end;justify-self:center}.chair-shadow{display:none}.floating-layer{top:-12px;left:50%}.winner-form__header,.winner-row{grid-template-columns:28px minmax(0,1fr) minmax(86px,112px);gap:7px}.winner-form__header{grid-template-columns:35px minmax(0,1fr) minmax(86px,112px)}.result-grid{grid-template-columns:minmax(70px,1fr) minmax(54px,.75fr) minmax(68px,.85fr) minmax(68px,.85fr);gap:5px;font-size:6px}}@media (max-width: 360px){.app-shell{padding:8px}.hud{gap:8px}.hud-top>div,.hud-bottom{padding:8px}.table-stage{--ring-radius: min(118px, calc((100vw - 100px)/2) )}.table-art{width:min(70vw,240px);min-width:190px}.player-seat{grid-template-columns:minmax(0,1fr) 38px;min-height:72px}.avatar{width:38px;height:52px}.pixel-button{min-height:48px;padding:11px 12px}.winner-form__header,.winner-row{grid-template-columns:24px minmax(0,1fr) minmax(74px,92px);gap:5px;padding:6px}.winner-form__header{grid-template-columns:31px minmax(0,1fr) minmax(74px,92px)}.result-grid{grid-template-columns:minmax(58px,1fr) minmax(44px,.7fr) minmax(58px,.8fr) minmax(58px,.8fr)}}