.eg-app{--eg-bg:#07101d;--eg-panel:rgba(10,23,39,.86);--eg-line:rgba(99,224,255,.18);--eg-cyan:#59e5ff;--eg-green:#70ffbd;--eg-purple:#bd7cff;--eg-gold:#ffd46d;--eg-red:#ff5b79;position:relative;isolation:isolate;overflow:hidden;max-width:1180px;margin:24px auto;padding:20px;border-radius:30px;background:radial-gradient(circle at 50% -20%,#173457 0,#0a1728 42%,#050b14 100%);color:#eefaff;box-shadow:0 24px 80px rgba(0,0,0,.35);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.eg-app *{box-sizing:border-box}.eg-ambient{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none;z-index:-1}.eg-a{width:300px;height:300px;background:#00d9ff;top:20%;left:-140px}.eg-b{width:360px;height:360px;background:#983dff;bottom:-160px;right:-120px}.eg-header{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:4px 2px 18px}.eg-back{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--eg-line);border-radius:14px;background:rgba(255,255,255,.04);color:white;text-decoration:none;font-size:31px}.eg-brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.eg-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#162c49,#0c1727);border:1px solid rgba(89,229,255,.35);color:var(--eg-cyan);font-size:27px;box-shadow:inset 0 0 24px rgba(89,229,255,.08)}.eg-brand strong{display:block;font-size:clamp(19px,3vw,28px);letter-spacing:.07em}.eg-brand small{display:block;color:#8ca7bd;font-size:10px;letter-spacing:.16em;margin-top:3px}.eg-head-right{display:flex;align-items:center;gap:10px}.eg-wallet{padding:9px 14px;border-radius:14px;border:1px solid var(--eg-line);background:rgba(5,14,25,.65);text-align:right}.eg-wallet small{display:block;font-size:9px;color:#88a7bb;text-transform:uppercase;letter-spacing:.1em}.eg-wallet strong{display:block;font-size:18px;color:var(--eg-gold)}.eg-logout{color:#9db4c4;font-size:12px;text-decoration:none}.eg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.eg-stats>div{padding:13px 14px;border:1px solid var(--eg-line);border-radius:16px;background:rgba(6,18,31,.68)}.eg-stats small{display:block;font-size:9px;letter-spacing:.11em;color:#7898ad}.eg-stats strong{display:block;margin-top:4px;font-size:22px}.eg-stats>div:first-child strong{color:var(--eg-green)}#eg-shield-card.is-on{border-color:rgba(189,124,255,.55);box-shadow:inset 0 0 22px rgba(189,124,255,.08)}#eg-shield-card.is-on strong{color:var(--eg-purple)}.eg-stage{position:relative;padding:18px;border:1px solid rgba(89,229,255,.16);border-radius:24px;background:linear-gradient(180deg,rgba(6,20,35,.92),rgba(4,12,22,.95));overflow:hidden}.eg-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(89,229,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(89,229,255,.035) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.eg-stage-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.eg-stage-head span{color:var(--eg-cyan);font-size:9px;letter-spacing:.15em}.eg-stage-head h2{margin:4px 0 0;font-size:clamp(17px,2.6vw,24px);font-weight:700}.eg-commit{text-align:right;max-width:260px}.eg-commit small{display:block;font-size:8px;color:#6f8ca0;letter-spacing:.1em}.eg-commit code{display:block;margin-top:5px;color:#8aa7b8;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eg-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:680px;margin:0 auto}.eg-cell{position:relative;aspect-ratio:1/1;min-width:0;border:1px solid rgba(89,229,255,.24);border-radius:16px;background:linear-gradient(145deg,rgba(19,45,70,.76),rgba(7,18,31,.96));color:#7392a8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 28px rgba(89,229,255,.035);transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease}.eg-cell:not(:disabled):hover{transform:translateY(-2px);border-color:rgba(89,229,255,.66);box-shadow:0 8px 28px rgba(0,210,255,.12),inset 0 0 24px rgba(89,229,255,.08)}.eg-cell:disabled{cursor:default}.eg-cell-face{font-size:clamp(20px,4vw,36px);font-weight:800}.eg-cell small{position:absolute;right:7px;bottom:5px;font-size:8px;color:#557287}.eg-cell.is-live{animation:egPulse 2.1s ease-in-out infinite}.eg-cell.is-revealed{animation:none;transform:none}.eg-cell.type-energy{border-color:rgba(82,255,188,.65);background:radial-gradient(circle,#123d34,#081a1d);color:var(--eg-green);box-shadow:inset 0 0 32px rgba(82,255,188,.13)}.eg-cell.type-boost{border-color:rgba(255,212,109,.75);background:radial-gradient(circle,#473719,#1c160b);color:var(--eg-gold)}.eg-cell.type-shield,.eg-cell.type-shield_block{border-color:rgba(189,124,255,.75);background:radial-gradient(circle,#30204a,#151025);color:#d2a9ff}.eg-cell.type-split{border-color:rgba(91,221,255,.7);background:radial-gradient(circle,#15354a,#091a27);color:#76eaff}.eg-cell.type-teleport{border-color:rgba(116,150,255,.8);background:radial-gradient(circle,#1d2857,#0d1430);color:#9bb3ff}.eg-cell.type-blackout{border-color:rgba(255,91,121,.85);background:radial-gradient(circle,#4b1523,#1b0910);color:var(--eg-red);box-shadow:0 0 26px rgba(255,52,92,.16),inset 0 0 28px rgba(255,52,92,.18)}@keyframes egPulse{50%{box-shadow:0 0 18px rgba(89,229,255,.12),inset 0 0 28px rgba(89,229,255,.08)}}.eg-event{position:relative;display:flex;align-items:center;gap:12px;max-width:680px;margin:14px auto 0;padding:12px 14px;border:1px solid var(--eg-line);border-radius:14px;background:rgba(5,15,26,.74)}.eg-event-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(89,229,255,.08);color:var(--eg-cyan);font-size:20px}.eg-event b{display:block;font-size:13px}.eg-event small{display:block;color:#809bac;margin-top:2px}.eg-event.is-danger{border-color:rgba(255,91,121,.4)}.eg-event.is-danger .eg-event-icon{background:rgba(255,91,121,.1);color:var(--eg-red)}.eg-legend{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0}.eg-legend>div{padding:11px 8px;text-align:center;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(7,17,29,.58)}.eg-legend i{display:block;font-style:normal;font-size:20px}.eg-legend b{display:block;font-size:11px;margin-top:3px}.eg-legend small{display:block;font-size:8px;color:#6f899b;margin-top:2px}.eg-legend .shield{color:#c596ff}.eg-legend .boost{color:#ffd46d}.eg-legend .split{color:#65e5ff}.eg-legend .teleport{color:#9bb3ff}.eg-legend .blackout{color:#ff6b86}.eg-controls{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(200px,.55fr) minmax(300px,1.2fr);gap:10px;align-items:stretch}.eg-betbox,.eg-quick,.eg-actions{border:1px solid var(--eg-line);border-radius:16px;background:rgba(6,17,29,.74);padding:10px}.eg-betbox{display:grid;grid-template-columns:auto 42px 1fr 42px;gap:7px;align-items:center}.eg-betbox>span{font-size:10px;letter-spacing:.1em;color:#7794a7}.eg-betbox button,.eg-quick button{border:1px solid rgba(255,255,255,.08);background:#0e2237;color:#dff9ff;border-radius:11px;min-height:42px;cursor:pointer}.eg-betbox input{min-width:0;width:100%;height:42px;border:1px solid rgba(89,229,255,.18);border-radius:11px;background:#07131f;color:white;text-align:center;font-weight:800;font-size:17px}.eg-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.eg-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.eg-start,.eg-collect{border:0;border-radius:13px;min-height:64px;color:#04131b;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;text-align:left;font-weight:700}.eg-start{background:linear-gradient(135deg,#5affc1,#47d9ff)}.eg-collect{background:linear-gradient(135deg,#ffd36b,#ffae4d)}.eg-start span,.eg-collect span{font-size:21px}.eg-start b,.eg-collect b{display:block;font-size:13px}.eg-start small,.eg-collect small{display:block;font-size:9px;opacity:.66}.eg-start:disabled,.eg-collect:disabled{filter:saturate(.15);opacity:.46;cursor:not-allowed}.eg-history-wrap{margin-top:12px;border:1px solid var(--eg-line);border-radius:18px;background:rgba(6,17,29,.68);padding:13px}.eg-history-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.eg-history-head span,.eg-history-head small{display:block;color:#7895a8;font-size:9px;letter-spacing:.08em}.eg-history-head strong{font-size:16px}.eg-history{display:flex;gap:7px;overflow:auto;padding-top:10px}.eg-history-item{min-width:112px;padding:8px 10px;border-radius:12px;background:#0a1b2c;border:1px solid rgba(255,255,255,.06)}.eg-history-item b{display:block;font-size:12px}.eg-history-item small{font-size:9px;color:#7590a2}.eg-history-item.win b{color:var(--eg-green)}.eg-history-item.loss b{color:var(--eg-red)}.eg-empty{font-size:11px;color:#7792a4}.eg-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;color:#708a9d;font-size:9px}.eg-proof span{padding:7px 9px;border:1px solid rgba(255,255,255,.05);border-radius:20px}.eg-toast{position:absolute;left:50%;bottom:20px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:10px 14px;border-radius:12px;background:#eefaff;color:#06101c;font-weight:700;font-size:12px;transition:.22s;z-index:20;white-space:nowrap}.eg-toast.show{transform:translate(-50%,0);opacity:1}.eg-toast.error{background:#ff7089;color:#25050b}.eg-guest{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.eg-preview,.eg-auth-wrap{border:1px solid var(--eg-line);border-radius:24px;background:rgba(7,19,32,.8);padding:22px}.eg-preview-kicker{font-size:9px;letter-spacing:.15em;color:var(--eg-cyan)}.eg-preview h2{font-size:clamp(24px,4vw,42px);line-height:1.06;margin:8px 0 18px}.eg-preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-width:460px}.eg-preview-grid span{aspect-ratio:1;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(89,229,255,.18);background:#0b1c2c;color:#49677b}.eg-preview-grid .lit{color:var(--eg-green);border-color:rgba(82,255,188,.45);box-shadow:inset 0 0 18px rgba(82,255,188,.1)}.eg-preview-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.eg-preview-chips b{font-size:9px;padding:6px 8px;border-radius:20px;background:#0b1c2c;color:#9cb6c6}.eg-app.is-blackout .eg-stage{animation:egShake .34s linear}.eg-app.is-blackout .eg-stage:after{content:"";position:absolute;inset:0;background:rgba(255,27,70,.16);pointer-events:none;animation:egFlash .5s ease both}@keyframes egShake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes egFlash{to{opacity:0}}
@media(max-width:820px){.eg-app{margin:0;border-radius:0;padding:12px}.eg-header{padding-bottom:12px}.eg-head-right .eg-logout{display:none}.eg-stats{grid-template-columns:1fr 1fr}.eg-grid{gap:7px}.eg-cell{border-radius:12px}.eg-legend{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.eg-legend small{display:none}.eg-controls{grid-template-columns:1fr}.eg-actions{min-height:76px}.eg-guest{grid-template-columns:1fr}.eg-preview h2{font-size:28px}.eg-stage-head{display:block}.eg-commit{text-align:left;margin-top:8px;max-width:100%}}@media(max-width:420px){.eg-app{padding:9px}.eg-brand small{display:none}.eg-logo{width:40px;height:40px}.eg-wallet{padding:7px 10px}.eg-wallet strong{font-size:15px}.eg-stats{gap:6px}.eg-stats>div{padding:10px}.eg-stats strong{font-size:18px}.eg-stage{padding:11px}.eg-grid{gap:5px}.eg-cell{border-radius:10px}.eg-cell-face{font-size:21px}.eg-cell small{font-size:6px;right:5px;bottom:3px}.eg-legend>div{padding:8px 2px}.eg-legend i{font-size:17px}.eg-legend b{font-size:8px}.eg-betbox{grid-template-columns:38px 38px 1fr 38px}.eg-betbox>span{font-size:8px}.eg-actions{padding:7px}.eg-start,.eg-collect{min-height:62px}.eg-proof{display:none}}