:root{--bg-0: #0b1020;--bg-1: #101830;--panel: rgba(255, 255, 255, .06);--panel-2: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .12);--text: #eaf0ff;--muted: #9fb0d0;--red: #e6404b;--red-dark: #b52833;--green: #2fae6b;--green-dark: #1f7d4c;--gold: #f2c14e;--snow: #ffffff;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 700px at 80% -10%,#1b2a55 0%,transparent 60%),radial-gradient(900px 600px at 10% 110%,#16233f 0%,transparent 55%),linear-gradient(180deg,var(--bg-0),var(--bg-1));background-attachment:fixed;-webkit-font-smoothing:antialiased}#snow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}#app{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:24px 20px 80px}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;margin:0 0 12px}.muted{color:var(--muted)}.center{text-align:center}.hidden{display:none!important}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;margin-bottom:22px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:.2px}.brand .tree{font-size:22px}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav a,.nav button{cursor:pointer}.userchip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;font-size:14px}.userchip .avatar{font-size:18px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);backdrop-filter:blur(6px)}.card+.card{margin-top:16px}.btn{cursor:pointer;font:inherit;font-weight:600;color:var(--text);border:1px solid var(--border);background:var(--panel-2);padding:10px 16px;border-radius:10px;transition:transform .05s ease,background .15s ease,opacity .15s ease}.btn:hover{background:#ffffff29}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--red),var(--red-dark));border-color:#ffffff2e}.btn-primary:hover{background:linear-gradient(180deg,#ef4d59,var(--red))}.btn-green{background:linear-gradient(180deg,var(--green),var(--green-dark));border-color:#ffffff2e}.btn-green:hover{background:linear-gradient(180deg,#37c07a,var(--green))}.btn-sm{padding:6px 12px;font-size:14px;border-radius:8px}.btn-ghost{background:transparent}.field{margin-bottom:14px}.field label{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}.field input[type=text]{width:100%;font:inherit;color:var(--text);background:#00000040;border:1px solid var(--border);border-radius:10px;padding:12px 14px}.field input[type=text]:focus{outline:2px solid var(--gold);outline-offset:1px}.avatar-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-picker button{cursor:pointer;font-size:26px;padding:10px 0;background:#0003;border:1px solid var(--border);border-radius:10px;transition:transform .05s ease,border-color .15s ease}.avatar-picker button:hover{transform:translateY(-1px)}.avatar-picker button.selected{border-color:var(--gold);background:#f2c14e26}.day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.day-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:transform .08s ease,border-color .15s ease,background .15s ease}.day-card:hover{transform:translateY(-2px);border-color:#f2c14e80}.day-card .num{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.day-card .emoji{font-size:38px;line-height:1}.day-card .title{font-weight:600;font-size:15px}.day-card .tag{font-size:12px;color:var(--muted)}.day-card.open{border-color:var(--gold);background:linear-gradient(180deg,#f2c14e29,#f2c14e0a)}.day-card.open .num{color:var(--gold)}.day-card.done{border-color:var(--green)}.day-card.locked{opacity:.55}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill.open{background:#f2c14e33;color:var(--gold)}.pill.done{background:#2fae6b33;color:var(--green)}.pill.locked{background:#ffffff1a;color:var(--muted)}.quiz-progress{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--muted);font-size:14px}.quiz-progress .bar{flex:1;height:8px;background:#0000004d;border-radius:999px;overflow:hidden}.quiz-progress .bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));width:0;transition:width .2s ease}.quiz-question{font-size:20px;font-weight:600;margin-bottom:18px}.options{display:grid;gap:10px}.options button{cursor:pointer;text-align:left;font:inherit;color:var(--text);padding:14px 16px;background:#00000038;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:12px;transition:border-color .15s ease,background .15s ease}.options button:hover{border-color:var(--gold)}.options button .key{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--panel-2);font-weight:700;font-size:14px;flex:0 0 auto}.quiz-feedback{margin-top:16px;min-height:24px;font-weight:600}.quiz-feedback.good{color:var(--green)}.quiz-feedback.bad{color:var(--red)}.game-stage{position:relative;width:100%;aspect-ratio:4 / 3;max-height:460px;background:#00000047;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;user-select:none}.game-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:15px}.game-hud .stat{display:inline-flex;gap:8px;align-items:center}.game-hud .stat b{color:var(--gold)}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;height:100%}.memory-card{position:relative;border-radius:12px;border:1px solid var(--border);background:#ffffff0d;cursor:pointer;font-size:34px;display:flex;align-items:center;justify-content:center}.memory-card .face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(180deg,var(--red),var(--red-dark));font-size:24px;transition:transform .25s ease;transform:rotateY(0)}.memory-card.flipped .face,.memory-card.matched .face{transform:rotateY(180deg)}.memory-card .symbol{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#00000059;backface-visibility:hidden;transform:rotateY(180deg)}.memory-card.matched{border-color:var(--green);background:#2fae6b26}.table{width:100%;border-collapse:collapse;font-size:15px}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.6px}.table tr.me td{background:#f2c14e1a}.table .score{color:var(--gold);font-weight:700}.rank{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--panel-2);font-weight:700;font-size:13px}.rank.gold{background:#f2c14e40;color:var(--gold)}.rank.silver{background:#ffffff2e}.rank.bronze{background:#cd7f3240;color:#e0a06a}.result{text-align:center;padding:20px}.result .big{font-size:56px;font-weight:800;color:var(--gold);line-height:1}.result .label{color:var(--muted);margin-top:4px}.countdown{font-variant-numeric:tabular-nums}.divider{height:1px;background:var(--border);margin:18px 0}@media (max-width: 640px){.avatar-picker{grid-template-columns:repeat(4,1fr)}.topbar{flex-direction:column;align-items:flex-start}}