:root{--bg-deep:#efe8d8;--bg-mid:#e9e1cc;--bg-panel:#faf6ec;--bg-card:#fffdf6;--bg-paper:#faf6ec;--text-primary:#3b2a20;--text-secondary:#6b5645;--text-muted:#8a6a4a;--text-paper:#3b2a20;--accent-gold:#a8902e;--accent-blue:#d4593a;--accent-green:#3e8048;--accent-red:#c23a26;--accent-purple:#6c5a92;--accent-orange:#9c7c1c;--border:#3b2a2029;--border-gold:#b4962873;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-ja:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif;--font-heading:"Kosugi Maru", "Hiragino Maru Gothic ProN", "Zen Kaku Gothic New", sans-serif;--font-en:"Shippori Mincho", "Georgia", "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-deep);height:100%;color:var(--text-primary);font-family:var(--font-ja);font-size:16px;line-height:1.7}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-mid)}::-webkit-scrollbar-thumb{background:#cbbfa6;border-radius:3px}.btn{cursor:pointer;font-size:14px;font-family:var(--font-ja);white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-blue);color:#f6e9cf;box-shadow:0 2px #a8401f}.btn-primary:hover:not(:disabled){background:#c04d2e}.btn-gold{color:#3b2a20;background:#e6d27a;box-shadow:0 2px #b3a04e}.btn-gold:hover:not(:disabled){background:#dcc35e}.btn-green{background:var(--accent-green);color:#f6e9cf}.btn-green:hover:not(:disabled){background:#35703e}.btn-red{background:var(--accent-red);color:#fff}.btn-red:hover:not(:disabled){background:#a93220}.btn-ghost{color:var(--text-secondary);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:12px 28px;font-size:16px}.btn-xl{padding:14px 32px;font-size:18px}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.panel-paper{background:var(--bg-paper);color:var(--text-paper);border-radius:var(--radius-md);padding:20px}.mm-em{color:var(--text-primary);font-style:italic;font-weight:600}.tag{border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.tag-blue{color:#a8401f;background:#d4593a24;border:1px solid #d4593a66}.tag-gold{color:#7d6f1e;background:#d9c24a33;border:1px solid #b4962873}.tag-green{color:#2e5f36;background:#4f8c5226;border:1px solid #4f8c5266}.tag-red{color:#8a3a1e;background:#b3502c24;border:1px solid #b3502c66}.group-A{color:#3e8048}.group-B{color:#8a7a22}.group-C{color:#b3502c}.group-D{color:#3b2a20}input[type=text],input[type=number],input[type=email],textarea,select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ja);outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #d4593a2e}select option{background:var(--bg-card)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes starGlow{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.3}}.animate-fadeIn{animation:.3s fadeIn}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{z-index:100;--bg-panel:#3a3454;--bg-card:#453e63;--text-primary:#efe4cc;--text-secondary:#cfc8dd;--text-muted:#9a92b5;--border:#efe4cc38;--accent-gold:#e6d27a;--accent-purple:#b48ac8;--accent-orange:#d9c24a;background:#3a3454;border-bottom:1px solid #26213866;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.app-header .btn-primary{color:#3a3454;box-shadow:none;background:#efe4cc}.app-header .btn-primary:hover:not(:disabled){background:#fffdf6}.rep-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=700px){.app-header{flex-wrap:wrap;row-gap:6px;height:auto;padding:10px 12px}.app-header nav{flex-wrap:wrap}.app-header .header-spacer{display:none}.rep-grid{grid-template-columns:1fr}}.app-main{flex:1;overflow-y:auto}.login-main{justify-content:center;align-items:center;padding:32px 16px;display:flex}.login-card{width:100%;max-width:420px}.login-notice,.login-error{border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 12px;font-size:13px;line-height:1.6}.login-notice{border:1px solid var(--border-gold);color:var(--text-secondary);background:#a8902e1f}.login-error{color:var(--accent-red);background:#c23a2614;border:1px solid #c23a2659}.score-badge{border:1px solid var(--border-gold);color:var(--accent-gold);background:#d9c24a2e;border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:20px;font-weight:700;display:inline-flex}.timer-display{font-variant-numeric:tabular-nums;color:var(--accent-orange);font-size:18px;font-weight:700}.timer-display.warning{color:#b06a1c;animation:1s infinite pulse}.timer-display.danger{color:var(--accent-red);animation:.5s infinite pulse}.phase-badge{color:#a8401f;background:#d4593a24;border:1px solid #d4593a59;border-radius:999px;align-items:center;padding:3px 12px;font-size:12px;font-weight:700;display:inline-flex}.galaxy-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.section-card{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.section-card-header{background:var(--bg-card);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.section-card-header:hover{background:#3b2a200a}.keyphrase-chip{color:#7d6f1e;cursor:pointer;vertical-align:middle;background:#d9c24a33;border:1px solid #b4962880;border-radius:6px;margin:1px;padding:1px 6px;font-size:11px;display:inline-block}.keyphrase-chip:hover{background:#d9c24a59}.hidden-card{border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;transition:all .2s;display:flex}.hidden-card.revealed{background:#3e80481a;border-color:#3e804859}.hidden-card.key-card{border-left:3px solid #d9c24a}.finding-wrap{cursor:pointer;border-radius:3px;padding:2px 0;transition:background .15s}.finding-wrap:hover{background:#3b2a200d}.finding-wrap.marked{background:#d4593a29;border-radius:3px;outline:2px solid #d4593a80}.finding-wrap.correct{outline:2px solid var(--accent-green);background:#3e804829}.finding-wrap.decoy-mark{background:#b3502c24;outline:2px solid #b3502c80}.stars-display{gap:4px;display:flex}.star{font-size:18px}.star.filled{color:var(--accent-gold)}.star.empty{color:var(--text-muted)}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2a243e80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:560px;max-height:80vh;padding:28px;animation:.2s fadeIn;overflow-y:auto}.progress-bar{background:#e2d9c2;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--accent-blue);border-radius:3px;height:100%;transition:width .3s}.announcement-banner{background:var(--bg-panel);border:2.5px solid var(--ann-accent,#3b2a2040);isolation:isolate;border-radius:16px;max-width:680px;margin:28px auto 8px;position:relative;overflow:hidden}.announcement-banner:before{content:"";background:radial-gradient(circle, var(--ann-accent,#3b2a2099) 1.5px, transparent 1.5px) 0 0 / 14px 14px, var(--ann-accent,#3b2a201a);opacity:.09;z-index:0;pointer-events:none;position:absolute;inset:0}.announcement-body{z-index:1;align-items:flex-end;display:flex;position:relative}.announcement-content{flex:1;min-width:0;padding:14px 16px 14px 18px}.announcement-label{letter-spacing:.1em;color:var(--ann-accent,var(--text-muted));border:1.5px solid var(--ann-accent,#3b2a204d);opacity:.85;border-radius:4px;margin:0 0 8px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.announcement-message{color:var(--text-secondary);margin:0 0 10px;font-size:13px;line-height:1.65}.announcement-link{color:var(--ann-accent,var(--accent-blue));font-size:12px;font-weight:600;text-decoration:none}.announcement-link:hover{text-decoration:underline}.announcement-character{object-fit:contain;object-position:bottom center;flex-shrink:0;align-self:flex-end;width:100px;height:100px;display:block}.announcement-banner--bleed .announcement-body{align-items:stretch;min-height:120px}.announcement-banner--bleed .announcement-content{flex:58%;padding-right:14px}.announcement-photo-slot{flex:0 0 42%;align-self:stretch;position:relative;overflow:hidden}.announcement-photo{width:auto;max-width:none;height:195%;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.announcement-banner--bleed-more .announcement-body{min-height:152px}.announcement-banner--bleed-more .announcement-content{flex-basis:60%}.announcement-banner--bleed-more .announcement-photo-slot{flex-basis:40%}.announcement-banner--bleed-more .announcement-photo{height:148%}@media (width<=480px){.announcement-character{width:72px;height:72px}.announcement-photo-slot{flex-basis:38%}.announcement-banner--bleed-more .announcement-photo-slot{flex-basis:36%}}@media (width<=768px){.app-main{padding:12px}html{font-size:14px}}