html,body,#root{width:100%;height:100%}:root{font-family:MomoTrustDisplay-Regular;color:#f8f5e6;background:radial-gradient(circle at center,#2d100b,#110704 70%,#060304)}@font-face{font-family:MomoTrustDisplay-Regular;src:url(/assets/fonts/MomoTrustDisplay-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url(/assets/fonts/Cinzel-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}body{margin:0;overflow:hidden}#root{overflow:hidden}button{font-family:inherit}a{color:inherit}.app-frame{max-width:1200px;width:100%;padding:40px 32px 48px;box-sizing:border-box}.game-header{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;gap:32px;margin-bottom:24px}.game-header h1{margin:0 0 6px;font-size:2rem;letter-spacing:.05em;text-transform:uppercase}.metrics-strip{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px 24px;align-items:center;background:#200b04a6;padding:16px 20px;border-radius:14px;border:1px solid rgba(255,204,93,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.metric-label{display:block;font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:.08em}.metrics-strip strong{font-size:1.1rem}.game-layout{display:grid;grid-template-columns:minmax(0,clamp(360px,58vw,560px)) minmax(260px,1fr);gap:32px;align-items:start;justify-content:center}.reel-section{justify-self:center;grid-column:1 / 2}.reel-wrapper{display:flex;justify-content:center}.reel-stage{width:100%;max-width:clamp(280px,90vw,540px)}.reel-stage canvas{width:100%;height:auto;display:block;border-radius:22px;box-shadow:0 18px 35px #00000073}.control-panel{justify-self:center;width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px;background:#1f0a03bf;padding:20px 24px;border-radius:16px;border:1px solid rgba(255,210,110,.35);box-shadow:0 12px 40px #00000059}.control-row{display:flex;gap:12px;flex-wrap:wrap}.control-panel button{flex:1;padding:12px 14px;border-radius:10px;border:none;background:linear-gradient(180deg,#ffcf62,#d4911e);color:#2b1403;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.control-panel button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.control-panel button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 20px #00000073}.spin-button{flex:2}.control-panel button.active{background:linear-gradient(180deg,#51dbaa,#2f9c6d);color:#0c1a14}.bonus-panel{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#130702b3;border-radius:12px;border:1px solid rgba(132,255,198,.35);padding:14px 16px}.bonus-panel .bonus-symbol{display:flex;align-items:center;gap:12px;flex:1 1 180px}.bonus-panel .bonus-symbol img{width:56px;height:56px;border-radius:14px;object-fit:contain;background:#00000059;box-shadow:0 4px 10px #00000073;border:1px solid rgba(134,255,198,.35)}.bonus-panel>div{min-width:120px}.seed-panel{display:flex;flex-direction:column;gap:12px;background:#0a04028c;border-radius:12px;padding:14px 16px;border:1px solid rgba(132,255,198,.28)}.seed-row{display:flex;align-items:center;gap:12px}.seed-row>div{flex:1;min-width:0}.seed-value{display:block;font-family:MomoTrustDisplay-Regular;font-size:.78rem;letter-spacing:.05em;word-break:break-all;color:#f7f2d9;margin-top:2px}.seed-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding-top:6px;border-top:1px solid rgba(132,255,198,.18)}.control-panel button.ghost{flex:0 0 auto;padding:8px 12px;background:#0a22188c;color:#d2ffe9;border:1px solid rgba(132,255,198,.45)}.control-panel button.ghost:hover:not(:disabled){background:#2470518c}.result-panel{background:#0c050299;padding:14px 18px;border-radius:12px;border:1px solid rgba(255,214,140,.25);font-size:.9rem}.result-panel p{margin:8px 0}.result-panel ul{margin:8px 0 0;padding:0 0 0 18px}.result-panel .result-subtitle{margin:6px 0;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;opacity:.75}.history-panel{grid-column:1 / 3;background:#120602b8;padding:18px 22px;border-radius:16px;border:1px solid rgba(255,204,102,.3);box-shadow:inset 0 0 0 1px #ffcc6614}.history-panel h2{margin:0 0 12px;text-transform:uppercase;letter-spacing:.06em;font-size:1rem}.history-panel ul{margin:0;padding-left:18px;font-size:.9rem;line-height:1.6}@media(max-width:1024px){.game-layout{justify-content:center;grid-template-columns:minmax(0,clamp(320px,92vw,560px))}.reel-section{justify-self:center}.control-panel{max-width:520px;justify-self:center}.history-panel{grid-column:1 / 2}.metrics-strip{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media(max-width:768px){:root{--reel-height: 320px}.app-frame{padding:28px 20px 36px}.metrics-strip{grid-template-columns:minmax(140px,1fr)}.control-row{flex-direction:column}.control-panel button{width:100%}}@media(max-width:680px){:root{--reel-height: 300px}}