.login-screen{min-height:100vh;background:#080c14;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-screen:before,.login-screen:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);animation:pulse 8s ease-in-out infinite alternate;pointer-events:none}.login-screen:before{width:500px;height:500px;background:radial-gradient(circle,rgba(61,142,240,.12) 0%,transparent 70%);top:-100px;right:-100px;animation-delay:0s}.login-screen:after{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);bottom:-80px;left:-80px;animation-delay:-4s}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.login-kanji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:520px;font-weight:900;color:#3d8ef006;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1;letter-spacing:-.05em}.login-card{width:100%;max-width:400px;background:#0d1220d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #1e2d47;border-radius:24px;padding:40px 36px;box-shadow:0 0 0 1px #3d8ef00d,0 24px 64px #00000080,0 4px 16px #0000004d;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:32px}.login-rank{display:inline-flex;align-items:center;gap:6px;background:#3d8ef014;border:1px solid rgba(61,142,240,.2);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;color:#3d8ef0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.login-rank-dot{width:6px;height:6px;background:#3d8ef0;border-radius:50%;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.login-title{font-size:42px;font-weight:900;letter-spacing:-.03em;color:#e8edf7;text-shadow:0 0 40px rgba(61,142,240,.4),0 0 80px rgba(61,142,240,.15);margin-bottom:8px;line-height:1}.login-tagline{font-size:14px;color:#4a5878;letter-spacing:.02em}.login-tabs{display:flex;background:#0d1220;border:1px solid #1e2d47;border-radius:12px;padding:4px;margin-bottom:24px;gap:4px}.login-tab{flex:1;padding:9px;border:none;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;color:#4a5878}.login-tab.active{background:#1a2338;color:#e8edf7;box-shadow:0 2px 8px #0000004d}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:12px;font-weight:600;color:#8896b3;letter-spacing:.05em;text-transform:uppercase}.login-field input{background:#0d1220;border:1px solid #1e2d47;border-radius:10px;padding:12px 14px;font-size:14px;color:#e8edf7;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;width:100%}.login-field input::placeholder{color:#2a3a52}.login-field input:focus{border-color:#3d8ef0;box-shadow:0 0 0 3px #3d8ef01f}.password-wrap{position:relative}.password-wrap input{padding-right:44px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#4a5878;cursor:pointer;padding:4px;font-size:16px;line-height:1;transition:color .15s}.password-toggle:hover{color:#8896b3}.login-error{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:10px 14px;font-size:13px;color:#f87171}.login-btn{background:linear-gradient(135deg,#2563eb,#3d8ef0);border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #3d8ef04d;margin-top:4px;font-family:inherit;letter-spacing:.01em}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #3d8ef073}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;color:#2a3a52;font-size:12px;letter-spacing:.05em;margin:4px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#1e2d47}.login-google{background:#0d1220;border:1px solid #1e2d47;border-radius:12px;padding:13px;font-size:14px;font-weight:600;color:#8896b3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit}.login-google:hover{border-color:#2a3a52;color:#e8edf7;background:#121929}.google-icon{width:18px;height:18px;flex-shrink:0}.login-footer{text-align:center;margin-top:24px;font-size:12px;color:#2a3a52;line-height:1.6}.ob-screen{min-height:100vh;background:#080c14;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.ob-screen:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(61,142,240,.07) 0%,transparent 70%);top:-150px;right:-150px;border-radius:50%;pointer-events:none}.ob-dots{display:flex;gap:8px;margin-bottom:48px;position:relative;z-index:1}.ob-dot{width:6px;height:6px;border-radius:50%;background:#1e2d47;transition:all .3s ease}.ob-dot.active{background:#3d8ef0;box-shadow:0 0 8px #3d8ef099;width:20px;border-radius:3px}.ob-dot.done{background:#2a3a52}.ob-step{width:100%;max-width:480px;position:relative;z-index:1;animation:stepIn .35s cubic-bezier(.22,1,.36,1) forwards}@keyframes stepIn{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.ob-step.back{animation:stepInBack .35s cubic-bezier(.22,1,.36,1) forwards}@keyframes stepInBack{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.ob-heading{font-size:26px;font-weight:800;letter-spacing:-.02em;color:#e8edf7;margin-bottom:8px;line-height:1.2}.ob-sub{font-size:14px;color:#4a5878;margin-bottom:32px;line-height:1.5}.ob-input-wrap{margin-bottom:32px}.ob-input{width:100%;background:#0d1220;border:1px solid #1e2d47;border-radius:14px;padding:16px 20px;font-size:24px;font-weight:700;color:#e8edf7;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;letter-spacing:-.01em}.ob-input::placeholder{color:#1e2d47}.ob-input:focus{border-color:#3d8ef0;box-shadow:0 0 0 3px #3d8ef01f}.ob-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:32px}.ob-grid.single{grid-template-columns:1fr}.ob-grid.three{grid-template-columns:1fr 1fr 1fr}.ob-card{background:#0d1220;border:1px solid #1e2d47;border-radius:14px;padding:18px 16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:6px;text-align:left;position:relative;overflow:hidden}.ob-card:hover{border-color:#2a3a52;background:#121929;transform:translateY(-1px)}.ob-card.selected{border-color:#3d8ef0;background:#3d8ef00f;box-shadow:0 0 0 1px #3d8ef033,inset 0 0 20px #3d8ef00a}.ob-card .card-icon{font-size:22px;margin-bottom:2px}.ob-card .card-title{font-size:14px;font-weight:700;color:#e8edf7}.ob-card .card-sub{font-size:12px;color:#4a5878;line-height:1.4}.ob-card.selected:after{content:"✓";position:absolute;top:10px;right:12px;font-size:11px;font-weight:700;color:#3d8ef0;background:#3d8ef026;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.ob-stat-card{background:#0d1220;border:1px solid #1e2d47;border-radius:14px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;position:relative}.ob-stat-card:hover{border-color:#2a3a52;transform:translateY(-1px)}.ob-stat-card.selected{box-shadow:0 0 0 1px var(--stat-color),inset 0 0 20px rgba(var(--stat-rgb),.06);border-color:var(--stat-color);background:rgba(var(--stat-rgb),.05)}.ob-stat-card.selected:after{content:"✓";position:absolute;top:10px;right:12px;font-size:11px;font-weight:700;color:var(--stat-color);background:rgba(var(--stat-rgb),.15);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.stat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.stat-name{font-size:14px;font-weight:700;color:#e8edf7}.stat-desc{font-size:12px;color:#4a5878}.ob-count-card{background:#0d1220;border:1px solid #1e2d47;border-radius:14px;padding:20px;cursor:pointer;transition:all .2s ease;text-align:center}.ob-count-card:hover{border-color:#2a3a52;transform:translateY(-1px)}.ob-count-card.selected{border-color:#3d8ef0;background:#3d8ef00f;box-shadow:0 0 0 1px #3d8ef033}.count-num{font-size:36px;font-weight:900;color:#e8edf7;letter-spacing:-.03em;line-height:1;margin-bottom:6px}.count-label{font-size:12px;color:#4a5878;line-height:1.4}.ob-count-card.selected .count-num{color:#3d8ef0}.ob-quests-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;max-height:380px;overflow-y:auto;padding-right:4px}.ob-quests-grid::-webkit-scrollbar{width:4px}.ob-quests-grid::-webkit-scrollbar-track{background:transparent}.ob-quests-grid::-webkit-scrollbar-thumb{background:#1e2d47;border-radius:2px}.ob-quest-card{background:#0d1220;border:1px solid #1e2d47;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;position:relative}.ob-quest-card:hover{border-color:#2a3a52}.ob-quest-card.selected{border-color:var(--stat-color);background:rgba(var(--stat-rgb),.05)}.quest-stat-bar{width:3px;height:36px;border-radius:2px;background:var(--stat-color);flex-shrink:0}.quest-info{flex:1}.quest-title{font-size:14px;font-weight:600;color:#e8edf7;margin-bottom:3px}.quest-meta{display:flex;align-items:center;gap:8px}.quest-cat{font-size:11px;color:var(--stat-color);font-weight:600;text-transform:capitalize}.quest-xp{font-size:11px;color:#4a5878;font-family:SF Mono,monospace}.quest-diff{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.quest-diff.easy{background:#2ecc711a;color:#2ecc71}.quest-diff.medium{background:#f1c40f1a;color:#f1c40f}.quest-diff.hard{background:#ef44441a;color:#ef4444}.ob-quest-check{width:20px;height:20px;border-radius:50%;border:2px solid #1e2d47;flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.ob-quest-card.selected .ob-quest-check{background:var(--stat-color);border-color:var(--stat-color);color:#fff}.ob-selection-info{font-size:13px;color:#4a5878;margin-bottom:16px;text-align:center}.ob-selection-info span{color:#3d8ef0;font-weight:700}.ob-btn{width:100%;background:linear-gradient(135deg,#2563eb,#3d8ef0);border:none;border-radius:14px;padding:16px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #3d8ef04d;font-family:inherit;letter-spacing:.01em}.ob-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #3d8ef073}.ob-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.ob-back{background:none;border:none;color:#4a5878;font-size:13px;cursor:pointer;margin-top:16px;display:block;width:100%;text-align:center;font-family:inherit;transition:color .15s}.ob-back:hover{color:#8896b3}.arise-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:100;overflow:hidden}.arise-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.arise-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(61,142,240,.5);width:10px;height:10px;opacity:0}.arise-ring.r1{animation:ringExpand 1.6s cubic-bezier(.2,.8,.4,1) .1s forwards}.arise-ring.r2{animation:ringExpand 1.6s cubic-bezier(.2,.8,.4,1) .3s forwards;border-color:#8b5cf666}.arise-ring.r3{animation:ringExpand 1.6s cubic-bezier(.2,.8,.4,1) .5s forwards}.arise-ring.r4{animation:ringExpand 1.6s cubic-bezier(.2,.8,.4,1) .7s forwards;border-color:#8b5cf64d}.arise-ring.r5{animation:ringExpand 1.6s cubic-bezier(.2,.8,.4,1) .9s forwards}@keyframes ringExpand{0%{width:10px;height:10px;opacity:.9;margin:0}to{width:900px;height:900px;opacity:0;margin:-445px}}.arise-burst{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(61,142,240,.6) 0%,rgba(139,92,246,.3) 40%,transparent 70%);opacity:0;animation:burstPulse 2s ease-out .2s forwards;filter:blur(20px)}@keyframes burstPulse{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.5)}to{opacity:.3;transform:scale(2)}}.arise-rank{position:relative;z-index:2;opacity:0;display:flex;flex-direction:column;align-items:center;gap:0;animation:rankSlam .6s cubic-bezier(.34,1.56,.64,1) .8s forwards}@keyframes rankSlam{0%{opacity:0;transform:scale(2.5) translateY(-10px);filter:blur(8px)}70%{opacity:1;transform:scale(.96) translateY(2px);filter:blur(0)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.arise-rank-badge{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#0d1220,#1a2338);border:2px solid #3d8ef0;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;color:#3d8ef0;box-shadow:0 0 0 1px #3d8ef04d,0 0 30px #3d8ef066,0 0 60px #3d8ef033,inset 0 0 20px #3d8ef014;letter-spacing:-.02em;margin-bottom:24px}.arise-username{font-size:32px;font-weight:900;letter-spacing:-.02em;color:#e8edf7;text-shadow:0 0 30px rgba(61,142,240,.4);opacity:0;animation:riseUp .5s ease-out 1.5s forwards;position:relative;z-index:2}.arise-tagline{font-size:15px;color:#4a5878;letter-spacing:.04em;opacity:0;animation:riseUp .5s ease-out 2s forwards;position:relative;z-index:2;margin-top:8px}@keyframes riseUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.arise-screen.fading{animation:fadeToHome .6s ease-in forwards}@keyframes fadeToHome{0%{opacity:1}to{opacity:0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080c14;--surface: #0d1220;--card: #121929;--elevated: #1a2338;--border: #1e2d47;--text: #e8edf7;--text-secondary: #8896b3;--muted: #4a5878;--accent: #3d8ef0;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--accent-glow: rgba(61, 142, 240, .15);--danger: #ef4444;--success: #2ecc71;--intel: #4A90D9;--lang: #9B59B6;--craft: #E67E22;--vitality: #2ECC71;--charisma: #E91E8C;--discipline: #F1C40F}[data-theme=light]{--bg: #f5f2ed;--surface: #fffefb;--card: #fffefb;--elevated: #eee9e1;--border: #e0d9cf;--text: #0f172a;--text-secondary: #64748b;--muted: #94a3b8;--accent: #2563eb;--accent-purple: #7c3aed;--accent-glow: rgba(37, 99, 235, .1)}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}