: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/royal777/ui/background.png');background-position:center top;background-size:cover;background-attachment:fixed}.r777-app{width:min(100%,1040px);min-height:100vh;margin:auto;padding:14px clamp(8px,2vw,22px) 24px}.r777-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}.r777-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}.r777-logo{justify-self:center;width:min(320px,48vw);height:60px;object-fit:contain}.r777-balance{text-align:right;padding:7px 12px;border:1px solid #a8722c;border-radius:12px;background:#21030a}.r777-balance small,.r777-readout small{display:block;color:#d4a865;font-size:10px;letter-spacing:.12em}.r777-balance strong{color:var(--gold);font-size:clamp(14px,2.5vw,22px)}.r777-cabinet{position:relative;margin-top:12px}.r777-frame{position:relative;width:100%;aspect-ratio:1320/682}.r777-frame-art{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:fill;pointer-events:none}.r777-window{position:absolute;z-index:2;left:7.6%;right:7.6%;top:11.5%;bottom:11.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}.r777-reels{height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.r777-reel{position:relative;overflow:hidden;background:linear-gradient(180deg,#260208,#570b17 50%,#250207);border-inline:1px solid #b9782455}.r777-strip{height:100%;display:grid;grid-template-rows:repeat(3,1fr);will-change:transform}.r777-reel.is-spinning .r777-strip{animation:r777-spin .16s linear infinite;filter:blur(2px)}@keyframes r777-spin{from{transform:translateY(-33.333%)}to{transform:translateY(0)}}.r777-reel.is-landing .r777-strip{animation:r777-land .55s cubic-bezier(.16,.84,.28,1.08)}@keyframes r777-land{0%{transform:translateY(-35%);filter:blur(2px)}100%{transform:translateY(0);filter:none}}.r777-symbol{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 42%,#761728 0,#3e0711 48%,#170207 100%);box-shadow:inset 0 0 18px #0008;border-bottom:1px solid #f4c75626}.r777-symbol img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 7px #0008);transform:scale(1.08)}.r777-symbol.is-winning{z-index:5;animation:r777-win-pulse .72s ease-in-out infinite alternate;box-shadow:inset 0 0 26px #ffe687aa,0 0 18px #ffd24c}.r777-symbol.is-winning::after{content:"";position:absolute;inset:-22%;background:url('/assets/royal777/fx/diamond-win.png') no-repeat;background-size:400% 400%;mix-blend-mode:screen;animation:r777-sprite .67s steps(1) infinite;pointer-events:none}@keyframes r777-win-pulse{to{filter:brightness(1.3);transform:scale(1.035)}}@keyframes r777-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%}}.r777-payline{position:absolute;z-index:8;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.r777-payline path{fill:none;stroke-linecap:round;stroke-linejoin:round}.r777-payline .glow{stroke:#62d9ff;stroke-width:18;opacity:.55;filter:blur(7px)}.r777-payline .bolt{stroke:#f9fdff;stroke-width:3;filter:drop-shadow(0 0 5px #4bc8ff);stroke-dasharray:22 10;animation:r777-current .7s linear infinite}.r777-payline polygon{fill:#fff;stroke:#61d9ff;stroke-width:4;filter:drop-shadow(0 0 8px #79e2ff)}@keyframes r777-current{to{stroke-dashoffset:-64}}.r777-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}.r777-message.is-visible{transform:translate(-50%,0);opacity:1}.r777-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.r777-readout{padding:8px;text-align:center;border:1px solid #a8722c;border-radius:10px;background:#21030bea}.r777-readout strong{color:#fff1b0}.r777-win strong{color:#71e6ff}.r777-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}.r777-art-btn,.r777-spin{border:0;background:none;padding:0;cursor:pointer;min-width:0;filter:drop-shadow(0 4px 5px #0008)}.r777-art-btn img{width:100%;aspect-ratio:1.38;object-fit:contain}.r777-spin{transform:scale(1.2);z-index:2}.r777-spin img{width:100%;aspect-ratio:1;object-fit:contain}.r777-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)}.r777-toggle.is-active{filter:drop-shadow(0 0 8px #64ddff) brightness(1.2)}button:disabled{opacity:.45;cursor:not-allowed}.r777-dialog{max-width:420px;border:1px solid #d6a33d;border-radius:16px;background:#26040b;color:#fff0ce;box-shadow:0 20px 80px #000;padding:24px}.r777-dialog::backdrop{background:#000b}.r777-close{position:absolute;right:10px;top:8px;border:0;background:none;color:#ffd46c;font-size:26px;cursor:pointer}@media(max-width:620px){.r777-app{padding:6px}.r777-header{height:58px;grid-template-columns:38px 1fr 105px;padding:5px 8px}.r777-home{width:32px;height:32px}.r777-logo{height:43px}.r777-balance{padding:5px 7px}.r777-frame{margin-top:3px}.r777-window{border-radius:6px}.r777-symbol img{transform:scale(1.18)}.r777-controls{grid-template-columns:repeat(4,1fr);gap:4px;padding:6px}.r777-spin{grid-column:2;grid-row:1/span 2;transform:scale(1.05)}.r777-dashboard{gap:4px}.r777-readout{padding:5px}.r777-message{font-size:12px;white-space:nowrap}}