:root{--bg: linear-gradient(180deg,#fff1cf 0%,#ffdca8 55%,#ffc98f 100%);--card: #fffaf0;--edge: #e8cf9e;--accent: #ffb52e;--text: #3a2163;--muted: #7a6a95;--gk-canvas-h: min(100vh, 177.78vw);--gk-toast-bottom: calc((100vh - var(--gk-canvas-h)) / 2 + var(--gk-canvas-h) * .12)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#ffdca8;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}#game{position:fixed;inset:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) 0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#3a216373;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;padding:16px;animation:fade .18s ease-out}.hidden{display:none!important}.card{width:min(380px,100%);max-height:calc(100% - 16px);overflow-y:auto;background:var(--card);border:1px solid var(--edge);border-radius:22px;padding:22px;text-align:center;box-shadow:0 12px 44px #5a328c4d;animation:pop .26s cubic-bezier(.2,1.4,.4,1)}.card h2{margin:0 0 8px;font-size:25px}.card p{margin:6px 0;font-size:17px}.muted{color:var(--muted)}.small{font-size:15px!important;line-height:1.4}.reward{color:var(--accent);font-size:28px!important;font-weight:800}.balance{color:var(--accent);font-weight:800;font-size:18px;margin:8px 0 12px}button{width:100%;margin-top:10px;padding:14px;border:0;border-radius:14px;font-size:16px;font-weight:700;color:#241200;background:var(--accent);cursor:pointer;font-family:inherit;transition:transform .08s}button:active{transform:scale(.96)}button.secondary{background:#ece2ff;color:var(--text)}button.link{background:none;color:var(--muted);font-weight:600;font-size:14px;text-decoration:underline}button:disabled{opacity:.4;cursor:default}.stars{display:flex;justify-content:center;align-items:flex-end;gap:6px;margin:4px 0 6px}.star{font-size:46px;color:#e2d8ef;transform:scale(.4);transition:transform .35s cubic-bezier(.2,1.6,.4,1),color .2s}.star.big{font-size:62px}.star.on{color:#ffd34d;transform:scale(1);text-shadow:0 0 18px rgba(255,211,77,.6)}.star.off{transform:scale(1)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;font-size:17px;font-weight:600}.row .pill{width:auto;min-width:110px;margin:0;padding:9px 14px;font-size:14px;background:#ece2ff;color:var(--text)}.theme{display:flex;align-items:center;gap:12px;text-align:left;background:#f4ecff;border-radius:16px;padding:10px 12px;margin-bottom:8px;border:2px solid transparent}.theme.current{border-color:var(--accent)}.theme .sw{width:54px;height:54px;border-radius:12px;flex:none;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:6px;border:1px solid rgba(58,33,99,.2)}.theme .sw i{display:block;width:9px;border-radius:3px 3px 5px 5px;border:1px solid rgba(255,255,255,.5)}.theme .name{flex:1;font-weight:700}.theme button{width:auto;min-width:92px;margin:0;padding:10px 12px;font-size:14px;white-space:nowrap}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}
