:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#000;color:#fff;font-family:"Press Start 2P",monospace;-webkit-font-smoothing:none;text-rendering:geometricPrecision}.app{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:16px;background:radial-gradient(ellipse at 50% 0%,rgba(255,0,40,.12),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(90,0,160,.1),transparent 60%),#000}.header{width:100%;max-width:960px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 10px}.title{margin:0;font-size:22px;letter-spacing:6px;color:#fff;text-shadow:0 0 12px rgba(255,0,0,.6)}.title-row{display:flex;align-items:center;gap:10px}.logo-icon{width:30px;height:30px;flex:0 0 auto;filter:drop-shadow(0 0 6px rgba(255,0,40,.6))}.header-actions{display:flex;gap:8px}.stage{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.screen-wrap{position:relative;border:2px solid #2a2a2a;border-radius:4px;box-shadow:0 0 0 1px #000,0 0 46px #ff00281a,0 0 120px #ff00280d;background:#000;overflow:hidden}.screen-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.4) 100%)}.screen-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0px,rgba(0,0,0,.14) 1px,transparent 1px,transparent 3px)}.screen{display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:#000}.footer{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;padding:14px 8px 4px;font-size:9px;color:#555}.footer span{letter-spacing:1px}.btn{font-family:"Press Start 2P",monospace;font-size:10px;color:#fff;background:#1b1b20;border:2px solid #333;border-radius:3px;padding:10px 12px;cursor:pointer;letter-spacing:1px;transition:border-color .1s ease,background .1s ease}.btn:hover{border-color:#666}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:#c00;border-color:#f55}.btn.primary:hover{background:#e00}.btn.ghost{padding:8px 10px;font-size:9px}.link{font-family:"Press Start 2P",monospace;font-size:9px;color:#8af;background:none;border:none;cursor:pointer;padding:6px 0;letter-spacing:1px}.link:hover{color:#acf}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{width:100%;max-width:420px;max-height:84vh;overflow:auto;background:#0c0c10;border:2px solid #333;border-radius:6px;padding:14px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tabs{display:flex;gap:6px}.tab{font-family:"Press Start 2P",monospace;font-size:10px;color:#888;background:none;border:2px solid transparent;border-bottom-color:#333;padding:8px 10px;cursor:pointer}.tab.active{color:#fff;border-color:#333;border-bottom-color:#fff}.close{font-size:20px;line-height:1;color:#888;background:none;border:none;cursor:pointer;padding:0 4px}.close:hover{color:#fff}.form{display:flex;flex-direction:column;gap:10px}.form-title{margin:0;font-size:13px}.hint{margin:0;font-size:8px;line-height:1.6;color:#777}.field{font-family:"Press Start 2P",monospace;font-size:11px;color:#fff;background:#15151b;border:2px solid #333;border-radius:3px;padding:12px}.field:focus{outline:none;border-color:#888}.err{margin:0;font-size:9px;line-height:1.5;color:#ff6b6b}.signedin{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.who{margin:0;font-size:11px;line-height:1.6}.best{margin:0;font-size:9px;line-height:1.6;color:#aaa}.board{min-height:160px}.dim{font-size:9px;color:#666;line-height:1.6}.board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:10px;font-size:10px;padding:8px;border:1px solid #222;border-radius:3px}.row.me{border-color:#c00;background:#c800001f}.rank{width:24px;color:#888}.name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{color:#aaa;white-space:nowrap}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#16161c;border:2px solid #444;border-radius:4px;padding:12px 16px;font-size:9px;z-index:60}.toast.success{border-color:#2c6}.toast.err-toast{border-color:#c33}.coins-pill{font-size:10px;color:#ffd23f;border:2px solid #333;border-radius:3px;padding:8px 10px;letter-spacing:1px}.shop{display:flex;flex-direction:column;gap:10px}.coins.big{margin:0;font-size:14px;color:#ffd23f}.shop-list{display:flex;flex-direction:column;gap:8px}.skin{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #222;border-radius:4px}.skin.equipped{border-color:#ffd23f;background:#ffd23f0f}.skin-swatch{width:22px;height:22px;border-radius:4px;flex:0 0 auto;border:1px solid #000;box-shadow:0 0 8px #ffffff1a}.skin-info{flex:1;min-width:0}.skin-name{font-size:10px;letter-spacing:1px}.skin-desc{font-size:8px;color:#888;line-height:1.5;margin-top:4px}.skin-actions{flex:0 0 auto}.skin-badge{font-size:8px;color:#ffd23f}.btn.small{padding:7px 9px;font-size:9px}.board-tabs{display:flex;gap:6px;margin-bottom:12px}.subtab{font-family:"Press Start 2P",monospace;font-size:9px;color:#888;background:none;border:2px solid #333;border-radius:3px;padding:7px 9px;cursor:pointer}.subtab.active{color:#fff;border-color:#fff}.news{width:100%;max-width:720px;margin-top:24px;padding:16px;border-top:2px solid #1a1a1a}.news-title{margin:0 0 12px;font-size:11px;letter-spacing:3px;color:#555}.news-list{display:flex;flex-direction:column;gap:10px}.news-item{padding:10px 12px;border:1px solid #1a1a1a;border-radius:4px}.news-head{display:flex;gap:10px;align-items:baseline}.news-date{font-size:8px;color:#666}.news-title{font-size:10px;color:#eee}.news-body{margin:6px 0 0;font-size:8px;line-height:1.7;color:#888}.modal.admin{border-color:#a33}.admin-badge{font-size:8px;color:#ff8080;border:1px solid #a33;border-radius:3px;padding:4px 6px;letter-spacing:2px}.admin-stats{display:flex;flex-direction:column;gap:12px}.stat-grid{display:flex;gap:10px}.stat{flex:1;border:1px solid #222;border-radius:4px;padding:12px;text-align:center}.stat-num{font-size:18px;color:#ffd23f}.stat-label{font-size:7px;color:#888;margin-top:6px;letter-spacing:1px}.admin-news{display:flex;flex-direction:column;gap:12px}.field.area{resize:vertical;min-height:60px}.news-manage{display:flex;flex-direction:column;gap:6px}.news-row{display:flex;gap:8px;align-items:center;border:1px solid #222;border-radius:3px;padding:8px}.news-row-info{flex:1;min-width:0}.news-row-title{font-size:9px}.news-row-body{font-size:7px;color:#888;line-height:1.5;margin-top:4px}.btn.danger{border-color:#a33;color:#ff8080}.btn.danger:hover{border-color:#f55}.casino{display:flex;flex-direction:column;gap:12px}.casino-bet-row{display:flex;gap:6px;flex-wrap:wrap}.casino-flip{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0}.coin{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe27a,#ffd23f 60%,#c9a30f);border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#7a5a00;box-shadow:0 0 22px #ffd23f99;transition:transform .1s}.coin.spin{animation:coinflip 1.3s ease-in-out}@keyframes coinflip{0%{transform:rotateX(0);filter:brightness(1)}50%{transform:rotateX(1080deg);filter:brightness(1.6)}to{transform:rotateX(1800deg);filter:brightness(1)}}.casino-result{font-size:10px;padding:8px 12px;border-radius:4px;border:2px solid}.casino-result.win{color:#7dffd0;border-color:#2c6}.casino-result.lose{color:#ff8080;border-color:#a33}.casino-actions{display:flex;gap:8px}.btn.wide{flex:1}.casino .coins.big{animation:coinshine 1.4s ease-in-out infinite}@keyframes coinshine{0%,to{text-shadow:0 0 4px rgba(255,210,63,.4)}50%{text-shadow:0 0 14px rgba(255,210,63,.9)}}.vip-badge{font-size:9px;color:gold;border:1px solid #b8860b;border-radius:3px;padding:8px 9px;letter-spacing:1px;background:#ffd70014;text-shadow:0 0 8px rgba(255,215,0,.6)}.tab.vip-tab{color:gold;border-bottom-color:#b8860b}.tab.vip-tab.active{border-color:#b8860b;border-bottom-color:gold}.vip-body{display:flex;flex-direction:column;gap:12px}.vip-title{font-size:13px;color:gold;letter-spacing:2px;text-shadow:0 0 10px rgba(255,215,0,.5)}.vip-perks{margin:0;padding-left:18px;font-size:9px;line-height:1.9;color:#e8e0b0}.admin-vip{display:flex;flex-direction:column;gap:10px}.dice{width:76px;height:76px;border-radius:14px;background:radial-gradient(circle at 35% 35%,#fff,#dde6ee 70%);border:3px solid #9aa4ae;display:flex;align-items:center;justify-content:center;font-size:30px;color:#1a1a1a;box-shadow:0 0 22px #c8dcff80}.dice.spin{animation:diceflip 1.4s ease-in-out}@keyframes diceflip{0%{transform:rotate(0) scale(1)}50%{transform:rotate(720deg) scale(1.3);filter:brightness(1.5)}to{transform:rotate(1440deg) scale(1)}}.casino-dice-actions{display:flex;gap:6px}.dice-btn{width:34px;height:34px;padding:0;font-size:12px}.claw{font-size:52px;line-height:1}.claw.drop{animation:clawdrop 1.8s ease-in-out}@keyframes clawdrop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(64px) scale(.9)}60%{transform:translateY(20px) scale(1.05)}to{transform:translateY(0) scale(1)}}.update-log{margin-bottom:12px;padding:12px;border:1px solid #b8860b;border-radius:4px;background:#ffd7000d}.update-log-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.update-log-label{font-size:9px;color:gold;letter-spacing:1px}.update-log-time{font-size:8px;color:#888}.update-log-text{margin:8px 0 0;font-size:9px;line-height:1.6;color:#eee}.party-body{display:flex;flex-direction:column;gap:12px}.party-actions,.party-waiting{display:flex;flex-direction:column;gap:10px}.center{text-align:center}.field.center{text-align:center;letter-spacing:6px}.party-code{font-size:14px;letter-spacing:4px;text-align:center;color:#38a8ff;text-shadow:0 0 10px rgba(56,168,255,.5);margin:0}