:root{--bg-dark:#1a2332;--bg-medium:#2d3f5f;--bg-card:#3a5280;--gold-dark:#b8860b;--gold:#d4af37;--gold-light:#f4d03f;--gold-glow:#d4af3766;--parchment:#f4e7d2;--parchment-dark:#d9c8a9;--blue:#4a7ba7;--blue-dark:#2d4a6e;--blue-glow:#4a7ba74d;--brown:#8b6f47;--brown-dark:#5d4a2f;--star-empty:#4a5568;--star-filled:#d4af37;--text-light:#f8f4e6;--text-dark:#2c2416;--text-muted:#8a8276;--accent:#c74440;--success:#5a9e6f;--bounce:cubic-bezier(.34,1.56,.64,1);--smooth:cubic-bezier(.4,0,.2,1)}.quest-page-wrapper{min-height:100dvh;color:var(--text-light);background-color:#1a2332;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),radial-gradient(#0000 0%,#0d121c99 100%),linear-gradient(#2d3f5f 0%,#1a2332 50%,#0d121c 100%);background-attachment:fixed;font-family:DotGothic16,sans-serif;position:relative;overflow-x:hidden}.quest-page-wrapper *{box-sizing:border-box}.quest-page-wrapper>header nav.bg-slate-800{background-color:#1e293b!important;border-bottom:1px solid #334155!important}.quest-page-wrapper>header nav a{font-family:inherit!important}body:not(.quest-page-active){background:var(--background)!important;color:var(--foreground)!important;font-family:Noto Sans JP,Arial,Helvetica,sans-serif!important}body.quest-page-active{color:var(--text-light);background-color:#1a2332;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),radial-gradient(#0000 0%,#0d121c99 100%),linear-gradient(#2d3f5f 0%,#1a2332 50%,#0d121c 100%);background-attachment:fixed;font-family:DotGothic16,sans-serif;overflow-x:hidden}.quest-page-wrapper #particle-canvas{pointer-events:none;z-index:1000;width:100%;height:100%;position:fixed;top:0;left:0}.quest-page-wrapper .game-container{width:100%;max-width:400px;min-height:100dvh;margin:0 auto;padding:16px}.avatar-section{background:var(--bg-card);border:3px solid var(--gold);box-shadow:0 0 0 1px var(--gold-dark),0 4px 12px #0000004d,inset 0 1px 0 #ffffff1a;border-radius:4px;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px;padding:20px;display:flex;position:relative;overflow:hidden}.avatar-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#d4af3714,#0000);width:200%;height:100%;animation:4s linear infinite rotateBg;position:absolute;top:0;left:-100%}@keyframes rotateBg{to{transform:translate(100%)}}.avatar-frame{display:none}.avatar-bg{background:linear-gradient(135deg,var(--purple)0%,var(--purple-dark)100%);box-shadow:0 4px 20px var(--purple-glow),inset 0 2px 10px #fff3;border-radius:50%;position:absolute;inset:0}.avatar-glow{background:radial-gradient(circle,var(--purple-glow)0%,transparent 70%);border-radius:50%;animation:3s ease-in-out infinite avatarGlow;position:absolute;inset:-10px}@keyframes avatarGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.avatar-character{z-index:2;filter:drop-shadow(0 4px 8px #0006);justify-content:center;align-items:center;font-size:48px;animation:2s steps(4,end) infinite avatarFloat;display:flex;position:absolute;inset:0}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.avatar-ring{border:3px solid var(--gold);box-shadow:0 0 15px var(--gold-glow),inset 0 0 15px var(--gold-glow);border-radius:50%;animation:2s ease-in-out infinite ringPulse;position:absolute;inset:-4px}@keyframes ringPulse{0%,to{opacity:.7}50%{opacity:1}}.avatar-sparkles{pointer-events:none;position:absolute;inset:-20px}.sparkle{color:var(--gold);text-shadow:0 0 10px var(--gold);font-size:12px;animation:2s ease-in-out infinite sparkle;position:absolute}.sparkle:first-child{animation-delay:0s;top:10%;left:0}.sparkle:nth-child(2){animation-delay:.5s;top:0;right:10%}.sparkle:nth-child(3){animation-delay:1s;bottom:10%;right:0}.sparkle:nth-child(4){animation-delay:1.5s;bottom:0;left:10%}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.avatar-info{z-index:1;flex:1;width:100%;position:relative}.adventurer-name{color:var(--gold-light);text-shadow:2px 2px 0 var(--brown-dark),0 0 8px #d4af374d;letter-spacing:.5px;margin-bottom:8px;font-family:"Press Start 2P",cursive;font-size:1rem}.rank-badge{background:var(--gold);color:var(--text-dark);border:2px solid var(--gold-dark);box-shadow:2px 2px 0 var(--gold-dark),0 0 10px var(--gold-glow);text-shadow:none;border-radius:0;padding:8px 14px;font-size:.7rem;font-weight:700;display:inline-block}.avatar-frame[data-rank="1"] .avatar-bg{background:linear-gradient(135deg,#6366f1,#4f46e5)}.avatar-frame[data-rank="2"] .avatar-bg{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.avatar-frame[data-rank="3"] .avatar-bg{background:linear-gradient(135deg,#a855f7,#9333ea)}.avatar-frame[data-rank="4"] .avatar-bg{background:linear-gradient(135deg,#ec4899,#db2777)}.avatar-frame[data-rank="5"] .avatar-bg{background:linear-gradient(135deg,#f59e0b,#d97706)}.avatar-frame[data-rank="6"] .avatar-bg{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.quest-card{background:var(--parchment);border:4px solid var(--gold);box-shadow:0 0 0 2px var(--gold-dark),0 8px 24px #0006,inset 0 2px 0 #fff6;border-radius:8px;margin-bottom:16px;padding:24px 20px;position:relative}.quest-card:before{content:"";pointer-events:none;border:1px solid #8b6f4733;border-radius:4px;position:absolute;inset:12px}.card-ornament{display:none}.card-header{border-bottom:2px solid var(--gold-dark);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.card-title{color:var(--brown-dark);text-shadow:1px 1px #ffffff4d;font-family:"Press Start 2P",cursive;font-size:.75rem}.month-label{background:var(--blue);color:#fff;border:2px solid var(--blue-dark);border-radius:4px;padding:6px 14px;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #0000004d,inset 0 1px #fff3}.stars-container{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.star-slot{text-align:center}.star-frame{cursor:pointer;width:70px;height:70px;transition:transform .3s var(--bounce);margin:0 auto 10px;position:relative}.star-frame:hover{transform:scale(1.08)}.star-bg{border:3px solid var(--star-empty);transition:all .3s var(--smooth);background:linear-gradient(145deg,#3a4555 0%,#2d3a4a 100%);border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 2px 4px #0006,0 3px 8px #0000004d}.star-glow{background:radial-gradient(circle,var(--gold-glow)0%,transparent 70%);opacity:0;border-radius:16px;transition:opacity .4s;position:absolute;inset:-8px}.star-rays{opacity:0;transition:opacity .4s;position:absolute;inset:-15px}.star-rays:before,.star-rays:after{content:"";background:conic-gradient(from 0deg,transparent 0deg,var(--gold-glow)10deg,transparent 20deg,transparent 90deg,var(--gold-glow)100deg,transparent 110deg,transparent 180deg,var(--gold-glow)190deg,transparent 200deg,transparent 270deg,var(--gold-glow)280deg,transparent 290deg);width:100px;height:100px;animation:10s linear infinite raysSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.star-rays:after{opacity:.5;animation-direction:reverse}@keyframes raysSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.star-icon{z-index:2;transition:all .4s var(--bounce);justify-content:center;align-items:center;font-size:32px;display:flex;position:absolute;inset:0}.star-icon.empty{color:var(--star-empty);text-shadow:inset 0 2px 4px #0000004d}.star-icon.filled{color:var(--gold);text-shadow:0 0 20px var(--gold),0 0 40px var(--gold-glow),0 2px 4px #0000004d;animation:2s ease-in-out infinite starShine}.star-icon.hidden{display:none}.star-slot.filled .star-bg{border-color:var(--gold);box-shadow:inset 0 -2px 4px #d4af3733,0 0 12px var(--gold-glow),0 3px 8px #0000004d;background:linear-gradient(145deg,#4a5a6a 0%,#3a4a5a 100%)}.star-slot.filled .star-glow{opacity:.8}.star-slot.filled .star-rays{opacity:.6}@keyframes starShine{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.5);transform:scale(1.05)}}.star-slot.getting .star-frame{animation:.6s steps(6,end) starGetFrame}.star-slot.getting .star-icon.filled{animation:.6s steps(6,end) starGetIcon}@keyframes starGetFrame{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}@keyframes starGetIcon{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.week-label{color:var(--text-dark);font-size:.7rem;font-weight:700}.progress-message{text-align:center;color:var(--text-dark);border:2px solid var(--gold);background:#d4af3726;border-radius:6px;margin-bottom:24px;padding:14px 16px;font-size:.9rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.progress-message:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:3s ease-in-out infinite messageShine;position:absolute;top:0;left:-100%}@keyframes messageShine{0%,to{left:-100%}50%{left:100%}}.progress-message.urgent{border-color:var(--accent);background:#ff00664d;animation:.5s steps(2,end) infinite urgentPulse}@keyframes urgentPulse{0%,to{box-shadow:2px 2px #903,0 0 15px #f069}50%{box-shadow:2px 2px #903,0 0 25px #ff0066e6}}.exp-section{margin-bottom:24px}.exp-label{color:var(--text-dark);justify-content:space-between;margin-bottom:10px;font-size:.75rem;font-weight:700;display:flex}.exp-count{color:var(--purple-dark);font-family:"Press Start 2P",cursive;font-size:.6rem}.exp-bar{border:3px solid var(--brown);background:linear-gradient(#1a2332 0%,#0d1620 100%);border-radius:4px;height:32px;position:relative;overflow:hidden;box-shadow:inset 0 3px 6px #00000080,0 2px 4px #0000004d}.exp-fill{width:0%;height:100%;transition:width 1s var(--bounce);background:linear-gradient(#7ab55c 0%,#5a9e6f 50%,#4a8e5f 100%);border-radius:2px;position:relative;box-shadow:0 0 8px #5a9e6f66,inset 0 2px #ffffff4d}.exp-shine{background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:2s linear infinite expShine;position:absolute;inset:0}@keyframes expShine{0%{transform:translate(-100%)}to{transform:translate(200%)}}.exp-segments{display:flex;position:absolute;inset:0}.exp-segments .segment{border-right:3px solid #0006;flex:1}.exp-segments .segment:last-child{border-right:none}.report-btn{color:#fff;cursor:pointer;width:100%;transition:all .15s var(--smooth);text-shadow:0 2px 4px #00000080;background:linear-gradient(#d75a56 0%,#c74440 50%,#a73a36 100%);border:4px solid #8b2f2b;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:20px 24px;font-family:"Press Start 2P",cursive;font-size:.7rem;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #6b1f1b,0 8px 16px #0006,inset 0 2px #fff3}.btn-shine{background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;animation:3s ease-in-out infinite btnShine;position:absolute;top:0;left:-100%}@keyframes btnShine{0%,to{left:-100%}50%{left:150%}}.report-btn:active{transform:translateY(4px);box-shadow:0 2px #6b1f1b,0 4px 8px #0000004d,inset 0 2px #fff3}.report-btn:disabled{cursor:not-allowed;background:linear-gradient(#6a6a6a 0%,#555 100%);border-color:#3a3a3a;box-shadow:0 4px #2a2a2a,0 6px 12px #0000004d,inset 0 2px #ffffff1a}.report-btn:disabled .btn-shine{display:none}.btn-icon{font-size:1.5rem}.report-hint{text-align:center;color:var(--text-dark);opacity:.7;margin-top:12px;font-size:.7rem}.game-footer{margin-top:8px}.total-stats{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;gap:24px;padding:16px;display:flex}.stat{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.stat-icon{font-size:1.5rem}.stat-value{color:var(--gold);text-shadow:0 0 15px var(--gold-glow);font-family:"Press Start 2P",cursive;font-size:1.2rem}.stat-label{color:var(--text-muted);font-size:.65rem}.overlay{z-index:2000;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.overlay.hidden{display:none}.levelup-content{text-align:center;position:relative}.levelup-flash{pointer-events:none;background:#fff;width:100%;height:100%;animation:.6s ease-out forwards flashBang;position:fixed;top:0;left:0}@keyframes flashBang{0%{opacity:1}to{opacity:0}}.levelup-text{color:var(--gold);animation:levelupBounce .5s var(--bounce);text-shadow:3px 3px 0 var(--brown-dark),0 0 20px var(--gold-glow);margin-bottom:24px;font-family:"Press Start 2P",cursive;font-size:2rem}@keyframes levelupBounce{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.rank-card{perspective:1000px;width:220px;height:300px;margin:0 auto 24px;position:relative}.rank-card-inner{background:linear-gradient(145deg,var(--gold)0%,var(--gold-dark)100%);border:4px solid var(--gold-dark);width:100%;height:100%;box-shadow:0 0 30px var(--gold-glow),0 8px 24px #0006,inset 0 2px 0 #ffffff4d;animation:cardAppear .6s var(--bounce);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}@keyframes cardAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rank-card-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:60%;height:100%;animation:2.5s ease-in-out infinite cardShineMove;position:absolute;top:0;left:-100%}@keyframes cardShineMove{0%,to{left:-100%}50%{left:150%}}.rank-stars{color:var(--text-dark);letter-spacing:6px;text-shadow:0 0 10px #ffffff80;margin-bottom:16px;font-size:1.2rem}.rank-avatar-large{display:none}.rank-avatar-large[data-rank="1"] .avatar-aura{background:radial-gradient(circle,#6366f199 0%,#0000 70%)}.rank-avatar-large[data-rank="2"] .avatar-aura{background:radial-gradient(circle,#8b5cf699 0%,#0000 70%)}.rank-avatar-large[data-rank="3"] .avatar-aura{background:radial-gradient(circle,#ec489999 0%,#0000 70%)}.rank-avatar-large[data-rank="4"] .avatar-aura{background:radial-gradient(circle,#f59e0b99 0%,#0000 70%)}.rank-avatar-large[data-rank="5"] .avatar-aura{background:radial-gradient(circle,#ffd700b3 0%,#0000 70%)}.rank-avatar-large[data-rank="6"] .avatar-aura{background:radial-gradient(circle,#fffc 0%,#ffd70066 50%,#0000 70%)}@keyframes avatarBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.rank-name{color:var(--text-dark);text-align:center;text-shadow:1px 1px #ffffff80;margin-bottom:8px;font-family:"Press Start 2P",cursive;font-size:.75rem;line-height:1.5}.rank-subtitle{color:var(--text-dark);opacity:.7;text-transform:uppercase;letter-spacing:3px;font-size:.6rem}.new-skill{border:2px solid var(--purple);animation:skillReveal .6s 1s var(--bounce)both;box-shadow:0 0 20px var(--purple-glow);background:linear-gradient(135deg,#8b5cf64d 0%,#22d3ee33 100%);border-radius:12px;margin-bottom:24px;padding:16px 24px}@keyframes skillReveal{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.skill-label{color:var(--cyan);margin-bottom:6px;font-size:.85rem;display:block}.skill-name{color:var(--text-light);font-family:"Press Start 2P",cursive;font-size:.6rem;line-height:1.5;display:block}.pixel-btn{background:linear-gradient(180deg,var(--blue)0%,var(--blue-dark)100%);color:#fff;border:3px solid var(--blue-dark);cursor:pointer;transition:all .15s var(--smooth);text-shadow:0 2px 4px #00000080;border-radius:6px;padding:16px 36px;font-family:"Press Start 2P",cursive;font-size:.75rem;box-shadow:0 4px #1a2d4a,0 6px 12px #0000004d,inset 0 2px #fff3}.pixel-btn:active{transform:translateY(3px);box-shadow:0 1px #1a2d4a,0 3px 6px #0000004d,inset 0 2px #fff3}.hidden{display:none!important}::selection{background:var(--gold);color:var(--text-dark)}.skill-select-btn{background:linear-gradient(180deg,var(--brown)0%,var(--brown-dark)100%);border:2px solid var(--gold-dark);min-width:120px;min-height:44px;color:var(--gold-light);cursor:pointer;transition:all .2s var(--smooth);z-index:10;-webkit-tap-highlight-color:#d4af374d;touch-action:manipulation;border-radius:4px;align-self:flex-end;padding:10px 20px;font-family:DotGothic16,sans-serif;font-size:.8rem;position:relative;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff1a}.skill-select-btn:hover{box-shadow:0 4px 8px #0006,0 0 8px var(--gold-glow),inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.active-skill-bar{border:2px solid var(--success);background:#5a9e6f26;border-radius:6px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;animation:2s ease-in-out infinite skillBarPulse;display:flex;box-shadow:0 2px 4px #0003,inset 0 1px #ffffff1a}@keyframes skillBarPulse{0%,to{box-shadow:0 2px 4px #0003,inset 0 1px #ffffff1a}50%{box-shadow:0 2px 4px #0003,0 0 12px #5a9e6f66,inset 0 1px #ffffff1a}}.skill-status-icon{font-size:1.3rem;animation:2s ease-in-out infinite iconFloat}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.skill-status-info{flex:1}.skill-status-label{color:var(--success);margin-bottom:2px;font-size:.7rem;display:block}.skill-status-name{color:var(--text-light);font-size:.9rem;font-weight:700;display:block}.parent-content{background:var(--bg-card);border:4px solid var(--gold);width:90%;max-width:360px;max-height:80vh;box-shadow:0 0 0 2px var(--gold-dark),0 8px 32px #0009,inset 0 2px 0 #ffffff1a;border-radius:8px;padding:24px;overflow-y:auto}.parent-header{text-align:center;border-bottom:2px solid #ffd7004d;margin-bottom:20px;padding-bottom:16px}.parent-icon{margin-bottom:8px;font-size:2.5rem;display:block}.parent-title{color:var(--gold);font-family:DotGothic16,sans-serif;font-size:1.2rem}.section-title{color:var(--gold-light);margin-bottom:12px;font-size:.9rem}.active-skill-section{margin-bottom:24px}.active-skill-display{background:#0000004d;border-radius:12px;min-height:60px;padding:16px}.no-active-skill{color:var(--text-muted);text-align:center;font-size:.85rem}.active-skill-card{align-items:center;gap:12px;display:flex}.active-skill-card .skill-icon{font-size:1.8rem}.active-skill-card .skill-info{flex:1}.active-skill-card .skill-name-text{color:var(--text-light);margin-bottom:4px;font-weight:700}.active-skill-card .skill-time{color:var(--success);font-size:.75rem}.cancel-skill-btn{color:#fff;cursor:pointer;background:linear-gradient(#ef4444 0%,#b91c1c 100%);border:none;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:.75rem}.skill-list-section{margin-bottom:24px}.skill-list{flex-direction:column;gap:10px;display:flex}.skill-item{background:#ffffff0d;border:2px solid #ffd70033;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.skill-item:hover{background:#ffffff1a;border-color:#ffd70066}.skill-item.locked{opacity:.4;pointer-events:none}.skill-item .skill-icon{font-size:1.5rem}.skill-item .skill-info{flex:1}.skill-item .skill-name-text{color:var(--text-light);margin-bottom:2px;font-size:.85rem}.skill-item .skill-rank{color:var(--text-muted);font-size:.7rem}.skill-item.active{border-color:var(--success);background:#4ade8026}.active-badge{color:var(--success);background:#4ade8033;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700}.activate-btn{background:linear-gradient(180deg,var(--success)0%,#16a34a 100%);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .2s}.activate-btn:hover{transform:scale(1.05)}.activate-btn:disabled{cursor:not-allowed;background:#666}.delete-skill-btn{cursor:pointer;background:0 0;border:1px solid #ff64644d;border-radius:6px;padding:6px 10px;font-size:.9rem;transition:all .2s}.delete-skill-btn:hover{background:#ff646433;border-color:#ff646499}.create-skill-btn{border:2px dashed var(--gold);width:100%;color:var(--gold);cursor:pointer;background:linear-gradient(#ffd70033 0%,#ffd7001a 100%);border-radius:10px;margin-bottom:16px;padding:14px;font-family:inherit;font-size:.9rem;transition:all .2s}.create-skill-btn:hover{background:#ffd7004d;transform:scale(1.02)}.create-skill-form{border:2px solid var(--gold-dark);background:#0006;border-radius:12px;margin-bottom:16px;padding:16px}.form-title{color:var(--gold);text-align:center;margin-bottom:16px;font-size:1rem}.form-group{margin-bottom:14px}.form-group label{color:var(--text-muted);margin-bottom:6px;font-size:.8rem;display:block}.form-group input[type=text],.form-group input[type=number]{width:100%;color:var(--text-light);background:#ffffff1a;border:2px solid #ffd7004d;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.9rem}.form-group input:focus{border-color:var(--gold);outline:none}.icon-picker{flex-wrap:wrap;gap:8px;display:flex}.icon-option{cursor:pointer;background:#ffffff1a;border:2px solid #0000;border-radius:8px;width:40px;height:40px;font-size:1.3rem;transition:all .2s}.icon-option:hover{background:#fff3}.icon-option.selected{border-color:var(--gold);background:#ffd70033;transform:scale(1.1)}.form-buttons{gap:10px;margin-top:16px;display:flex}.form-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s}.form-btn.cancel{color:#fff;background:linear-gradient(#666 0%,#444 100%)}.form-btn.confirm{background:linear-gradient(180deg,var(--success)0%,#16a34a 100%);color:#fff}.form-btn:hover{transform:scale(1.03)}.clear-target-content{background:var(--bg-card);border:4px solid var(--gold);width:90%;max-width:360px;box-shadow:0 0 0 2px var(--gold-dark),0 8px 32px #0009,inset 0 2px 0 #ffffff1a;border-radius:8px;padding:24px}.clear-target-header{border-bottom:2px solid #ffd7004d;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.clear-target-header-icon{font-size:2rem}.clear-target-header-title{color:var(--gold);font-family:DotGothic16,sans-serif;font-size:1.2rem}.clear-target-input-group{align-items:center;gap:8px;display:flex}.clear-target-input-group input{flex:1}.clear-target-label{color:var(--text-light);font-size:.9rem;font-weight:700}.clear-target-hint{color:var(--text-muted);margin-top:6px;font-size:.75rem;font-style:italic}.clear-target-display{border:2px solid var(--gold-dark);background:#d4af371a;border-radius:8px;margin:16px 0;padding:12px}.clear-target-info{align-items:center;gap:10px;display:flex}.clear-target-icon{font-size:1.3rem}.clear-target-text{color:var(--text-light);font-size:.85rem}.clear-target-text strong{color:var(--gold);font-size:1.1em}.debug-panel{text-align:center;background:#ff00001a;border:2px dashed #ff6b6b;border-radius:12px;margin-top:16px;padding:16px}.debug-title{color:#ff6b6b;margin-bottom:12px;font-size:.75rem}.debug-buttons{justify-content:center;gap:12px;display:flex}.debug-btn{color:#fff;cursor:pointer;background:linear-gradient(#ff6b6b 0%,#d32f2f 100%);border:none;border-radius:8px;padding:12px 18px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .2s;box-shadow:0 3px #7f0000}.debug-btn:active{transform:translateY(2px);box-shadow:0 1px #7f0000}.debug-btn.debug-close{background:linear-gradient(#666 0%,#444 100%);box-shadow:0 3px #222}.debug-btn.debug-close:active{box-shadow:0 1px #222}.debug-link{color:#ffffff4d;z-index:1000;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:6px 10px;font-family:Courier New,monospace;font-size:.7rem;text-decoration:none;transition:all .2s;position:fixed;bottom:8px;left:8px}.debug-link:hover{color:#fff9;background:#ffffff1a}@media (max-width:360px){.avatar-frame{width:70px;height:70px}.avatar-character{font-size:36px}.star-frame{width:60px;height:60px}.star-icon{font-size:28px}.levelup-text{font-size:1.5rem}.rank-card{width:180px;height:250px}}.tab-nav{background:0 0;border-bottom:none;gap:8px;padding:12px 0;display:flex}.tab-btn{background:var(--bg-medium);border:2px solid var(--gold-dark);color:var(--text-muted);cursor:pointer;transition:all .2s var(--smooth);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-family:DotGothic16,sans-serif;font-size:.9rem;display:flex}.tab-btn:hover{background:var(--bg-card);color:var(--text-light)}.tab-btn.active{background:linear-gradient(180deg,var(--gold)0%,var(--gold-dark)100%);border-color:var(--gold-light);color:var(--text-dark);box-shadow:0 2px 8px var(--gold-glow)}.tab-icon{font-size:1.1rem}.tab-label{font-weight:700}.tab-content{display:none}.tab-content.active{display:block}.daily-active-skill{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-medium)100%);border:2px solid var(--gold);box-shadow:0 0 12px var(--gold-glow);border-radius:8px;align-items:center;gap:12px;margin:16px;padding:12px 16px;display:flex}.daily-skill-icon{font-size:1.5rem}.daily-skill-info{flex-direction:column;gap:2px;display:flex}.daily-skill-label{color:var(--gold);font-size:.7rem;font-weight:700}.daily-skill-name{color:var(--text-light);font-size:.95rem;font-weight:700}.daily-card{background:var(--parchment);border:4px solid var(--gold);box-shadow:0 0 0 2px var(--gold-dark),0 8px 24px #0006;border-radius:8px;margin:0 16px 16px;padding:20px}.daily-header{border-bottom:2px dashed var(--brown);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.daily-header-left{flex:1;align-items:center;gap:10px;display:flex}.daily-header-right{align-items:center;gap:8px;display:flex}.daily-title{color:var(--text-dark);font-family:DotGothic16,sans-serif;font-size:1.1rem;font-weight:700}.quest-mode-badge{border:2px solid var(--gold-dark);color:var(--brown-dark);background:#d4af3733;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:flex}.quest-mode-badge.weekend-mode{border-color:var(--blue-dark);color:var(--blue-dark);background:#4a7ba733}.mode-icon{font-size:.9rem}.mode-label{font-size:.75rem}.mode-switch-btn{border:2px solid var(--gold-dark);cursor:pointer;width:32px;height:32px;transition:all .2s var(--smooth);background:#d4af3726;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.mode-switch-btn:hover{border-color:var(--gold);background:#d4af374d;transform:rotate(90deg)}.switch-icon{font-size:1rem}.daily-date{color:var(--brown);background:var(--parchment-dark);border-radius:4px;padding:4px 12px;font-family:DotGothic16,sans-serif;font-size:.9rem}.quest-list{min-height:100px;margin-bottom:16px}.no-quest-message{text-align:center;color:var(--text-muted);padding:24px;font-size:.9rem;line-height:1.6}.quest-item{border:2px solid var(--parchment-dark);cursor:pointer;transition:all .2s var(--smooth);background:#fff;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.quest-item:hover{border-color:var(--gold);transform:translate(4px)}.quest-item.completed{border-color:var(--success);background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%)}.quest-item.completed .quest-name{color:var(--text-muted);text-decoration:line-through}.quest-checkbox{border:3px solid var(--brown);width:28px;height:28px;transition:all .2s var(--bounce);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.quest-item.completed .quest-checkbox{background:var(--success);border-color:var(--success);color:#fff}.quest-name{color:var(--text-dark);flex:1;font-size:.95rem;font-weight:500}.quest-delete{width:28px;height:28px;color:var(--text-muted);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;font-size:1.2rem;transition:all .2s}.quest-item:hover .quest-delete,.quest-delete:focus{opacity:1}.quest-delete:hover,.quest-delete:active{color:var(--accent);opacity:1;background:#ffebee}.quest-item.key-quest{border-left:4px solid var(--gold)}.key-quest-icon{cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;width:32px;height:28px;padding:0;font-size:1rem;transition:opacity .2s}.key-quest-icon:hover,.key-quest-icon.active{opacity:1}.key-quest-progress{color:var(--text-muted);margin-top:4px;font-size:.8rem}.key-quest-toggle-group{margin-bottom:16px}.key-quest-toggle-label{cursor:pointer;color:var(--text-light);align-items:center;gap:8px;font-size:.9rem;display:flex}.key-quest-toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.key-quest-toggle-text{-webkit-user-select:none;user-select:none}.daily-progress{margin-bottom:12px;position:relative}.progress-bar-container{background:var(--parchment-dark);border:2px solid var(--brown);border-radius:12px;height:24px;margin-bottom:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--success)0%,#81c784 100%);height:100%;transition:width .4s var(--bounce);border-radius:10px;position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(#ffffff4d 0%,#0000 100%);border-radius:10px 10px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.progress-text{text-align:center;color:var(--text-dark);font-size:.9rem;font-weight:700}.progress-percent{color:var(--success)}.clear-target-btn{border:2px solid var(--gold-dark);width:100%;color:var(--brown-dark);cursor:pointer;transition:all .2s var(--smooth);background:linear-gradient(#d4af3733 0%,#d4af371a 100%);border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;font-family:DotGothic16,sans-serif;font-size:.85rem;font-weight:700;display:flex}.clear-target-btn:hover{border-color:var(--gold);background:linear-gradient(#d4af374d 0%,#d4af3733 100%);transform:translateY(-1px)}.clear-target-btn .btn-icon{font-size:1rem}.clear-target-btn .btn-text{font-size:.85rem}.daily-message{text-align:center;color:var(--brown);background:var(--parchment-dark);border-radius:8px;margin-bottom:16px;padding:12px;font-size:.9rem;font-weight:500}.daily-message.success{color:#2e7d32;border:2px solid var(--success);background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%)}.daily-message.perfect{color:#f57f17;border:2px solid var(--gold);background:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%);animation:1.5s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--gold-glow)}50%{box-shadow:0 0 20px var(--gold-glow)}}.reset-quests-btn{border:2px solid var(--brown);width:100%;color:var(--brown-dark);cursor:pointer;transition:all .15s var(--smooth);background:linear-gradient(#8b6f474d 0%,#8b6f4733 100%);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:12px 20px;font-family:DotGothic16,sans-serif;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.reset-quests-btn:hover{border-color:var(--brown-dark);background:linear-gradient(#8b6f4766 0%,#8b6f474d 100%);transform:translateY(-1px);box-shadow:0 3px 6px #0000004d,inset 0 1px #fff3}.reset-quests-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0003,inset 0 1px #fff3}.reset-quests-btn .btn-icon{font-size:1rem}.reset-quests-btn .btn-text{font-size:.85rem}.add-quest-btn{background:linear-gradient(180deg,var(--blue)0%,var(--blue-dark)100%);border:3px solid var(--blue-dark);color:#fff;cursor:pointer;width:100%;transition:all .15s var(--smooth);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:DotGothic16,sans-serif;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px #1a3a52,0 6px 12px #0000004d}.add-quest-btn:hover{transform:translateY(-2px);box-shadow:0 6px #1a3a52,0 8px 16px #0000004d}.add-quest-btn:active{transform:translateY(2px);box-shadow:0 2px #1a3a52,0 4px 8px #0000004d}.seal-content,.perfect-content{text-align:center;padding:40px 30px}.seal-flash,.perfect-flash{pointer-events:none;background:radial-gradient(circle,#fffc 0%,#0000 70%);animation:.6s ease-out forwards flash-fade;position:absolute;inset:0}@keyframes flash-fade{0%{opacity:1}to{opacity:0}}.seal-icon{animation:seal-bounce .6s var(--bounce);font-size:5rem}@keyframes seal-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.seal-text{color:var(--gold);text-shadow:0 2px 4px #0000004d;margin:16px 0 8px;font-family:DotGothic16,sans-serif;font-size:1.8rem}.seal-subtext{color:var(--text-light);margin-bottom:24px;font-size:1rem}.perfect-stars{font-size:3rem;animation:1s ease-out stars-spin}@keyframes stars-spin{0%{transform:rotate(-10deg)scale(0)}50%{transform:rotate(10deg)scale(1.3)}to{transform:rotate(0)scale(1)}}.perfect-text{color:var(--gold-light);text-shadow:0 0 10px var(--gold-glow),0 2px 4px #00000080;margin:16px 0 8px;font-family:"Press Start 2P",cursive;font-size:2rem;animation:.8s ease-in-out infinite alternate perfect-pulse}@keyframes perfect-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.perfect-subtext{color:var(--text-light);margin-bottom:24px;font-size:1.1rem}.quest-add-content{width:90%;max-width:320px;padding:24px}.quest-add-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.quest-add-icon{font-size:2rem}.quest-add-title{color:var(--text-light);font-family:DotGothic16,sans-serif;font-size:1.2rem}.user-header{background:linear-gradient(180deg,var(--bg-dark)0%,var(--bg-medium)100%);border-bottom:2px solid var(--gold-dark);width:100%;margin:0;padding:12px 16px;position:relative}.user-header-content{align-items:center;gap:12px;display:flex}.user-selector{background:var(--bg-card);border:2px solid var(--gold);cursor:pointer;transition:all .2s var(--smooth);border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex}.user-selector:hover{background:var(--bg-medium);border-color:var(--gold-light)}.user-selector .user-name{color:var(--text-light);font-family:DotGothic16,sans-serif;font-size:.85rem;font-weight:700}.user-selector .user-arrow{color:var(--gold);font-size:.7rem;transition:transform .2s}.user-selector.open .user-arrow{transform:rotate(180deg)}.ask-button{background:linear-gradient(180deg,var(--blue)0%,var(--blue-dark)100%);border:2px solid var(--blue-dark);color:#fff;cursor:pointer;transition:all .15s var(--smooth);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-family:DotGothic16,sans-serif;font-size:.75rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 2px #1a3a52,0 3px 6px #0000004d}.ask-button:hover{transform:translateY(-2px);box-shadow:0 6px #1a3a52,0 8px 16px #0000004d}.ask-button:active{transform:translateY(2px);box-shadow:0 2px #1a3a52,0 4px 8px #0000004d}.ask-icon{font-size:1.3rem}.ask-text{font-size:1rem}.user-dropdown{background:var(--bg-card);border:2px solid var(--gold);z-index:100;border-radius:8px;max-height:300px;position:absolute;top:100%;left:16px;right:16px;overflow:hidden auto;box-shadow:0 8px 24px #0006}.user-dropdown-item{cursor:pointer;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.user-dropdown-item:last-child{border-bottom:none}.user-dropdown-item:hover{background:var(--bg-medium)}.user-dropdown-item.active{background:linear-gradient(135deg,var(--gold-dark)0%,var(--brown-dark)100%)}.user-dropdown-item .user-icon{font-size:1.4rem}.user-dropdown-item .user-name{color:var(--text-light);flex:1;font-size:.95rem}.user-dropdown-item .user-check{color:var(--gold);font-size:1rem}.user-dropdown-item.add-user{background:var(--bg-medium);color:var(--gold);justify-content:center;gap:8px;font-weight:700}.user-dropdown-item.add-user:hover{background:var(--bg-card)}.user-add-content{width:90%;max-width:320px;padding:24px}.user-add-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.user-add-icon{font-size:2rem}.user-add-title{color:var(--text-light);font-family:DotGothic16,sans-serif;font-size:1.2rem}.user-icon-picker{flex-wrap:wrap;gap:8px;display:flex}.user-icon-option{background:var(--bg-medium);border:2px solid var(--bg-card);cursor:pointer;border-radius:8px;width:48px;height:48px;font-size:1.8rem;transition:all .15s}.user-icon-option:hover{background:var(--bg-card);border-color:var(--gold)}.user-icon-option.selected{background:var(--gold-dark);border-color:var(--gold);box-shadow:0 0 8px var(--gold-glow)}