.header-right #account-button{order:10;margin-left:8px;border-radius:999px;padding:10px 18px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#263d36;color:#f5dda9;border:1px solid #b4a373}
.game-page .header-right #account-button{background:var(--game-metal);color:var(--game-paper);border-color:var(--game-gold)}
.game-page .header-right .sound-toggle{display:none}
.game-page .game-world{padding-left:108px}
:is(.game-page,.lobby-page) .game-tools{position:fixed;left:8px;top:50%;transform:translateY(-50%);width:88px;height:88px;display:block;border:1px solid #fff0ce44;border-radius:50%;background:#21182335;z-index:20;box-shadow:0 4px 18px #100b1733}
:is(.game-page,.lobby-page) .game-tools .icon-button{position:absolute;width:38px;height:38px;border-radius:50%;padding:7px;background:color-mix(in srgb,var(--game-dark) 48%,transparent);color:var(--game-paper);border:1px solid var(--game-gold);box-shadow:0 3px 8px #110e1955;transition:transform .2s,background .2s}
.game-tools #audio-settings{top:-10px;left:24px}.game-tools #game-rules{bottom:3px;left:-5px}.game-tools #fullscreen{bottom:3px;right:-5px}
:is(.game-page,.lobby-page) .game-tools .icon-button:hover,:is(.game-page,.lobby-page) .game-tools .icon-button:focus-visible{transform:scale(1.12);background:var(--game-metal);outline:2px solid var(--game-gold);outline-offset:3px}
.game-page .reels,.game-page .reel-window,.game-page .reel-strip,.game-page .reel-window.anticipating{background-color:var(--reel-base,var(--game-metal))}
.game-page.theme-princess{--reel-base:#88717e}
.game-page .reel-window.anticipating{filter:none}
.princess-bonus-arrival{background:#281328ef;color:#ffe8f5;overflow:hidden;display:grid;place-items:center}
.princess-bonus-arrival:not([open]){display:none}
.magic-rainbow{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 115%,transparent 0 28%,#ffe0ef66 29% 34%,#ffa8d98a 35% 41%,#c99bf980 42% 48%,#f375c680 49% 55%,transparent 57%);animation:magic-rainbow-arrive 2.4s cubic-bezier(.2,.65,.25,1) both;transform-origin:50% 100%}
@keyframes magic-rainbow-arrive{from{transform:translateY(50%) scale(.35);opacity:0}to{transform:translateY(0) scale(1.3);opacity:1}}
.bonus-arrival-panel{position:relative;z-index:1;text-align:center;width:min(530px,92vw);max-height:94dvh;overflow:auto;border:2px solid #e8b8c9;border-radius:24px;background:#3d2341e8;box-shadow:0 12px 60px #210d3166;padding:22px;animation:bonus-panel-arrive .7s ease-out both}
@keyframes bonus-panel-arrive{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
.bonus-arrival-panel h2{font:clamp(25px,4vw,39px) Bangers,Impact,sans-serif;margin:8px 0;color:#ffc5e4}.bonus-arrival-eyebrow{font-size:13px;letter-spacing:2px;color:#f9d9a9}.bonus-arrival-panel p{font-size:15px;line-height:1.4;margin:10px 0}
.bonus-wheel{position:relative;width:260px;height:260px;margin:18px auto 6px;border:1px solid #ecc8ee33;border-radius:50%;background:radial-gradient(circle,#bf84b327,transparent 70%)}
.bonus-wheel-option{position:absolute;top:50%;left:50%;width:92px;margin-left:-46px;margin-top:-37px;transform:rotate(var(--angle)) translateY(-90px) rotate(calc(-1 * var(--angle)));z-index:2}
.bonus-wheel-option>span{display:grid;place-items:center;width:72px;height:72px;margin:auto;border-radius:50%;border:2px solid #a578a1;background:#49314e;transition:background .3s,box-shadow .3s}
.bonus-wheel-option .paint-sprite{width:62px;height:62px}.bonus-wheel-option small{display:block;font-size:11px;font-weight:900;color:#ffe1f1;margin-top:4px;white-space:nowrap}
.bonus-wheel-option.is-awarded>span{border-color:#ffe2a7;background:#8b4c76;box-shadow:0 0 20px #ff92da80}
.bonus-wheel-pointer{position:absolute;inset:0;transform:rotate(0deg)}.bonus-wheel-pointer i{position:absolute;top:55px;left:calc(50% - 10px);width:20px;height:25px;background:#ffe4a7;clip-path:polygon(50% 0,100% 100%,50% 80%,0 100%)}
.wheel-center{position:absolute;top:calc(50% - 23px);left:calc(50% - 23px);width:46px;height:46px;display:grid;place-items:center;color:#ffdca9;font-size:36px}
.bonus-awarded-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.bonus-awarded-list span{background:#784363;color:#ffe8bd;border-radius:6px;padding:6px 9px;font-size:13px}
.bonus-arrival-reward{margin:15px auto 0;padding:12px;border:1px solid #ffcce5;border-radius:13px;background:#8e416766;animation:bonus-panel-arrive .45s ease-out}.bonus-arrival-reward[hidden]{display:none}.bonus-arrival-reward>span{display:block;letter-spacing:2px;font-size:13px}.bonus-arrival-reward strong{display:block;font:55px Bangers,Impact,sans-serif;color:#ffe2ef}.bonus-arrival-reward p{margin:3px}
.bonus-arrival-continue{border:1px solid #ddb095;background:#a1597f;color:#fff1ce;border-radius:999px;padding:11px 22px;font-weight:900;margin:16px auto 0;font-size:14px}
.bonus-awards-ready .bonus-wheel{height:210px;margin-top:10px;transform:scale(.8);margin-bottom:-15px}
@media(max-width:600px){.game-page .game-world{padding-left:88px}:is(.game-page,.lobby-page) .game-tools{left:6px;width:70px;height:70px}:is(.game-page,.lobby-page) .game-tools .icon-button{width:34px;height:34px}.game-tools #audio-settings{left:17px}.header-right #account-button{padding:8px 10px;max-width:125px;margin-left:0}.bonus-arrival-panel{padding:15px}.bonus-arrival-panel h2{font-size:28px}.bonus-wheel{margin-top:14px}.game-page .header-right{gap:8px}}
@media(prefers-reduced-motion:reduce){.magic-rainbow{animation:none;transform:scale(1.3)}.bonus-arrival-panel,.bonus-arrival-reward{animation:none}}

.lobby-page{--game-dark:#243830;--game-metal:#526b53;--game-paper:#f4dfbe;--game-gold:#dfbd7d}
.lobby-page .header-right .sound-toggle,.lobby-page #lobby-music,.lobby-page #lobby-help{display:none}