@font-face{font-family:Cinzel;src:url(./Cinzel-wght-Dzu6Mfm8.ttf) format("truetype");font-weight:400 900;font-display:swap}@font-face{font-family:Inter;src:url(./Inter-opsz-wght-VF2RPR_K.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{color:#f9efd3;background:#03030d;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{color:inherit;font:inherit}button:focus-visible{outline:3px double #8be6ff;outline-offset:3px}.viewport-shell{display:grid;width:100vw;height:100vh;place-items:center;background:#050613 url(./bg_rift_nebula-CzMOKlEW.png) center/cover no-repeat}.game-stage{position:relative;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);overflow:hidden}.canvas-layer,.canvas-layer canvas,.hud-layer{position:absolute;inset:0;width:100%;height:100%}.canvas-layer canvas{display:block;width:100%!important;height:100%!important}.hud-layer{z-index:80;pointer-events:none}.hud-content{position:absolute;inset:0}.hud-content.test-hidden{visibility:hidden}.top-bar{position:absolute;top:1.4%;left:23%;display:flex;width:54%;height:9%;align-items:center;justify-content:center;gap:2%;text-align:center}.top-bar p,.top-bar h1{margin:0}.title-emblem{width:4.5%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 8px #f2b736)}.eyebrow,.mode-badge,.panel span,.panel small{color:#9bb4d7;font-size:clamp(8px,.78vw,13px);font-weight:650;letter-spacing:.13em;text-transform:uppercase}.top-bar h1{color:#fff1c7;font-family:Cinzel,serif;font-size:clamp(20px,2.25vw,38px);font-weight:740;letter-spacing:.1em;line-height:1;text-shadow:0 2px 0 #623d08,0 0 14px rgb(240 183 68 / 35%)}.mode-badge{padding:.45em 1.1em;border:1px solid #d89a2b;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);color:#f1bd50;background:#04101fe5}.panel{position:absolute;top:14.4%;bottom:15.2%;width:19.1%;padding:1.1% 1.25%;border:1px solid #a67222;background:linear-gradient(145deg,#071424eb,#020814f0);box-shadow:inset 0 0 0 2px #27689047,0 0 24px #00000073;pointer-events:auto}.panel:before,.panel:after{position:absolute;left:8%;width:84%;height:1px;content:"";background:linear-gradient(90deg,transparent,#d59125,transparent)}.panel:before{top:1.5%}.panel:after{bottom:1.5%}.left-panel{left:1.55%}.right-panel{right:1.55%}.metric{display:grid;padding:4% 0 5%;border-bottom:1px solid rgb(204 137 34 / 55%);text-align:center}.metric strong{color:#fff3d5;font-family:Cinzel,serif;font-size:clamp(13px,1.55vw,26px);font-variant-numeric:tabular-nums}.primary-metric{padding-top:1%}.bet-row{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:4%}.stepper{position:relative;min-width:44px;min-height:44px;padding:0;border:1px solid #e1a83d;border-radius:6px;color:#ffd36a;background:linear-gradient(#123457,#071527);font-size:clamp(20px,2vw,30px);font-weight:800;cursor:pointer;pointer-events:auto}.stepper:disabled{border-color:#34495e;color:#687687;background:#07111d;cursor:default}.paytable h2,.special-legend h2,.vault-card h2{margin:4% 0 2%;color:#eeb54c;font-size:clamp(8px,.82vw,13px);font-weight:650;letter-spacing:.09em;text-align:center;text-transform:uppercase}.pay-row{display:grid;min-height:32px;grid-template-columns:34px 1fr 1.3fr;align-items:center;border-top:1px solid rgb(92 117 142 / 22%);font-size:clamp(8px,.72vw,12px);font-variant-numeric:tabular-nums}.pay-row img{width:30px;height:30px;object-fit:contain}.pay-row span{color:#f1b33b}.special-legend{display:grid;grid-template-columns:1fr 1fr;gap:3%;text-align:center}.special-legend h2{grid-column:1 / -1}.special-legend span{color:#dceaff;font-size:clamp(8px,.7vw,11px)}.charge{padding:5% 1% 6%;border-bottom:1px solid rgb(204 137 34 / 55%)}.charge>div:first-child{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:4%}.charge img{width:36px;height:36px;object-fit:contain}.charge strong{font-size:clamp(10px,.82vw,14px);font-variant-numeric:tabular-nums}.dawn span,.dawn strong{color:#ffc849}.dusk span,.dusk strong{color:#6be4ff}.meter{display:grid;margin:6% 1% 0 19%;grid-template-columns:repeat(3,1fr);gap:5%}.meter i{height:clamp(7px,1vw,14px);border:1px solid #3d536c;border-radius:3px;background:#07111d}.dawn .meter i.filled{border-color:#ffe37a;background:linear-gradient(#fff08b,#e8930a);box-shadow:0 0 8px #ffa714}.dusk .meter i.filled{border-color:#7ef3ff;background:linear-gradient(#48e4ff,#245edc);box-shadow:0 0 8px #2dbce8}.phase-card,.cascade-card{display:grid;padding:5% 0;border-bottom:1px solid rgb(204 137 34 / 55%);gap:5px;text-align:center}.phase-card strong{padding:3%;border:1px solid #604496;background:#11113d;font-family:Cinzel,serif;font-size:clamp(11px,1.25vw,20px)}.phase-card .phase-dawn{color:#ffd35d}.phase-card .phase-dusk{color:#71e7ff}.phase-card .phase-total{color:#edc5ff;box-shadow:0 0 15px #b04bff7f}.cascade-card strong{color:#c9a7ff;font-family:Cinzel,serif;font-size:clamp(18px,2.2vw,36px);text-shadow:0 0 9px #6359ff}.vault-card{margin-top:4%;padding:2% 5% 5%;border:1px solid #a66e1f;text-align:center}.vault-card>div{display:flex;align-items:baseline;justify-content:space-between;padding:2.5% 0}.vault-card>div strong{color:#fff0c9;font-size:clamp(12px,1.25vw,20px);font-variant-numeric:tabular-nums}.vault-card p{margin:3% 0;color:#bfa4ff;font-size:clamp(9px,.85vw,13px)}.vault-card:not(.active) p{color:#825d25;font-size:clamp(20px,3vw,48px)}.status-ribbon{position:absolute;top:10.5%;left:38.5%;display:grid;width:23%;min-height:3.2%;place-items:center;border:1px solid #ae7720;color:#89dd89;background:#031014e5;font-family:Cinzel,serif;font-size:clamp(8px,.85vw,14px);letter-spacing:.06em;text-align:center}.status-ribbon.vault{color:#d4b5ff;border-color:#7151a5}.controls{position:absolute;right:1.5%;bottom:1.1%;left:1.5%;display:grid;height:8.2%;grid-template-columns:20% 15% 25% 19%;align-items:center;justify-content:space-between;gap:1.2%;pointer-events:auto}.controls button,.modal button{min-height:44px;border:1px solid #6b84a9;color:#dce8f9;background:linear-gradient(#16274b,#080f23);cursor:pointer}.controls button{display:flex;height:86%;align-items:center;justify-content:center;gap:5%;padding:.4% 3%;border-radius:8px;font-family:Cinzel,serif;font-size:clamp(8px,1vw,17px);font-weight:720;letter-spacing:.04em}.controls button img{width:clamp(22px,2.5vw,38px);height:clamp(22px,2.5vw,38px);object-fit:contain}.controls button:disabled{border-color:#29384a;color:#647080;background:#090d15;cursor:default;filter:saturate(.2);opacity:.7}.controls .primary{border-color:#ffd66b;color:#fff3c4;background:linear-gradient(#145abc,#0b1d66 60%,#251044);box-shadow:inset 0 0 14px #3fadff8c,0 0 10px #ebb53459;font-size:clamp(14px,1.8vw,30px)}.controls .secondary.quick{border-color:#8f63d2;background:linear-gradient(#542697,#201158)}.controls .secondary.toggled{box-shadow:inset 0 0 0 3px #bca0ff,0 0 12px #804fff}.utility-group{display:flex;height:86%;gap:5%}.utility-group button{min-width:44px;flex:1;padding:0}.blocking-layer,.modal-backdrop{position:absolute;inset:0;z-index:200;display:grid;place-items:center;background:#02030dd4;pointer-events:auto}.blocking-layer img{width:90px;animation:eclipse-spin 3s linear infinite}.blocking-layer p{position:absolute;top:60%;color:#f6ce72;letter-spacing:.12em}.blocking-layer.error{align-content:center;color:#ffd6d6}.blocking-layer button{min-width:120px;min-height:44px}.modal{width:min(560px,72%);max-height:80%;overflow:auto;padding:28px;border:1px solid #d49b37;border-radius:8px;background:linear-gradient(145deg,#0b2138,#070b1c);box-shadow:0 12px 60px #000;text-align:center}.modal h2{margin:0 0 16px;color:#f3c967;font-family:Cinzel,serif}.modal p{color:#ccdbeb;line-height:1.65}.modal>button{min-width:180px;margin:6px;padding:8px 16px}.modal-close{border-color:#d19d3f!important}.test-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.test-grid button{min-height:48px}.test-layer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;text-align:left}.test-layer-grid label{display:flex;min-height:44px;align-items:center;gap:10px;padding:6px 10px;border:1px solid #466585;border-radius:6px;color:#dceaff;background:#071526;cursor:pointer}.test-layer-grid input{width:22px;height:22px;accent-color:#f1bd50}.sr-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.rotate-notice{display:none;max-width:320px;padding:24px;justify-items:center;gap:14px;text-align:center}.rotate-notice img{width:80px}.rotate-notice strong{color:#f1ca6d;font-family:Cinzel,serif;font-size:22px}.rotate-notice span{color:#9fb5d2}@keyframes eclipse-spin{to{transform:rotate(360deg)}}@media(max-width:900px)and (orientation:landscape){.paytable,.special-legend{display:none}.panel{bottom:18%}.metric{padding:3% 0}.right-panel .vault-card small{display:none}}@media(max-height:400px)and (orientation:landscape){.controls{bottom:2px;height:44px}.utility-group,.utility-group button{height:44px}}@media(orientation:portrait),(max-aspect-ratio:4/3){.game-stage{display:none}.rotate-notice{display:grid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}