.game-page{min-height:100dvh;background:hsl(var(--background));color:hsl(var(--foreground));font:inherit}.gg-header{display:flex;align-items:center;gap:12px;padding:18px 16px;max-width:720px;margin:auto}.gg-header>button{width:38px;height:38px;border:1px solid hsl(var(--border));border-radius:50%;background:hsl(var(--card));font-size:20px;flex-shrink:0}.gg-header h1{font-size:15px;font-weight:750;letter-spacing:-.3px}.gg-header p{font-size:11px;color:hsl(var(--muted-foreground));margin-top:4px}.gg-header-star{margin-left:auto;font-size:27px;color:#9f7bac}.gg-tabs{display:flex;gap:7px;padding:10px 16px;overflow-x:auto;position:sticky;top:0;z-index:40;background:hsl(var(--background)/.96);backdrop-filter:blur(14px);border-bottom:1px solid hsl(var(--border));max-width:720px;margin:auto}.game-page button{font:inherit;font-size:12px;border:1px solid hsl(var(--border));background:hsl(var(--card));color:inherit;border-radius:12px;min-height:42px;padding:9px 13px;cursor:pointer}.game-page button:disabled{opacity:.45;cursor:default}.gg-tabs button{white-space:nowrap;flex-shrink:0;border-radius:99px}.gg-tabs button[aria-pressed=true]{background:#ede4f2;color:#765785;border-color:#c1abc9;font-weight:650}.game-page main{max-width:720px;margin:auto;padding:22px 16px 100px}.game-page h2{font-size:19px;font-weight:700;letter-spacing:-.4px}.game-page h3{font-size:14px;font-weight:650}.gg-hero{position:relative;overflow:hidden;text-align:center;padding:27px 24px 25px;border:1px solid #e5d8eb;border-radius:30px;background:radial-gradient(ellipse at top,#fff4df,transparent 60%),linear-gradient(145deg,#fcf7fd,#f1eaf8);box-shadow:0 12px 35px #9973aa0a}.gg-eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:10px;color:#9c7e9e;font-weight:650}.gg-level-medal{width:110px;height:110px;margin:24px auto 18px;background:linear-gradient(140deg,#b79cc8,#80618e);border:7px solid #efe5f5;border-radius:36px;transform:rotate(-8deg);box-shadow:0 10px 24px #76548a28,inset 0 0 0 1px #f5e9ff6b;color:white}.gg-level-medal>span{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;transform:rotate(8deg);font-size:21px;line-height:1}.gg-level-medal strong{font-size:40px;letter-spacing:-2px;margin-top:5px}.gg-hero h2{font-size:30px;font-weight:800;color:#6e4e7b}.gg-total{color:#92729b;font-size:13px;margin:7px 0 21px}.gg-progress{height:8px;background:#e8dfed;border-radius:99px;overflow:hidden}.gg-progress>span{height:100%;display:block;background:linear-gradient(90deg,#b99bca,#8c6ca2);border-radius:inherit;transition:width .5s ease}.gg-next-level{font-size:12px;color:#8a7395;margin-top:12px}.gg-next-level strong{color:#715280}.gg-hero-help{font-size:11px;line-height:1.6;color:#9b87a2;margin-top:15px}.gg-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0 20px}.gg-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;border:1px solid hsl(var(--border));border-radius:17px;background:hsl(var(--card));padding:14px 7px;min-width:0}.gg-stat>span{font-size:19px}.gg-stat strong{font-size:23px;font-weight:750}.gg-stat small{font-size:9px;line-height:1.4;color:hsl(var(--muted-foreground))}.gg-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:21px;padding:18px;min-width:0;margin:14px 0}.gg-card>p{font-size:12px;line-height:1.7;margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere}.gg-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.game-page .gg-primary{background:#8c6a98;color:#fff;border-color:#8c6a98;font-weight:600}.gg-muted{font-size:12px;line-height:1.7;color:hsl(var(--muted-foreground));margin:9px 0 15px}.gg-section-heading{margin:0 0 20px}.gg-section-heading p{font-size:12px;line-height:1.6;color:hsl(var(--muted-foreground));margin:8px 0 14px}.gg-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gg-badge{text-align:center;border:1px dashed hsl(var(--border));border-radius:23px;padding:22px 13px;background:hsl(var(--card));opacity:.58;min-width:0}.gg-badge>span{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;background:hsl(var(--muted));font-size:28px;margin:0 auto 15px;filter:grayscale(1)}.gg-badge h3{font-size:13px}.gg-badge p{font-size:11px;line-height:1.6;color:hsl(var(--muted-foreground));margin:8px 0}.gg-badge small{font-size:9px;line-height:1.5;display:block;color:hsl(var(--muted-foreground))}.gg-unlocked{opacity:1;border-style:solid;border-color:#ddcbe6;background:linear-gradient(155deg,hsl(var(--card)),#f8f1fb)}.gg-unlocked>span{filter:none;background:#f2e9f7;box-shadow:0 4px 16px #b793c71c}.gg-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin:14px 0}.gg-field input,.gg-field select,.gg-field textarea,.gg-rules input{width:100%;box-sizing:border-box;min-width:0;border:1px solid hsl(var(--border));border-radius:12px;padding:11px;font:inherit;font-size:16px;background:hsl(var(--background));color:inherit;min-height:44px}.gg-field textarea{min-height:90px;resize:vertical}.game-page input:focus-visible,.game-page select:focus-visible,.game-page textarea:focus-visible,.game-page button:focus-visible{outline:2px solid #ab8db7;outline-offset:3px}.gg-rules .gg-card{display:flex;align-items:center;gap:16px;margin:9px 0}.gg-rules .gg-card>div{flex:1;min-width:0}.gg-rules h3{font-size:12px}.gg-rules p{font-size:10px;line-height:1.5;color:hsl(var(--muted-foreground));margin-top:5px}.gg-rules input{width:88px;flex-shrink:0}.gg-rule-value{font-size:12px;white-space:nowrap;color:#91709e}.gg-rules-toolbar{display:flex;gap:8px;position:sticky;top:66px;z-index:30;background:hsl(var(--background));padding:12px 0}.gg-reward-title{display:flex;align-items:center;gap:10px}.gg-reward-title>span{font-size:24px}.gg-reward-title h3{flex:1;min-width:0;overflow-wrap:anywhere}.gg-reward-title small{font-size:9px;border-radius:99px;padding:5px 8px;background:hsl(var(--muted));color:hsl(var(--muted-foreground));white-space:nowrap}.gg-reward .gg-progress{margin-top:12px}.gg-reward-ready{border-color:#d7c2e2}.gg-reward-ready .gg-reward-title small{background:#f0e7f6;color:#856194}.gg-history-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 18px}.gg-history{list-style:none;padding:0;margin:0}.gg-history .gg-card{margin:9px 0}.gg-history header{display:flex;gap:15px;justify-content:space-between;align-items:center}.gg-history header strong{font-size:12px}.gg-xp-pill{font-size:11px;font-weight:700;background:#f1e9f6;color:#9470a3;border-radius:99px;padding:6px 10px;white-space:nowrap}.gg-history small{display:block;font-size:10px;color:hsl(var(--muted-foreground));line-height:1.6;margin-top:7px}.gg-notice,.gg-error{font-size:12px;line-height:1.6;padding:13px 16px;border-radius:14px;margin:0 0 16px;background:#f0e9f5;color:#866095}.gg-error{background:#faedef;color:#a1606d}.gg-empty{text-align:center;padding:32px 18px;border:1px dashed #d7c9e0;border-radius:21px;color:hsl(var(--muted-foreground));font-size:13px;line-height:1.7;margin:18px 0}.gg-confirm-overlay{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:20px;background:#281c324d;backdrop-filter:blur(4px)}.gg-confirm{max-width:420px;width:100%;box-shadow:0 15px 60px #20132730}.gg-widget{display:block;background:linear-gradient(145deg,#fcf7fd,#f3ecf8);border:1px solid #e1d4e8;border-radius:22px;padding:19px;box-sizing:border-box;height:100%;color:hsl(var(--foreground));overflow:auto;text-decoration:none}.gg-widget header{display:flex;align-items:center;gap:9px;font-size:12px}.gg-widget header>span:last-child{margin-left:auto;color:#a58caf}.gg-gem{display:grid;place-items:center;width:30px;height:30px;border-radius:11px;background:#eaddf2;color:#8d6a9c;font-size:21px}.gg-widget-level{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:20px 0 15px}.gg-widget-level strong{font-size:25px;color:#84608f;letter-spacing:-.5px}.gg-widget-level span{font-size:12px;color:#a286aa}.gg-widget>p{font-size:11px;color:#9e83a8;margin-top:12px;line-height:1.6}.gg-toast{position:fixed;top:auto;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:430px;box-sizing:border-box;border:1px solid #e3cfe9;background:#fffafeee;backdrop-filter:blur(18px);border-radius:22px;padding:18px 14px;z-index:65;box-shadow:0 12px 40px #6d427d21;display:flex;align-items:center;gap:13px;animation:gg-toast-in .45s ease;color:#735080;font:inherit}.gg-toast-icon{font-size:30px;flex-shrink:0}.gg-toast>div:nth-child(2){flex:1;min-width:0}.gg-toast strong{font-size:14px}.gg-toast p{font-size:11px;line-height:1.5;margin-top:5px;color:#9e83a8}.gg-toast>button{font:inherit;background:transparent;border:0;font-size:22px;width:32px;height:32px;cursor:pointer;color:#ad93b6;flex-shrink:0}.gg-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:22px}.gg-confetti span{position:absolute;left:calc(var(--i)*8%);top:-20px;color:#c8a2d3;font-size:13px;animation:gg-sparkle 1.8s calc(var(--i)*.08s) both ease-out}.gg-confetti span:nth-child(3n){color:#d7bc78}.gg-confetti span:nth-child(3n+1){color:#a3bfac}@keyframes gg-toast-in{from{opacity:0;translate:0 -15px}to{opacity:1;translate:0 0}}@keyframes gg-sparkle{0%{opacity:0;transform:translateY(-10px) rotate(0)}20%{opacity:1}100%{opacity:0;transform:translateY(150px) rotate(170deg)}}.dark .gg-hero,.dark .gg-widget{background:linear-gradient(145deg,#392d40,#302737);border-color:#57405f}.dark .gg-hero h2,.dark .gg-widget-level strong{color:#dec5e8}.dark .gg-total,.dark .gg-hero-help,.dark .gg-next-level{color:#b49abb}.dark .gg-unlocked{background:linear-gradient(145deg,#392d40,#302737);border-color:#644e6d}.dark .gg-unlocked>span{background:#4a3653}.dark .gg-toast{background:#382a41ed;color:#e3c9ed;border-color:#644c70}.dark .gg-toast p{color:#ba9cc4}.dark .gg-notice,.dark .gg-tabs button[aria-pressed=true],.dark .gg-xp-pill{background:#42314d;color:#dbc4e5}.dark .gg-error{background:#432b33;color:#d5a7b3}.dark .gg-progress{background:#514257}.dark .gg-progress>span{background:linear-gradient(90deg,#8a6c9b,#c2a3d3)}@media(max-width:359px){.gg-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gg-history-filters{grid-template-columns:1fr}.gg-badges{gap:8px}.gg-badge{padding:18px 10px}.gg-reward-title{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.gg-toast,.gg-confetti span{animation:none}.gg-confetti{display:none}.gg-progress>span{transition:none}}
.gg-achievements-intro{max-width:512px;margin:0 auto;padding:16px 16px 0;box-sizing:border-box}
