@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;800;900&family=Space+Grotesk:wght@500;700&display=swap');
:root{color-scheme:dark;--gold:#ffd689;--purple:#ce94ff;--blue:#80dcff}*{box-sizing:border-box}body{margin:0;background:#0b0712;color:#f5ecfc;font-family:'Space Grotesk','Noto Sans JP',sans-serif;font-size:16px;background-image:radial-gradient(ellipse at 10% 15%,#47165370,transparent 45%),radial-gradient(ellipse at 90% 35%,#152f5644,transparent 50%)}button,input{font:inherit}button{color:inherit;cursor:pointer;border:1px solid #71558e;background:#24182f;border-radius:10px;padding:12px;touch-action:manipulation}button:active{transform:translateY(2px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}header{max-width:1080px;margin:auto;display:flex;align-items:center;gap:15px;padding:20px 24px 12px}.logo{font-size:30px;font-weight:900;letter-spacing:4px;color:#f1cdff;text-decoration:none;text-shadow:0 0 25px #d97bf955;margin-right:auto;line-height:1}.logo span{display:block;font-size:9px;letter-spacing:2px;color:#a98fbf;margin-top:8px;font-weight:500}.balances{display:flex;gap:10px}.balance{display:flex;align-items:center;gap:11px;padding:9px 13px;border:1px solid #97744f;background:linear-gradient(130deg,#2a1929,#18101d);border-radius:11px}.balance small{font-size:10px;letter-spacing:1px;color:#bda4c9}.balance b{font-size:26px;color:var(--gold);min-width:45px}.balance button{padding:0;width:29px;height:29px;background:#744a9a;border-color:#d19aff;border-radius:50%;font-size:22px}.icon-button{font-size:12px;padding:10px;white-space:nowrap}main{max-width:1080px;margin:0 auto;padding:14px 24px 30px}.topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#a28bae;margin-bottom:12px}.cabinet{border:2px solid #d4a36c;border-radius:22px;overflow:hidden;background:#160e20;box-shadow:0 0 0 3px #3a2149,0 0 0 5px #996cac50,0 8px 60px #9a40d924}.marquee{height:79px;display:flex;justify-content:center;gap:35px;align-items:center;border-bottom:1px solid #c0917a;background:linear-gradient(90deg,#19112c,#451730,#201329);position:relative}.marquee:before,.marquee:after{content:'';position:absolute;top:0;bottom:0;width:45px;background:repeating-linear-gradient(0deg,#a758ff 0 5px,#442952 5px 14px);opacity:.8}.marquee:before{left:0}.marquee:after{right:0}.marquee small{display:block;text-align:center;font-size:10px;letter-spacing:5px;color:#dda6f4}.marquee h1{margin:3px 0 0;font-weight:900;font-style:italic;font-size:32px;letter-spacing:2px;color:#ffdf97;text-shadow:0 2px #a75721,0 4px #703323,0 0 18px #f5964566}.spark{color:#efb7ff;font-size:30px;text-shadow:0 0 20px #c069ff}.machine-stage{position:relative;aspect-ratio:1.42;min-height:400px;background:#0d071a;isolation:isolate}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:manipulation;cursor:crosshair}.slot-screen{position:absolute;top:3%;left:50%;transform:translateX(-50%);width:40%;max-width:335px;min-width:230px;padding:10px 13px 8px;background:linear-gradient(#1b0c2df8,#200e2cf0);border:2px solid #caa174;border-radius:12px;box-shadow:0 0 0 3px #9052c066,0 0 24px #b756ff77;pointer-events:none}.slot-caption{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:10px;color:#e4bfff}.slot-caption #queue{font-size:9px;letter-spacing:1px;color:var(--gold)}.reels{display:flex;gap:5px;border:3px solid #533a70;border-radius:8px;padding:4px;background:#0b0618}.reel{flex:1;height:73px;border-radius:5px;overflow:hidden;background:linear-gradient(#776386,#f8f0ff 38%,#e1d3e9 65%,#66547a);display:flex;align-items:center;justify-content:center;border:1px solid #ddc6e1;position:relative}.reel:after{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid #d8555244}.reel span{font-size:46px;font-weight:900;font-style:italic;color:#e33151;text-shadow:1px 1px #fff9d9,3px 3px #972342}.reel.rolling span{animation:roll .12s linear infinite;filter:blur(1px)}@keyframes roll{0%{transform:translateY(-40px)}100%{transform:translateY(40px)}}.charge{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:7px}.charge i{width:18px;height:5px;border-radius:5px;background:#533c66}.charge i.lit{background:#9dddff;box-shadow:0 0 8px #69c8ff}.charge b{margin-left:7px;font-size:10px;font-weight:500;color:#c9a7df}.board-side{position:absolute;top:18%;width:15%;padding:12px 7px;text-align:center;border:1px solid #7b5989;border-radius:10px;background:#130c20d9;pointer-events:none}.board-side.left{left:2%}.board-side.right{right:2%}.board-side small{color:#c9a3e4;font-size:10px;letter-spacing:1px}.board-side b{display:block;color:var(--gold);font-size:27px;margin:7px 0}.board-side span{display:block;font-size:10px;color:#ac96ba;line-height:1.5}.orb-dots{display:flex;justify-content:center;gap:6px;margin:9px 0}.orb-dots i{width:12px;height:12px;border-radius:50%;border:1px solid #8c63be;background:#38284a}.orb-dots i.lit{background:radial-gradient(circle at 35% 30%,#e9eaff,#ac62ff 60%,#5912aa);box-shadow:0 0 12px #b075ff}.stage-caption{position:absolute;left:20%;right:20%;bottom:2%;text-align:center;pointer-events:none}.stage-caption span{font-size:11px;color:#dbb87b;letter-spacing:2px}#collect-fx{position:absolute;left:12%;right:12%;top:49%;text-align:center;pointer-events:none;font-weight:900;font-size:clamp(22px,4vw,44px);color:#ffe6a2;text-shadow:0 3px #905220,0 0 25px #fbbc53;opacity:0}#collect-fx.show{animation:reward 1.6s ease-out}@keyframes reward{10%,75%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-22px)}}.control-deck{display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 24px;background:linear-gradient(#332035,#1c1125);border-top:1px solid #aa7c64}.aim-control{width:30%;max-width:250px}.aim-control label{display:block;font-size:11px;color:#c9aad8;text-align:center;margin-bottom:8px}.aim-control input{width:100%;accent-color:#c389ff;cursor:pointer}.insert{min-width:200px;background:linear-gradient(#ffe5a0,#eaaa48);color:#402213;border:2px solid #ffecc4;border-radius:13px;box-shadow:0 5px #8c461b,0 0 25px #e7b24630;font-size:19px;font-weight:900;padding:11px 20px}.insert small{display:block;font-size:11px;margin-top:2px;letter-spacing:1px}#auto{background:#2c1c38;border:1px solid #9f6bbf;width:74px;font-size:11px;padding:10px}#auto b{display:block;font-size:18px;margin-top:3px}#auto[aria-pressed=true]{border-color:#c798ff;background:#653293;box-shadow:0 0 16px #bd7ef044}.machine-status{text-align:center;padding:10px 15px;font-size:12px;background:#130b1d;color:#d5b8e7;min-height:37px;line-height:1.6}.flow{display:flex;justify-content:center;align-items:center;gap:13px;margin:21px 0;color:#baa4c7;font-size:12px}.flow b{color:#a170c5}.save-note{text-align:center;font-size:11px;color:#846e91;line-height:1.8;margin-top:18px}#loading{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0d071a;color:#d9bde7;gap:12px}#loading span{font-size:12px;color:#9b84ad}#loading[hidden]{display:none}dialog{padding:28px;width:min(480px,93vw);max-height:90svh;overflow:auto;border:1px solid #bd8de2;border-radius:20px;color:#eee0f7;background:linear-gradient(140deg,#31203e,#120b20);box-shadow:0 0 70px #6d36ae50}dialog::backdrop{background:#07030ccc;backdrop-filter:blur(6px)}dialog h2{font-size:25px;margin:8px 0 20px}.close{position:absolute;right:10px;top:8px;background:none;border:0;font-size:26px;padding:3px 10px}.eyebrow{font-size:10px;letter-spacing:2px;color:#c698e3}.gold{display:block;width:100%;background:linear-gradient(#ffe2a0,#e9b354);border-color:#fff0bf;color:#3e2515;font-weight:800;font-size:16px}.hint{font-size:10px;color:#a58cb6;line-height:1.9;margin-top:17px}#toast{position:fixed;z-index:10;bottom:22px;left:50%;transform:translateX(-50%);max-width:90vw;width:max-content;padding:13px 20px;border:1px solid #9f6fc5;border-radius:12px;background:#2c183eef;color:#f0dafa;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}@media(max-width:650px){header{padding:14px 12px 10px;gap:7px}.logo{font-size:23px;letter-spacing:3px}.logo span{font-size:6px;letter-spacing:1px}.balances{gap:5px}.balance{gap:6px;padding:6px 8px;border-radius:8px}.balance small{font-size:8px}.balance b{font-size:21px;min-width:0}.balance button{width:23px;height:23px;font-size:19px}.icon-button{font-size:10px;padding:8px 6px}main{padding:7px 10px 22px}.topline{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}.cabinet{border-radius:15px}.marquee{height:61px;gap:20px}.marquee h1{font-size:23px;letter-spacing:.6px}.marquee small{font-size:8px;letter-spacing:4px}.marquee:before,.marquee:after{width:15px}.spark{font-size:20px}.machine-stage{aspect-ratio:.88;min-height:0}.slot-screen{top:2.5%;min-width:0;width:61%;padding:7px 7px 6px;border-radius:10px}.slot-caption{font-size:8px;gap:4px;margin-bottom:4px}.slot-caption #queue{font-size:7px}.reel{height:55px}.reel span{font-size:36px}.reels{gap:3px;padding:3px}.charge{margin-top:5px;gap:5px}.charge i{width:13px;height:4px}.charge b{font-size:8px}.board-side{top:8%;padding:7px 3px;width:15.4%;border-radius:8px}.board-side small{font-size:7px;letter-spacing:.5px}.board-side b{font-size:19px;margin:5px 0}.board-side span{font-size:7px}.orb-dots{gap:3px;margin:5px 0}.orb-dots i{width:8px;height:8px}.stage-caption{left:8%;right:8%;bottom:3%}.stage-caption span{font-size:9px;letter-spacing:1px}.control-deck{padding:12px 10px;gap:9px}.aim-control{width:25%}.aim-control label{font-size:9px}.insert{min-width:0;flex:1;font-size:16px;padding:10px}.insert small{font-size:9px}#auto{width:52px;font-size:9px;padding:9px 5px}#auto b{font-size:15px}.machine-status{font-size:10px;min-height:34px;padding:8px 10px}.flow{gap:6px;font-size:8px;margin:17px 0}.save-note{font-size:9px}dialog{padding:24px 18px}}@media(prefers-reduced-motion:reduce){.reel.rolling span{animation:none;filter:none}#collect-fx.show{animation:none;opacity:1}*{scroll-behavior:auto}}

/* Checker and ball bonus update */
#kurun[hidden]{display:none}#kurun{position:absolute;inset:0;z-index:5;background:#10091df2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:18px;pointer-events:auto}.kurun-heading{text-align:center;color:#ecc6ff;font-size:clamp(16px,3vw,24px);font-weight:900;letter-spacing:2px}.kurun-heading small{display:block;font-size:14px;letter-spacing:0;color:#b6a2c9;margin-top:6px}.kurun-bowl{width:min(65%,330px);aspect-ratio:1;position:relative;border-radius:50%;border:8px solid #c99afb;background:radial-gradient(circle,#170d23 25%,#765286 50%,#2d183d 68%,#af7fcd 73%,#2d143d 77%);box-shadow:0 0 25px #a66beb88,inset 0 0 22px #fff7}.pocket{position:absolute;left:50%;top:50%;width:15%;height:15%;margin:-7.5%;border:2px solid #c6a2e1;border-radius:50%;background:#110a1d;display:grid;place-items:center;transform:rotate(var(--a)) translateY(-213%) rotate(calc(-1 * var(--a)))}.pocket span{font-size:14px;font-weight:900}.pocket.jackpot{border-color:#ffe79a;color:#ffe79a;box-shadow:0 0 16px #ffbf3977}.kurun-center{position:absolute;inset:37% 22%;text-align:center;font-size:18px;line-height:1.4;font-weight:900;color:#cda0e9}.kurun-center small{font-size:10px;letter-spacing:1px}#kurun-ball{position:absolute;width:8%;height:8%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,white,#cf9fff 30%,#7528ce 65%,#250844);box-shadow:2px 5px 5px #0009,0 0 9px #d7afff;z-index:2}#kurun-result{font-size:clamp(20px,4vw,32px);color:#ffda82;text-shadow:0 0 16px #ffb33977}.orb-dots{display:none}.slot-caption{flex-wrap:wrap;font-size:12px}.slot-caption #queue,.charge b{font-size:12px}.machine-status{font-size:14px}.board-side span{font-size:12px}.board-side small{font-size:12px}.flow{flex-wrap:wrap;font-size:12px}.aim-control label,.insert small{font-size:12px}@media(max-width:650px){.slot-screen{width:61%}.slot-caption{font-size:12px}.slot-caption #queue{font-size:10px}.board-side{top:37%;width:19%;background:#130c20d9}.board-side small{font-size:10px}.board-side span{font-size:12px}.board-side b{font-size:17px}.kurun-bowl{width:82%}.kurun-heading{letter-spacing:1px}.machine-status{font-size:14px}.charge b{font-size:12px}.reel{height:46px}}
/* Midnight Awakening: one cabinet, five moods, three orbits. */
body{background:#090610;background-image:radial-gradient(ellipse at 50% 0,#39215366,transparent 60%)}.logo span{font-size:10px;letter-spacing:1px}.balances{gap:6px}.yona-wallet{border:1px solid #7f5d9d;background:#21132f;padding:8px 12px;border-radius:10px;display:flex;gap:8px;align-items:center}.yona-wallet small{font-size:11px;color:#d3a8ef}.yona-wallet b{font-size:22px;color:#e8bfff}.balance small{font-size:11px}.topline{align-items:center;font-size:13px;letter-spacing:2px}.topline button{padding:5px 12px;font-size:13px;background:transparent}.jackpot-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 25px;margin-bottom:18px;border:1px solid #a777bd;border-radius:15px;background:linear-gradient(110deg,#261830,#100b1c 65%,#302136);box-shadow:inset 0 1px #ffecbc33}.main-jp{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.main-jp>span{font-size:13px;letter-spacing:2px;color:#e8c3ff}.main-jp strong{font-size:44px;font-variant-numeric:tabular-nums;line-height:1;color:#ffe0a0;letter-spacing:2px;text-shadow:0 0 26px #e9b54d44}.main-jp small{font-size:11px;color:#b9a3c7}.sub-jps{font-size:12px;line-height:1.9;color:#c0a4d5}.sub-jps b{color:#ecd0ff;margin-left:10px;font-variant-numeric:tabular-nums}.marquee h1{font-size:26px;letter-spacing:1.5px}.marquee{height:65px}.marquee small{font-size:12px}#companion{position:relative;display:flex;align-items:center;gap:15px;padding:12px 22px;background:linear-gradient(100deg,#22122f,#0e0b1a);border-bottom:1px solid #6a4586;isolation:isolate}#yona-face{width:80px;height:80px;flex-shrink:0;border:1px solid #9060ae;border-radius:16px;background-image:url('yona-sheet.png');background-size:991px 661px;background-position:-388px -11px;box-shadow:0 0 20px #8740b622;transition:filter .5s,box-shadow .5s}#yona-face[data-mood=normal]{background-position:-205px -11px}#yona-face[data-mood=alert]{background-position:-205px -115px}#yona-face[data-mood=look]{background-position:-477px -11px}#yona-face[data-mood=awake],#yona-face[data-mood=happy]{background-position:-294px -115px;box-shadow:0 0 30px #dd85ff88}.companion-info{flex:1;min-width:0}#yona-level{color:#c29de0;font-size:12px;letter-spacing:1px}#yona-quote{font-size:16px;font-weight:600;margin:6px 0;line-height:1.5}.level-steps{display:flex;gap:5px}.level-step{height:4px;width:26px;border-radius:2px;background:#453453}.level-step.on{background:#bc7df9;box-shadow:0 0 6px #c284fa66}.fever-panel{width:30%;max-width:280px}#fever-caption{font-size:12px;color:#d8bcf0;display:block;margin-bottom:7px}#fever-track{height:8px;border-radius:6px;background:#3b294d;overflow:hidden}#fever-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#724de2,#e5b0ff);transition:width .35s;box-shadow:0 0 15px #c378ff}.fever .cabinet{box-shadow:0 0 40px #b955ff88;border-color:#e0acff}.fever #companion{background:linear-gradient(110deg,#5c227f,#201132)}.fever .machine-stage{box-shadow:inset 0 0 70px #a24cff44}.fever .marquee h1{color:#f7d5ff;text-shadow:0 0 20px #dd8fff}.final-stage .cabinet{border-color:#ffdd96}.close-ball #yona-face,.anomaly #yona-face{filter:brightness(1.35);box-shadow:0 0 25px #b784ff}.anomaly .level-step{background:#ffe6ff}.machine-stage{aspect-ratio:1.42;min-height:430px}.slot-screen{top:3%;max-width:340px;width:44%}.slot-caption{font-size:12px}.slot-caption #queue{font-size:11px}.charge i{display:none}.charge b{font-size:12px}.board-side{top:17%;width:16%;padding:9px 4px}.board-side small{font-size:12px}.board-side span{font-size:12px}.stage-caption span{font-size:12px}.session-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#ab90c1;font-size:12px;margin-top:16px}.session-info #last-result{color:#e2c9f5}.ball-guide{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:17px 0}.ball-tag{font-size:11px;padding:6px 9px;border-radius:20px;border:1px solid currentColor}.ball-tag.normal{color:#d3ceff}.ball-tag.purple{color:#bb83ff}.ball-tag.gold{color:#fbd37f}.ball-tag.yona{color:#efa9f5}.ball-tag.black{color:#b5a0c7;background:#1b1425}.save-note{font-size:12px}.flow{font-size:13px}.insert small,.aim-control label{font-size:13px}.icon-button{font-size:12px}#kurun{padding:18px 12px;gap:4px;background:radial-gradient(ellipse at 50% 45%,#3b2055,#110b1dfc 72%);overflow:hidden}#kurun[data-stage="2"]{background:radial-gradient(ellipse,#512768,#140b25 74%)}#kurun[data-stage="3"]{background:radial-gradient(ellipse,#55402c,#12091d 70%);box-shadow:inset 0 0 50px #e4b16144}.stage-steps{display:flex;justify-content:center;gap:14px}.stage-step{font-size:12px;color:#79658a;border-bottom:2px solid #413247;padding-bottom:6px}.stage-step.current{color:#f0cbff;border-color:#d998ff}.stage-step.passed{color:#d9bd89;border-color:#b99560}#kurun-stage{margin:10px 0 0;font-size:clamp(17px,2.8vw,25px);letter-spacing:2px;color:#e9c6ff}#kurun-kind{font-size:12px;letter-spacing:1px;color:#baa0cc}#kurun-canvas{width:min(52%,330px);height:auto;aspect-ratio:1;max-height:66%;object-fit:contain}#kurun-result{font-size:clamp(18px,3vw,28px);min-height:1.4em}#kurun-hint{font-size:13px;color:#c1a9cf;margin:3px 0}#kurun.near{box-shadow:inset 0 0 50px #d6a6ff66}#cinematic[hidden]{display:none}#cinematic{position:absolute;inset:0;z-index:8;background:#020105;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.cinematic-portrait{position:absolute;inset:0;background-image:url('yona-sheet.png');background-size:auto 140%;background-position:100% 35%;filter:brightness(.06) saturate(2);opacity:0;transition:opacity .6s,filter .6s;mask-image:radial-gradient(ellipse at 53% 39%,black 1%,transparent 8%)}#cinematic:not(.revealed) .cinematic-portrait{opacity:1;filter:brightness(1.8) saturate(1.8)}#cinematic.revealed .cinematic-portrait{opacity:.85;filter:brightness(.5) saturate(1.35);mask-image:linear-gradient(black,black)}.cinematic-content{position:relative;z-index:2;opacity:0;transform:scale(.92);transition:opacity .4s,transform .6s}#cinematic.revealed .cinematic-content{opacity:1;transform:scale(1)}.cinematic-content>span{font-size:12px;letter-spacing:5px;color:#ecd1ff}.cinematic-content h2{font-size:clamp(28px,5vw,57px);line-height:1.1;margin:20px 10px 10px;color:#ffe4a0;letter-spacing:1px;text-shadow:0 0 30px #d19cff}.cinematic-content strong{font-size:clamp(50px,10vw,92px);color:#fff0bd;text-shadow:0 0 45px #ffcc6366;font-variant-numeric:tabular-nums}.cinematic-content p{font-size:16px;color:#f0d5ff;padding:0 16px}.coin-rain{position:absolute;inset:-50% 0 0;line-height:2.5;font-size:42px;color:#ffe0a866;opacity:0;pointer-events:none;word-spacing:22px;animation:coinfall 2.6s linear infinite}#cinematic.revealed .coin-rain{opacity:1}#cinematic[data-tier=yona].revealed{box-shadow:inset 0 0 100px #d29bff88}#cinematic[data-tier=black] .cinematic-content h2{color:#cba4ff}#cinematic[data-tier=purple] .cinematic-content h2{color:#e7b7ff}@keyframes coinfall{from{transform:translateY(-30%)}to{transform:translateY(50%)}}#help-dialog{width:min(560px,94vw)}#help-dialog h3{font-size:17px;color:#e2baf9;margin-top:26px}#help-dialog p,#help-dialog dd{font-size:15px;line-height:1.9;color:#cfbcd9}#help-dialog dt{margin-top:16px;font-size:14px;font-weight:800;color:#e7c4ff}#help-dialog dd{margin:3px 0}#help-dialog .hint{font-size:12px}button#help-open{min-height:36px}
@media(max-width:650px){header{flex-wrap:wrap;padding:13px 12px 8px;gap:8px}.logo{font-size:25px}.logo span{font-size:9px;letter-spacing:.4px}.balances{order:3;width:100%;justify-content:space-between;gap:5px}.balance,.yona-wallet{flex:1;padding:7px 9px;gap:6px;justify-content:center}.balance small,.yona-wallet small{font-size:10px}.balance b,.yona-wallet b{font-size:21px}.balance button{width:25px;height:25px}.topline{font-size:12px}.jackpot-banner{padding:14px 13px;margin-bottom:14px;gap:8px}.main-jp{gap:5px 8px}.main-jp>span{flex-basis:100%;font-size:12px;letter-spacing:1.4px}.main-jp strong{font-size:37px}.main-jp small{font-size:10px}.sub-jps{font-size:11px;min-width:95px}.sub-jps b{margin-left:3px}.marquee{height:52px;gap:10px}.marquee h1{font-size:18px;letter-spacing:.4px}.marquee small{font-size:10px;letter-spacing:2px}.marquee .spark{font-size:16px}#companion{gap:10px;padding:10px 12px;flex-wrap:wrap}#yona-face{width:64px;height:64px;border-radius:12px;background-size:793px 529px;background-position:-310px -9px}#yona-face[data-mood=normal]{background-position:-164px -9px}#yona-face[data-mood=alert]{background-position:-164px -92px}#yona-face[data-mood=look]{background-position:-382px -9px}#yona-face[data-mood=awake],#yona-face[data-mood=happy]{background-position:-235px -92px}#yona-level{font-size:12px;letter-spacing:0}#yona-quote{font-size:14px;margin:4px 0}.fever-panel{width:100%;max-width:none;display:flex;align-items:center;gap:10px}#fever-caption{font-size:11px;margin:0;white-space:nowrap}#fever-track{flex:1;height:6px}.machine-stage{aspect-ratio:.82;min-height:420px}.slot-screen{width:64%;top:2%;padding:7px}.slot-caption{font-size:11px}.slot-caption #queue{font-size:10px}.reel{height:43px}.reel span{font-size:31px}.charge b{font-size:11px}.board-side{top:31%;width:19%;opacity:.92}.board-side small{font-size:10px}.board-side span{font-size:11px}.board-side b{font-size:17px}.stage-caption{bottom:2%}.stage-caption span{font-size:11px}.control-deck{gap:7px}.insert{font-size:15px;padding:10px 7px}.insert small,.aim-control label{font-size:12px}#auto{font-size:11px}#auto b{font-size:16px}.machine-status{font-size:13px;min-height:56px}.session-info{font-size:12px}.flow{gap:7px;font-size:12px;line-height:1.8}.save-note{font-size:11px}.ball-guide{gap:5px}.ball-tag{padding:5px 7px;font-size:10px}#kurun{padding:12px 6px;gap:3px}#kurun-canvas{width:86%;max-height:62%}#kurun-stage{font-size:18px;margin-top:7px}.stage-steps{gap:12px}.stage-step{font-size:10px}#kurun-kind,#kurun-hint{font-size:12px}#kurun-result{font-size:21px}.cinematic-content h2{font-size:34px}.cinematic-content strong{font-size:64px}.cinematic-content p{font-size:15px}.cinematic-content>span{font-size:10px;letter-spacing:3px}}
@media(prefers-reduced-motion:reduce){.coin-rain{animation:none}#yona-face,.cinematic-content,.cinematic-portrait,#fever-fill{transition:none}.fever .cabinet{box-shadow:0 0 20px #b955ff55}}

.cinematic-eyes{position:absolute;width:224px;height:77px;background-image:url('yona-sheet.png');background-size:3379px 2253px;background-position:-724px -174px;filter:saturate(1.8) brightness(1.3);mask-image:radial-gradient(ellipse at 27% 65%,black 5%,transparent 25%),radial-gradient(ellipse at 77% 65%,black 5%,transparent 25%);opacity:1;transition:opacity .3s}#cinematic.revealed .cinematic-eyes{opacity:0}#cinematic:not(.revealed) .cinematic-portrait{opacity:0}