:root{--ink:#fff8df;--muted:#cbbf9c;--gold:#f5bd45;--bright:#ffe39a;--crimson:#8e2032;--deep:#10090e;--jade:#37b58e;--line:rgba(245,189,69,.32)}*{box-sizing:border-box}body{margin:0;background:#10090e;color:var(--ink);font-family:Corbel,Calibri,Arial,sans-serif}.game-shell{position:relative;max-width:1480px;min-height:100vh;margin:auto;overflow:hidden;padding:24px 34px 36px;background:radial-gradient(circle at 50% 5%,#632d29,#2a111b 34%,#10090e 75%)}.game-shell:before{position:absolute;inset:0;pointer-events:none;content:"";opacity:.16;background-image:linear-gradient(45deg,transparent 48%,rgba(255,216,132,.15) 50%,transparent 52%);background-size:38px 38px}.topbar,.hero-stage,.game-layout,.bottom-nav,.prototype-note{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto 18px}.brand-lockup,.panel-heading,.player-status,.machine-topline,.machine-footer,.machine-controls,.meter-readout{display:flex;align-items:center}.brand-lockup{gap:12px}.brand-seal{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--gold);border-radius:50%;background:linear-gradient(145deg,#e9a83a,#762231);color:#261016;font-weight:900}.topbar h1,h1,h2,h3,p{margin:0}.topbar h1{font:700 22px Georgia,serif}.kicker{color:var(--bright);font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.player-status{gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:rgba(31,10,18,.75);color:var(--muted);font-size:12px}.player-status strong{margin-left:10px;color:var(--bright);font-size:16px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--jade);box-shadow:0 0 10px var(--jade)}.hero-stage{display:flex;align-items:center;min-height:310px;max-width:1280px;margin:0 auto 20px;padding:30px 40px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(90deg,rgba(24,8,15,.95),rgba(71,23,27,.84),rgba(98,39,27,.52));box-shadow:0 24px 70px rgba(0,0,0,.45)}.dragon-aura{position:absolute;right:12%;width:360px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(245,189,69,.42),transparent 67%);filter:blur(6px)}.hero-dragon{position:absolute;right:3%;bottom:-110px;width:min(53%,560px);max-height:520px;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(0,0,0,.45));mix-blend-mode:screen}.stage-copy{position:relative;z-index:1;max-width:560px}.stage-copy h2{margin-top:12px;font:700 clamp(34px,4.2vw,62px)/.98 Georgia,serif;letter-spacing:-1.8px}.stage-copy p{max-width:410px;margin-top:16px;color:var(--muted);font-size:16px;line-height:1.5}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.feature-pills span{padding:8px 12px;border:1px solid rgba(255,227,154,.25);border-radius:99px;background:rgba(13,5,9,.45);color:var(--bright);font-size:11px}.game-layout{display:grid;grid-template-columns:200px minmax(480px,760px) 200px;justify-content:center;align-items:start;gap:18px;max-width:1280px;margin:auto}.side-panel,.machine-panel{border:1px solid var(--line);background:linear-gradient(160deg,rgba(68,24,31,.98),rgba(27,11,18,.98));box-shadow:0 24px 70px rgba(0,0,0,.45)}.side-panel{min-height:520px;padding:18px;border-radius:18px}.machine-panel{padding:18px;border-radius:22px}.panel-heading{gap:10px}.panel-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;color:var(--gold);font-size:17px}.panel-heading h3,.small-heading{margin-top:3px;font:700 16px Georgia,serif}.egg-orbit{position:relative;display:grid;place-items:center;width:105px;height:105px;margin:22px auto 12px;border:1px solid rgba(245,189,69,.3);border-radius:50%;background:radial-gradient(circle,rgba(245,189,69,.28),transparent 68%)}.egg-glow{position:absolute;width:58px;height:58px;border-radius:50%;background:var(--gold);filter:blur(17px);opacity:.38}.egg{position:relative;font-size:48px}.meter-track{height:150px;width:12px;margin:10px auto;border:1px solid rgba(245,189,69,.5);border-radius:99px;background:#170a10;transform:rotate(180deg);overflow:hidden}.meter-fill{width:100%;height:0;border-radius:99px;background:linear-gradient(var(--bright),var(--crimson));transition:height .45s}.meter-readout{justify-content:center;flex-direction:column;gap:3px;text-align:center}.meter-readout strong{color:var(--bright);font-size:22px}.meter-readout span,.machine-footer span{color:var(--muted);font-size:11px}.side-divider{height:1px;margin:19px 0;border-top:1px solid rgba(245,189,69,.18)}.orb-vault{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}.orb{display:grid;place-items:center;width:58px;height:58px;margin:auto;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe8a0,#9c3c35 50%,#260b14 72%);color:#fff3c4;font-size:24px}.orb.empty{background:rgba(0,0,0,.2);border-style:dashed;color:rgba(255,227,154,.5)}button{font:inherit;cursor:pointer}.text-button{padding:0;border:0;background:transparent;color:var(--bright);font:700 12px Arial,sans-serif}.machine-topline{justify-content:space-between;padding:0 4px 12px;color:var(--bright);font-size:11px;font-weight:800;letter-spacing:1.4px}.win-label{color:var(--jade)}.reel-frame{position:relative;padding:20px;border:5px solid #b97826;border-radius:18px;background:linear-gradient(135deg,#9d6425,#f1c759 20%,#6b351d 43%,#e4b63e 77%,#77401f);box-shadow:inset 0 0 0 3px #42141c,0 0 0 1px #fbe29b,0 12px 35px rgba(0,0,0,.45)}.reels{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;border:2px solid rgba(255,235,160,.7);background:#130a0f;border-radius:8px}.symbol{display:grid;place-items:center;aspect-ratio:1/1.06;min-height:70px;border:1px solid rgba(245,189,69,.25);border-radius:8px;background:linear-gradient(160deg,#571e2d,#2a0e1a);font-size:clamp(26px,4vw,42px);transition:transform .16s,filter .16s}.symbol.win{background:radial-gradient(circle,rgba(255,234,143,.72),transparent 55%),#8b3b2d;box-shadow:0 0 15px rgba(255,222,100,.9);animation:pulse .7s infinite alternate}.win-banner{min-height:32px;padding:12px 4px 4px;color:var(--bright);font-size:13px;text-align:center}.machine-controls{justify-content:space-between;gap:20px;padding:6px 10px 12px}.bet-control{display:flex;align-items:center;gap:8px}.bet-control button{width:31px;height:31px;border:1px solid var(--line);border-radius:50%;background:#4b1c28;color:var(--bright);font-size:20px}.bet-control div{text-align:center}.bet-control span{display:block;color:var(--muted);font-size:9px;letter-spacing:1px}.bet-control strong{color:var(--bright);font-size:18px}.spin-button{display:grid;place-items:center;width:104px;height:104px;border:4px solid #ffe29a;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff0ae,#e4a52f 42%,#85242e 78%);color:#2b1116;box-shadow:0 0 0 5px #7c3b21,0 0 30px rgba(245,189,69,.35);font-weight:900;transition:transform .12s,filter .12s}.spin-button:hover{filter:brightness(1.12);transform:scale(1.03)}.spin-button:disabled{cursor:wait;opacity:.7}.spin-button span{font-size:22px}.spin-button small{font-size:8px;letter-spacing:1px}.control-stack{display:grid;gap:8px}.gold-button,.ghost-button{padding:9px 11px;border-radius:8px;font:800 10px Arial,sans-serif;letter-spacing:.5px}.gold-button{border:1px solid #ffe39a;background:linear-gradient(#ffd978,#c37924);color:#31131a}.ghost-button{border:1px solid var(--line);background:transparent;color:var(--bright)}.machine-footer{justify-content:space-between;gap:10px;padding:10px 3px 0;border-top:1px solid rgba(245,189,69,.17)}.challenge-list{display:grid;gap:9px;margin-top:17px}.challenge{padding:10px;border:1px solid rgba(245,189,69,.18);border-radius:9px;background:rgba(17,7,12,.35)}.challenge strong{display:block;color:var(--bright);font-size:12px}.challenge span{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}.challenge.done{border-color:var(--jade);opacity:.65}.daily-card{display:grid;gap:10px;padding:12px;border:1px solid rgba(245,189,69,.25);border-radius:10px;background:rgba(245,189,69,.08)}.daily-card strong{font:700 17px Georgia,serif}.bottom-nav{display:flex;justify-content:center;gap:8px;max-width:560px;margin:20px auto 0;padding:7px;border:1px solid var(--line);border-radius:16px;background:rgba(33,12,20,.86)}.nav-item{display:grid;gap:3px;min-width:110px;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:700 11px Arial,sans-serif}.nav-item span{font-size:18px;color:var(--gold)}.nav-item.active,.nav-item:hover{background:rgba(245,189,69,.12);color:var(--bright)}.prototype-note{margin-top:14px;color:#967e72;font-size:11px;text-align:center}.modal{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.75)}.modal.hidden{display:none}.modal-card{position:relative;max-width:540px;width:100%;max-height:80vh;overflow:auto;padding:28px;border:1px solid var(--gold);border-radius:18px;background:linear-gradient(160deg,#461c25,#16090f)}.modal-close{position:absolute;top:10px;right:13px;border:0;background:transparent;color:var(--bright);font-size:26px}.modal-card h2{margin:0 0 14px;font:700 30px Georgia,serif;color:var(--bright)}.modal-card p,.modal-card li{color:var(--muted);font-size:14px;line-height:1.5}.paytable{display:grid;gap:7px}.paytable div{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid rgba(245,189,69,.16)}@keyframes pulse{to{transform:scale(1.04);filter:brightness(1.5)}}@media(max-width:1050px){.game-layout{grid-template-columns:1fr;max-width:760px}.side-panel{min-height:auto}.left-panel{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:14px}.left-panel .panel-heading{grid-column:1/-1}.left-panel .egg-orbit{margin:0}.left-panel .meter-track{margin:0}.left-panel .side-divider,.left-panel .small-heading,.left-panel .orb-vault,.left-panel .text-button{display:none}.right-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.right-panel .panel-heading{grid-column:1/-1}.challenge-list{margin-top:0}}@media(max-width:620px){.game-shell{padding:14px 10px 24px}.topbar{align-items:flex-start;flex-direction:column}.player-status{width:100%;justify-content:center}.hero-stage{min-height:390px;padding:24px 20px;align-items:flex-start}.hero-dragon{right:-19%;bottom:-24px;width:88%;opacity:.82}.stage-copy{max-width:78%}.stage-copy h2{font-size:38px}.feature-pills{position:absolute;bottom:18px;left:20px}.machine-panel{padding:10px}.reel-frame{padding:10px}.reels{gap:3px;padding:4px}.symbol{min-height:52px;font-size:27px}.machine-controls{gap:8px;padding-inline:0}.spin-button{width:82px;height:82px}.spin-button span{font-size:17px}.bet-control{gap:3px}.bet-control button{width:27px;height:27px}.control-stack .gold-button,.control-stack .ghost-button{padding:7px 5px;font-size:9px}.right-panel{grid-template-columns:1fr}.bottom-nav{gap:2px}.nav-item{min-width:0;flex:1;font-size:10px}}