@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Cinzel:wght@700;800&family=Cinzel+Decorative:wght@700;900&display=swap";:root,[data-theme=dark]{--game-bg-dark:#070914;--game-panel-bg:#12182ee0;--game-panel-elevated:#1a2342f0;--game-card-bg:#0e1324e6;--game-dock-bg:#0e1324f0;--game-modal-bg:#12182ef5;--gold-parchment:#f4e8d1;--gold-core:#e3b341;--gold-bright:#ffdc6a;--gold-glow:#e3b34159;--rarity-5:#ffb13b;--rarity-5-bg:linear-gradient(180deg, #ffb13b40 0%, #ffb13b0d 100%);--rarity-4:#b368ff;--rarity-4-bg:linear-gradient(180deg, #b368ff40 0%, #b368ff0d 100%);--text-main:#fff;--text-subtle:#9aa8c7;--text-dim:#5d6b8c;--border-hud:#e3b3414d;--border-subtle:#ffffff1a;--border-input:#ffffff26;--bg-wallpaper:url(/bg-teyvat.jpg);--bg-overlay:linear-gradient(180deg, #070914d1 0%, #07091480 40%, #070914f2 100%);--header-bg:#070914f0;--pill-bg:#0e1324d9;--box-bg-inner:#0e1324cc}[data-theme=light]{--game-bg-dark:#eaeff6;--game-panel-bg:#fffffff2;--game-panel-elevated:#fff;--game-card-bg:#f5f8fffa;--game-dock-bg:#fffffff7;--game-modal-bg:#fff;--gold-parchment:#121a2f;--gold-core:#b88314;--gold-bright:#946404;--gold-glow:#b8831440;--rarity-5:#d48806;--rarity-5-bg:linear-gradient(180deg, #ffb13b3d 0%, #ffb13b14 100%);--rarity-4:#8543d6;--rarity-4-bg:linear-gradient(180deg, #b368ff3d 0%, #b368ff14 100%);--text-main:#11182b;--text-subtle:#3d4b66;--text-dim:#5e6d8a;--border-hud:#b8831473;--border-subtle:#131a2e1f;--border-input:#131a2e38;--bg-wallpaper:url(/bg-day.jpg);--bg-overlay:linear-gradient(180deg, #eaeff6a6 0%, #eaeff659 40%, #eaeff6e6 100%);--header-bg:#fffffff7;--pill-bg:#e8eff8;--box-bg-inner:#f1f5fc}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--game-bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .25s,color .25s;overflow-x:hidden}.app-viewport-bg{background:var(--bg-overlay), var(--bg-wallpaper) no-repeat center center / cover;opacity:.88;filter:saturate(1.15);z-index:-1;pointer-events:none;width:100vw;height:100vh;transition:background .3s;position:fixed;top:0;left:0}.hud-panel{background:var(--game-panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px;transition:background .25s,border-color .25s;box-shadow:0 10px 30px #00000026}.hud-panel-elevated{background:var(--game-panel-elevated);border:1px solid var(--border-hud);box-shadow:0 0 25px var(--gold-glow)}.font-game-title{color:var(--gold-parchment);letter-spacing:.5px;font-family:Cinzel,serif}.game-btn-gold{cursor:pointer;background:linear-gradient(135deg,#ffdc6a 0%,#e3b341 100%);border:1px solid #fff5c0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 24px;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 20px #e3b34159;color:#070914!important}[data-theme=light] .game-btn-gold{background:linear-gradient(135deg,#e3b341 0%,#c9931e 100%);border-color:#f5d365;color:#fff!important}.game-btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e3b34180}.game-btn-gold:active{transform:scale(.96)}.game-btn-glass{color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 20px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}[data-theme=light] .game-btn-glass{background:#131a2e0d}.game-btn-glass:hover{border-color:var(--border-hud);background:#ffffff24;transform:translateY(-2px)}[data-theme=light] .game-btn-glass:hover{background:#131a2e14}.game-btn-glass:active{transform:scale(.96)}@keyframes floatPaimon{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(2deg)}}.anim-float{will-change:transform;animation:4.5s ease-in-out infinite floatPaimon}@keyframes goldShimmer{0%{background-position:-200%}to{background-position:200%}}.gold-text-shimmer{background:linear-gradient(90deg, var(--gold-parchment) 0%, var(--gold-core) 50%, var(--gold-parchment) 100%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite goldShimmer}