:root{color-scheme:dark;--ink:#f8fbf2;--muted:#b5c1b2;--line:rgba(248,251,242,0.18);--green:#36e516;--amber:#ffd45a;--red:#ff5f73;--blue:#58c4ff;--bg:#0d1410}*{box-sizing:border-box}body,html{margin:0;min-height:100vh}body{background:radial-gradient(circle at 18% 16%,rgba(57,255,38,.16),transparent 30%),linear-gradient(135deg,#102232,#0f1e2d 47%,#0b1726);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.48}.shell{display:grid;min-height:100vh;place-items:center;padding:clamp(14px,3vw,32px)}.game-layout{width:min(100%,1240px)}.play-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(280px,350px)}.game-wrap{position:relative;width:100%}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.brand{color:var(--ink);font-size:clamp(1.05rem,2vw,1.4rem);font-weight:850;gap:10px;letter-spacing:0;text-decoration:none}.brand,.coin-mark{align-items:center;display:inline-flex}.coin-mark{aspect-ratio:1;background:var(--green);border-radius:50%;box-shadow:0 0 18px rgba(54,229,22,.38);color:#132013;font-weight:950;justify-content:center;width:36px}.brand-word{align-items:baseline;display:inline-flex;filter:drop-shadow(0 0 12px rgba(54,229,22,.14));font-weight:950}.brand-dot,.brand-letter{display:inline-block}.brand-letter.green{color:var(--green)}.brand-letter.amber{color:var(--amber)}.brand-letter.blue{color:var(--blue)}.brand-letter.red{color:var(--red)}.brand-dot{color:var(--ink);opacity:.96}.auth-actions{align-items:center;display:flex;gap:10px}.stats{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(74px,1fr));margin-bottom:12px}.plinko-stats{grid-template-columns:repeat(6,minmax(68px,1fr))}.side-panel,.stats div,.wallet-card{border:1px solid var(--line);border-radius:8px}.stats div{min-width:0;padding:8px 10px;text-align:right}.stats span,.wallet-card span{color:var(--muted);display:block;font-size:.72rem;font-weight:700;text-transform:uppercase}.stats strong,.wallet-card strong{display:block;font-size:clamp(1rem,2vw,1.35rem);line-height:1.1;overflow-wrap:anywhere}canvas{aspect-ratio:16/9;background:#102438;border:0;border-radius:0;box-shadow:none;display:block;height:auto;max-height:calc(100vh - 145px);touch-action:none;width:100%}.plinko-casino{background:#10283a;border:1px solid rgba(185,220,238,.1);border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 80px rgba(0,0,0,.3);display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);min-height:540px;overflow:hidden}.plinko-bet-panel{background:#183648;border-right:1px solid rgba(3,15,27,.8);display:flex;flex-direction:column;gap:14px;padding:14px}.mode-toggle{background:#0d253a;border-radius:999px;box-shadow:inset 0 0 0 2px rgba(1,13,23,.3);display:grid;grid-template-columns:1fr 1fr;padding:4px}.mode-toggle button{background:transparent;border:0;border-radius:999px;color:#d7e5eb;cursor:pointer;font-size:.82rem;font-weight:900;min-height:40px}.mode-toggle button.is-active{background:#2b4a5e;box-shadow:0 4px 12px rgba(3,12,20,.28)}.bet-field,.select-field{display:grid;gap:6px}.bet-field>span,.select-field>span{color:#a8bdc7;font-size:.78rem;font-weight:850}.bet-input{align-items:center;background:#0d253a;border:1px solid rgba(255,255,255,.04);border-radius:4px;display:grid;gap:1px;grid-template-columns:minmax(0,1fr) 26px 44px 44px;min-height:42px;overflow:hidden}.bet-input strong{color:#f8fbf2;font-size:.94rem;padding:0 10px}.mini-coin{align-items:center;background:#36e516;border-radius:50%;color:#11320f;display:inline-flex;font-size:.9rem;font-weight:950;height:20px;justify-content:center;width:20px}.bet-input button{background:#27475c;border:0;color:#d8e6ec;cursor:pointer;font-size:.8rem;font-weight:900;height:42px}.select-field select{appearance:none;background:linear-gradient(45deg,transparent 50%,#a9bdc7 0) calc(100% - 17px) 18px /6px 6px no-repeat,linear-gradient(135deg,#a9bdc7 50%,transparent 0) calc(100% - 11px) 18px /6px 6px no-repeat,#0d253a;border:0;border-radius:4px;color:#f8fbf2;font:inherit;font-size:.94rem;font-weight:900;min-height:42px;padding:0 38px 0 10px}.play-button{background:#36e516;border:2px solid rgba(238,255,234,.78);border-radius:7px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18),0 4px 0 rgba(12,71,17,.72);color:#0d2411;cursor:pointer;font-size:1.05rem;font-weight:950;min-height:58px}.mini-stats{display:grid;gap:8px;grid-template-columns:1fr 1fr}.mini-stats div{background:rgba(7,26,40,.72);border-radius:5px;padding:9px}.mini-stats span{color:#9db5c0;display:block;font-size:.66rem;font-weight:900;text-transform:uppercase}.mini-stats strong{color:#f8fbf2;display:block;font-size:1rem;line-height:1.05;overflow-wrap:anywhere}.plinko-table{background:#102438;min-width:0;overflow:hidden}.plinko-shell,.plinko-table{position:relative}.plinko-controls{align-items:center;display:grid;gap:10px;grid-template-columns:auto minmax(190px,240px) minmax(0,1fr);margin-bottom:12px}.segmented{background:rgba(248,251,242,.06);border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(3,minmax(62px,1fr));overflow:hidden}.segmented button{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:850;min-height:42px;padding:0 12px}.segmented button.is-active{background:var(--green);color:#0b130f}.rows-control{align-items:center;background:rgba(248,251,242,.06);border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;grid-template-columns:68px minmax(0,1fr);min-height:44px;padding:0 12px}.rows-control span{color:var(--ink);font-size:.82rem;font-weight:850}.rows-control input{accent-color:var(--green);width:100%}.bucket-preview{align-items:center;display:flex;gap:5px;min-width:0;overflow:hidden}.plinko-table .bucket-preview{bottom:66px;left:clamp(80px,13%,124px);pointer-events:none;position:absolute;right:clamp(80px,13%,124px)}.bucket-preview span{background:linear-gradient(180deg,#ffca25,#f49a19);border:0;border-radius:5px;color:#392300;flex:1 1;font-size:.72rem;font-weight:850;line-height:1;min-width:28px;overflow:hidden;padding:9px 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.bucket-preview span:first-child,.bucket-preview span:last-child,.bucket-preview span:nth-child(2),.bucket-preview span:nth-last-child(2){background:linear-gradient(180deg,#ff365e,#e61948);color:#3b0710}.bucket-preview span:nth-child(3),.bucket-preview span:nth-child(4),.bucket-preview span:nth-last-child(3),.bucket-preview span:nth-last-child(4){background:linear-gradient(180deg,#ff7430,#f14e22);color:#341407}.plinko-status{align-items:center;border-top:1px solid rgba(200,232,244,.08);bottom:0;color:#587487;display:flex;font-weight:900;justify-content:space-between;left:0;min-height:48px;padding:0 18px;position:absolute;right:0;text-transform:uppercase}.plinko-status strong{color:#89a2af;font-size:.82rem}.plinko-status span{font-size:.72rem}.plinko-actions{align-items:center;background:rgba(13,20,16,.78);border:1px solid var(--line);border-radius:8px;bottom:14px;display:flex;gap:12px;justify-content:space-between;left:14px;padding:12px;position:absolute;right:14px}.plinko-actions>div:first-child{min-width:150px}.plinko-actions strong{display:block;font-size:clamp(1rem,2vw,1.2rem);line-height:1.1}.plinko-buttons{display:flex;flex:0 0 auto;gap:8px}.recent-drops{align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:6px;justify-content:flex-start;min-width:0;overflow:visible}.recent-drops span{background:rgba(248,251,242,.08);border:1px solid var(--line);border-radius:6px;color:var(--muted);flex:0 0 auto;font-size:.78rem;font-weight:900;line-height:1;min-width:42px;padding:8px 7px;text-align:center}.recent-drops .risk-low{color:var(--green)}.recent-drops .risk-medium{color:var(--amber)}.recent-drops .risk-high{color:var(--red)}.overlay{align-items:center;display:none;inset:0;justify-content:center;padding:22px;position:absolute;top:64px}.overlay.is-visible{display:flex}.panel{background:rgba(13,20,16,.84);border:1px solid var(--line);border-radius:8px;max-width:440px;padding:clamp(22px,4vw,34px);text-align:center}.eyebrow{color:var(--green);font-size:.78rem;font-weight:850;margin:0 0 8px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(2.7rem,10vw,5.8rem);line-height:.9;margin-bottom:0}h1,h2{letter-spacing:0}h2{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1;margin-bottom:12px}.intro,.muted{color:var(--muted);line-height:1.5}.intro{font-size:clamp(1rem,2vw,1.15rem);margin:16px auto 24px;max-width:34ch}.muted{margin-bottom:0}.compact{font-size:.9rem;margin-top:8px}.ghost,.primary{border-radius:8px;cursor:pointer;font-weight:900;min-height:44px;padding:0 18px}.primary{background:var(--green);border:0;color:#0b130f}.ghost{background:rgba(248,251,242,.09);border:1px solid var(--line);color:var(--ink)}.small{min-height:40px}.full{width:100%}.button-link{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}.control-btn:focus-visible,.ghost:focus-visible,.primary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.controls{display:none;gap:10px;justify-content:center;margin-top:12px}.control-btn{align-items:center;background:rgba(248,251,242,.09);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:inline-flex;font-size:2.2rem;height:54px;justify-content:center;line-height:1;width:92px}.side-panel{background:rgba(13,20,16,.42);display:grid;gap:16px;padding:18px}.wallet-stack{display:grid;gap:12px}.wallet-card{display:grid;gap:10px;padding:14px}.field-label{color:var(--muted);font-size:.78rem;font-weight:800}.amount-input{background:rgba(248,251,242,.09);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;font-weight:800;min-height:44px;padding:0 12px;width:100%}.hash-link{color:var(--blue);font-size:.9rem;font-weight:800;overflow-wrap:anywhere}.wallet-action{background:rgba(248,251,242,.09);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;font-size:.9rem;font-weight:850;min-height:40px;padding:0 12px;text-align:left}.error-text{color:var(--red);font-size:.84rem;line-height:1.4;margin:0;overflow-wrap:anywhere}@media (max-width:960px){.play-grid,.plinko-casino{grid-template-columns:1fr}.plinko-bet-panel{border-bottom:1px solid rgba(3,15,27,.8);border-right:0}.plinko-controls{grid-template-columns:1fr}canvas{max-height:none}}@media (max-width:700px){.shell{align-items:start}.topbar{align-items:stretch;flex-direction:column}.auth-actions{justify-content:space-between}.stats{grid-template-columns:repeat(2,1fr)}.stats div{text-align:left}.overlay{top:74px}.controls{display:flex}.plinko-table .bucket-preview{bottom:54px;left:16px;right:16px}.plinko-actions{align-items:stretch;flex-direction:column}.plinko-actions>div:first-child{min-width:0}.recent-drops{justify-content:flex-start}.plinko-buttons{width:100%}.plinko-buttons button{flex:1 1}}