:root{color-scheme:dark;--gold:#ffd86d;--deep:#160408;--cell:#37030c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#18080c;color:#fff5d4;font-family:Inter,system-ui,sans-serif}body{min-height:100vh;background-image:linear-gradient(rgba(17,2,7,.18),rgba(17,2,7,.5)),url('/assets/prophecy-of-ra/ui/background-wide.png');background-position:center top;background-size:cover;background-attachment:fixed}.pra-app{width:min(100%,1040px);min-height:100vh;margin:auto;padding:14px clamp(8px,2vw,22px) 24px}.pra-header{height:76px;display:grid;grid-template-columns:48px 1fr minmax(125px,190px);align-items:center;padding:8px 14px;border:1px solid #a8722c;border-radius:18px;background:linear-gradient(180deg,rgba(53,5,14,.96),rgba(19,2,7,.97));box-shadow:0 8px 28px #0009}.pra-home{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d8a94a;border-radius:50%;color:var(--gold);text-decoration:none;font-size:24px}.pra-logo{justify-self:center;width:min(320px,48vw);height:60px;object-fit:contain}.pra-balance{text-align:right;padding:7px 12px;border:1px solid #a8722c;border-radius:12px;background:#21030a}.pra-balance small,.pra-readout small{display:block;color:#d4a865;font-size:10px;letter-spacing:.12em}.pra-balance strong{color:var(--gold);font-size:clamp(14px,2.5vw,22px)}.pra-cabinet{position:relative;margin-top:12px}.pra-frame{position:relative;width:100%;aspect-ratio:1210/790}.pra-frame-art{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:fill;pointer-events:none}.pra-window{position:absolute;z-index:2;left:8.1%;right:8.1%;top:12.5%;bottom:12.5%;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 0,#5c0b18 0,#21030b 55%,#0c0105 100%);box-shadow:inset 0 0 45px #000}.pra-reels{height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.pra-reel{position:relative;overflow:hidden;background:linear-gradient(180deg,#061c48,#0a3474 50%,#03132f);border-inline:1px solid #b9782455}.pra-strip{height:100%;display:grid;grid-template-rows:repeat(3,1fr);will-change:transform}.pra-reel.is-spinning .pra-strip{animation:pra-spin .16s linear infinite;filter:blur(2px)}@keyframes pra-spin{from{transform:translateY(-33.333%)}to{transform:translateY(0)}}.pra-reel.is-landing .pra-strip{animation:pra-land .55s cubic-bezier(.16,.84,.28,1.08)}@keyframes pra-land{0%{transform:translateY(-35%);filter:blur(2px)}100%{transform:translateY(0);filter:none}}.pra-symbol{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 42%,#174e99 0,#082c68 48%,#031735 100%);box-shadow:inset 0 0 18px #0008;border-bottom:1px solid #f4c75626}.pra-symbol img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 7px #0008);transform:scale(1.08)}.pra-symbol.is-winning{z-index:5;animation:pra-win-pulse .72s ease-in-out infinite alternate;box-shadow:inset 0 0 26px #ffe687aa,0 0 18px #ffd24c}.pra-symbol.is-winning::after{content:"";position:absolute;inset:-22%;background:url('/assets/prophecy-of-ra/fx/diamond-win.png') no-repeat;background-size:400% 400%;mix-blend-mode:screen;animation:pra-sprite .67s steps(1) infinite;pointer-events:none}@keyframes pra-win-pulse{to{filter:brightness(1.3);transform:scale(1.035)}}@keyframes pra-sprite{0%{background-position:0 0}6.25%{background-position:33.333% 0}12.5%{background-position:66.666% 0}18.75%{background-position:100% 0}25%{background-position:0 33.333%}31.25%{background-position:33.333% 33.333%}37.5%{background-position:66.666% 33.333%}43.75%{background-position:100% 33.333%}50%{background-position:0 66.666%}56.25%{background-position:33.333% 66.666%}62.5%{background-position:66.666% 66.666%}68.75%{background-position:100% 66.666%}75%{background-position:0 100%}81.25%{background-position:33.333% 100%}87.5%{background-position:66.666% 100%}93.75%,100%{background-position:100% 100%}}.pra-payline{position:absolute;z-index:8;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.pra-payline path{fill:none;stroke-linecap:round;stroke-linejoin:round}.pra-payline .glow{stroke:#62d9ff;stroke-width:18;opacity:.55;filter:blur(7px)}.pra-payline .bolt{stroke:#f9fdff;stroke-width:3;filter:drop-shadow(0 0 5px #4bc8ff);stroke-dasharray:22 10;animation:pra-current .7s linear infinite}.pra-payline polygon{fill:#fff;stroke:#61d9ff;stroke-width:4;filter:drop-shadow(0 0 8px #79e2ff)}@keyframes pra-current{to{stroke-dashoffset:-64}}.pra-message{position:absolute;z-index:10;left:50%;bottom:5%;transform:translate(-50%,25px);opacity:0;padding:8px 20px;border:1px solid #ffd76b;border-radius:999px;background:#24020bdd;color:#fff1a3;font-weight:900;transition:.25s;pointer-events:none}.pra-message.is-visible{transform:translate(-50%,0);opacity:1}.pra-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.pra-readout{padding:8px;text-align:center;border:1px solid #a8722c;border-radius:10px;background:#21030bea}.pra-readout strong{color:#fff1b0}.pra-win strong{color:#71e6ff}.pra-controls{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;gap:7px;margin-top:10px;padding:10px;border:1px solid #8b5725;border-radius:16px;background:linear-gradient(#3d0812f2,#190207f5)}button{font:inherit}.pra-art-btn,.pra-spin{border:0;background:none;padding:0;cursor:pointer;min-width:0;filter:drop-shadow(0 4px 5px #0008)}.pra-art-btn img{width:100%;aspect-ratio:1.38;object-fit:contain}.pra-spin{transform:scale(1.2);z-index:2}.pra-spin img{width:100%;aspect-ratio:1;object-fit:contain}.pra-art-btn span{display:grid;place-items:center;aspect-ratio:1.38;border:2px solid #dba73c;border-radius:10px;background:linear-gradient(#861321,#33040b);color:#ffe691;font-weight:900;font-size:clamp(8px,1.5vw,13px)}.pra-toggle.is-active{filter:drop-shadow(0 0 8px #64ddff) brightness(1.2)}button:disabled{opacity:.45;cursor:not-allowed}.pra-dialog{max-width:420px;border:1px solid #d6a33d;border-radius:16px;background:#26040b;color:#fff0ce;box-shadow:0 20px 80px #000;padding:24px}.pra-dialog::backdrop{background:#000b}.pra-close{position:absolute;right:10px;top:8px;border:0;background:none;color:#ffd46c;font-size:26px;cursor:pointer}@media(max-width:620px){.pra-app{padding:6px}.pra-header{height:58px;grid-template-columns:38px 1fr 105px;padding:5px 8px}.pra-home{width:32px;height:32px}.pra-logo{height:43px}.pra-balance{padding:5px 7px}.pra-frame{margin-top:3px}.pra-window{border-radius:6px}.pra-symbol img{transform:scale(1.18)}.pra-controls{grid-template-columns:repeat(4,1fr);gap:4px;padding:6px}.pra-spin{grid-column:2;grid-row:1/span 2;transform:scale(1.05)}.pra-dashboard{gap:4px}.pra-readout{padding:5px}.pra-message{font-size:12px;white-space:nowrap}}