:root{--bg: #0d1421;--bg2: #16233a;--card: #1b2b45;--line: #2b405f;--text: #eaf1fb;--muted: #8fa3bf;--accent: #ffb300;--accent2: #4fc3f7;--ok: #66bb6a;--bad: #ef5350}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(1200px 700px at 70% -10%,#1d3352 0%,var(--bg) 55%) fixed;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-tap-highlight-color:transparent}.app{max-width:760px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}h1,h2,h3{margin:8px 0}.muted{color:var(--muted)}.small{font-size:12px}.err{background:#ef535026;border:1px solid var(--bad);color:#ffcdd2;padding:8px 10px;border-radius:10px;margin:6px 0;font-size:14px}.invite-note{background:#4fc3f71f;border:1px solid var(--accent2);color:#b3e5fc;padding:8px 10px;border-radius:10px;font-size:13px}.link{background:none;border:none;color:var(--accent2);cursor:pointer;font-size:13px;padding:2px 6px}.btn{display:block;width:100%;margin:6px 0;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--text);font-size:16px;font-weight:600;cursor:pointer;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#ffc233,var(--accent));color:#26200a;border-color:#c98f00}.btn.ghost{background:transparent}.btn.small{width:auto;padding:8px 12px;font-size:14px;margin:3px;display:inline-block}.btn.big{padding:17px;font-size:18px}.btn.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.icon-btn{background:var(--bg2);border:1px solid var(--line);border-radius:10px;font-size:17px;padding:6px 9px;cursor:pointer}input,select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:#101a2b;color:var(--text);font-size:16px}input[type=range]{padding:0}.field{display:block;margin:8px 0}.field span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.row{display:flex;align-items:center;gap:8px;margin:6px 0;flex-wrap:wrap}.row2{display:flex;gap:6px;margin:6px 0}.row2 input{flex:1;min-width:0}.row2c{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.row2wrap{display:flex;gap:6px;flex-wrap:wrap}.row2wrap .btn{flex:1 1 40%;width:auto}.seg{display:inline-flex;gap:4px}.seg button{padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--text);font-weight:700;cursor:pointer}.seg button.on{border-color:var(--accent);color:var(--accent)}.menu,.lobby,.results,.shop{padding:14px;display:flex;flex-direction:column}.logo{text-align:center;margin-top:8px}.logo-tower{font-size:54px;line-height:1;filter:drop-shadow(0 6px 14px rgba(255,179,0,.35))}.logo h1{font-size:28px;margin:4px 0 0}.logo h1 span{color:var(--accent)}.tag{color:var(--muted);font-size:13px;margin-top:4px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0}.card h3{margin-top:2px;display:flex;justify-content:space-between;align-items:center}.skins-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0}.skins-row .lbl{font-size:13px;color:var(--muted)}.skin-pill{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg2);border:1px solid var(--line);font-size:19px}.skin-pill.on{border-color:var(--accent);box-shadow:0 0 8px #ffb30080}.room-block{border-top:1px dashed var(--line);padding:6px 0}.room-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.code-box{text-align:center;font-size:18px;background:var(--card);border:1px dashed var(--accent);border-radius:12px;padding:10px;margin:10px 0}.code-box b{color:var(--accent);letter-spacing:3px;font-size:22px}.seats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.seat{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 6px}.seat.bot{border-style:dashed}.seat.empty{opacity:.55}.seat .av{font-size:26px}.seat .nm{font-weight:700;font-size:14px}.seat .st{font-size:11px;color:var(--muted)}.wait{text-align:center;padding:6px}.chat{background:#101a2b;border:1px solid var(--line);border-radius:12px;max-height:160px;overflow-y:auto;padding:8px 10px;margin:8px 0;font-size:13px}.chat-msg{padding:2px 0;border-bottom:1px solid #182640}.game{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden}.hud{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;gap:8px}.hud-l,.hud-r{display:flex;align-items:center;gap:8px;flex:1}.hud-r{justify-content:flex-end}.round{font-size:13px;color:var(--muted);white-space:nowrap}.money{font-weight:800;font-size:16px;white-space:nowrap}.money.low{color:var(--bad)}.props{font-weight:700;font-size:15px;white-space:nowrap;color:var(--text)}.dice{display:flex;align-items:center;gap:4px}.die{font-size:30px;line-height:1;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:2px 6px}.die.pre{animation:shake .7s infinite}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.dbl{font-size:11px;color:var(--accent);background:#ffb3001f;border-radius:8px;padding:2px 6px}.board-wrap{position:relative;flex:1;min-height:0}.board-wrap canvas{display:block}.status-text{position:absolute;left:50%;transform:translate(-50%);bottom:4px;background:#0d1421bf;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px;max-width:94%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.card-pop{position:absolute;top:12%;left:50%;transform:translate(-50%);background:linear-gradient(160deg,#2b2450,#171331);border:1px solid #7e57c2;border-radius:16px;padding:16px 18px;max-width:86%;text-align:center;box-shadow:0 12px 40px #0009;animation:pop .25s ease-out;z-index:30}@keyframes pop{0%{transform:translate(-50%) scale(.7);opacity:0}}.card-pop-text{font-size:16px;font-weight:700}.cell-info{position:absolute;top:8px;left:8px;right:8px;background:#152238eb;border:1px solid var(--line);border-radius:12px;padding:8px 12px;z-index:25;animation:pop .2s ease-out}.action-panel{padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(9,14,24,.9) 30%);min-height:74px}.buy-box{display:flex;flex-direction:column;gap:4px}.buy-title{font-weight:800;font-size:15px;text-align:center}.game-error{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:#b71c1cf0;border:1px solid #ef9a9a;color:#fff;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600;z-index:60;max-width:90%;text-align:center;animation:pop .2s ease-out;box-shadow:0 8px 24px #00000080;pointer-events:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#04080fb8;display:flex;align-items:center;justify-content:center;z-index:50;padding:12px}.modal-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;width:100%;max-width:480px;max-height:86dvh;overflow-y:auto}.trade-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}.trade-it{display:flex;gap:6px;align-items:center;font-size:13px;padding:3px 0}.trade-it input{width:auto}.up-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding:7px 0;font-size:14px}.pm-head{display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--line);padding-bottom:10px;margin-bottom:10px}.pm-avatar{width:46px;height:46px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;box-shadow:inset 0 0 0 2px #ffffff59}.pm-id{display:flex;flex-direction:column;gap:2px;min-width:0}.pm-name{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-color{width:14px;height:14px;border-radius:4px;margin-left:auto;flex:0 0 auto;box-shadow:0 0 0 1px var(--line)}.pm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.pm-stat{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:2px}.pm-stat b{font-size:16px}.pm-props{display:flex;flex-direction:column;gap:2px;max-height:30dvh;overflow-y:auto;margin-bottom:10px}.pm-prop{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding:6px 0;font-size:14px}.pm-stars{font-style:normal;font-size:11px}.chat-overlay{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#0d1421f7;border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));max-width:760px;margin:0 auto}.chat-head{display:flex;justify-content:space-between;font-weight:700}.chat-float{max-height:34dvh}.results{text-align:center}.podium{display:flex;flex-direction:column;gap:8px;margin:12px 0}.place{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:4px 10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;text-align:left}.place.win{border-color:var(--accent);box-shadow:0 0 16px #ffb30040}.medal{font-size:26px;grid-row:span 2}.place .av{font-size:28px}.place .nm,.pts{font-size:14px}.coins{color:var(--accent);font-weight:700}.shop-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.coins-big{color:var(--accent);font-weight:800;font-size:18px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.skin-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.skin-card.unique{border-color:#ab47bc;box-shadow:0 0 12px #ab47bc40}.skin-card.equipped{border-color:var(--ok)}.skin-visual{font-size:40px}.badge{display:inline-block;background:#ab47bc33;border:1px solid #ab47bc;color:#e1bee7;border-radius:8px;font-size:10px;padding:2px 6px;margin-left:4px}.serial{color:#ce93d8;font-size:11px}.skin-body{font-size:13px;text-align:center}.skin-actions{font-size:12px}.stars3d{font-size:9px;letter-spacing:-1px;text-shadow:0 1px 2px #000;white-space:nowrap}.cell3d-label{display:flex;flex-direction:column;align-items:center;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 3px #000}.cell3d-label .e{font-size:15px}.cell3d-label .n{font-size:9px;color:#cfe0f5;font-weight:700}.cell3d-label.owned .n{color:var(--accent)}.token3d{width:34px;height:34px;border-radius:50%;background:#101a2b;border:3px solid #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;position:relative;box-shadow:0 4px 10px #00000080}.token3d.cur{animation:bounce .9s infinite}@keyframes bounce{50%{transform:translateY(-5px)}}.token3d.dead{filter:grayscale(1);opacity:.5}.token3d .tk-n{position:absolute;top:105%;font-size:8px;background:#0d1421d9;border-radius:6px;padding:1px 4px;white-space:nowrap;color:#fff}.toast{position:fixed;bottom:86px;left:50%;transform:translate(-50%);background:#0b2e13;border:1px solid var(--ok);color:#c8e6c9;border-radius:12px;padding:10px 16px;z-index:90;font-size:14px;max-width:90%;animation:pop .2s ease-out;text-align:center}.busy{position:fixed;top:8px;left:50%;transform:translate(-50%);color:var(--accent2);font-size:12px;z-index:90}.reconnect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:200}.reconnect-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 32px;text-align:center;max-width:280px}.reconnect-spinner{width:36px;height:36px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.reconnect-title{font-size:16px;font-weight:700;margin-bottom:6px}.reconnect-sub{font-size:13px;color:var(--muted)}.reconnect-cancel{margin-top:14px;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:7px 16px;font-size:12px;cursor:pointer;transition:color .15s,border-color .15s}.reconnect-cancel:hover{color:var(--fg);border-color:var(--accent)}.offline-badge{position:fixed;top:8px;right:8px;background:#000000b3;color:var(--accent2);border:1px solid var(--line);border-radius:10px;padding:4px 10px;font-size:12px;z-index:190;pointer-events:none}.profile-nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:4px 0 8px}.profile-nav .btn{width:auto;margin:3px}.top-row{display:grid;grid-template-columns:42px 44px 1fr auto;align-items:center;gap:8px;border-top:1px solid var(--line);padding:8px 2px;font-size:14px}.top-row:first-child{border-top:none}.top-row.me{background:#4fc3f714;border-radius:10px;border-top-color:transparent}.top-row .pos{font-size:18px;text-align:center}.top-row .tav{font-size:22px;text-align:center;position:relative}.top-row .tav .pf{position:absolute;bottom:-6px;right:-6px;font-style:normal;font-size:8px;background:var(--bg2);border:1px solid var(--line);border-radius:5px;padding:0 3px;color:var(--muted)}.top-row .tnm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-row .tsc em{font-style:normal}.quest-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:8px 0}.quest-row.done{border-color:var(--ok)}.quest-row.claimed{opacity:.55}.quest-row .qem{font-size:26px}.quest-row .qbody{flex:1;min-width:0}.qbar{height:8px;background:#101a2b;border-radius:6px;overflow:hidden;margin:5px 0 3px}.qfill{height:100%;background:linear-gradient(90deg,#4fc3f7,#7c4dff);border-radius:6px;transition:width .4s}.btn.gem{border-color:#7c4dff;color:#d1c4e9}@media(min-width:700px){.logo-tower{font-size:70px}.logo h1{font-size:36px}.seats{grid-template-columns:repeat(3,1fr)}}