.tragedy-root{--tr-bg:#0e0b08;--tr-surface:#181310;--tr-surface2:#211c17;--tr-line:#c9a96e26;--tr-gold:#c9a96e;--tr-gold-dim:#c9a96e59;--tr-crimson:#8b2e2e;--tr-ink:#f0e6d3;--tr-body:#b8a88a;--tr-muted:#7a6a55;--tr-faint:#c9a96e33;--tool-nav-bg:var(--tr-bg);--tool-nav-border:var(--tr-line);--tool-nav-link:var(--tr-muted);--tool-nav-hover:var(--tr-gold);--tool-nav-current:var(--tr-ink);--tool-nav-sep:var(--tr-faint);background:var(--tr-bg);min-height:100vh;color:var(--tr-body);flex-direction:column;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;display:flex}:root{--site-toolbar-bg:#181310;--site-toolbar-border:#c9a96e33;--site-toolbar-fg:#b8a88a;--site-toolbar-hover:#c9a96e;--site-toolbar-shadow:#00000073 0px 4px 16px}.tragedy-screen{opacity:0;min-height:100vh;transition:opacity var(--motion-slow) var(--ease-enter);flex:1;justify-content:center;align-items:center;padding:2rem 1.25rem;display:flex}.tragedy-screen[data-visible=true]{opacity:1}.tragedy-ornament{color:var(--tr-gold);letter-spacing:.2em;margin-bottom:1.5rem;font-size:1.25rem}.tragedy-intro-inner{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:560px;display:flex}.tragedy-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--tr-gold);margin-bottom:1.25rem;font-size:.7rem;font-weight:700}.tragedy-main-title{letter-spacing:-.03em;color:var(--tr-ink);margin:0 0 1.5rem;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:800;line-height:1.15}.tragedy-title-accent{color:var(--tr-gold);position:relative}.tragedy-subtitle{color:var(--tr-muted);margin:0 0 2.5rem;font-size:.9375rem;font-style:italic;line-height:1.75}.tragedy-librarian-block{background:var(--tr-surface);border:1px solid var(--tr-line);border-radius:var(--radius-md);width:100%;margin-bottom:2.5rem;padding:1.75rem 2rem;box-shadow:0 8px 36px #0006}.tragedy-librarian-label{letter-spacing:.12em;color:var(--tr-muted);text-transform:uppercase;margin-bottom:1rem;font-size:.7rem;font-weight:600}.tragedy-librarian-lines{flex-direction:column;gap:.6rem;display:flex}.tragedy-librarian-line{color:var(--tr-body);opacity:0;transition:opacity var(--motion-slow) var(--ease-enter), transform var(--motion-slow) var(--ease-enter);margin:0;font-size:.9375rem;font-style:italic;line-height:1.65;transform:translateY(8px)}.tragedy-librarian-line[data-visible=true]{opacity:1;transform:translateY(0)}.tragedy-cta{border:1px solid var(--tr-gold);border-radius:var(--radius-sm);height:48px;color:var(--tr-gold);letter-spacing:.04em;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);opacity:0;pointer-events:none;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:0 2rem;font-size:.9375rem;font-weight:600;display:inline-flex}.tragedy-cta[data-visible=true],.tragedy-result-footer .tragedy-cta{opacity:1;pointer-events:auto;transition:opacity var(--motion-slow) var(--ease-enter), background var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard)}.tragedy-cta:hover{background:#c9a96e1a;transform:translateY(-1px);box-shadow:0 0 24px #c9a96e2e}.tragedy-meta{color:var(--tr-muted);opacity:0;transition:opacity var(--motion-slow) var(--ease-enter);margin-top:1rem;font-size:.775rem}.tragedy-meta[data-visible=true]{opacity:1}.tragedy-quiz-wrapper{opacity:0;width:100%;max-width:560px;transition:opacity var(--motion-standard) var(--ease-enter), transform var(--motion-standard) var(--ease-enter);flex-direction:column;gap:1.5rem;display:flex;transform:translateY(16px)}.tragedy-quiz-wrapper[data-entered=true]{opacity:1;transform:translateY(0)}.tragedy-progress-bar-track{background:var(--tr-line);border-radius:999px;height:2px;overflow:hidden}.tragedy-progress-bar-fill{background:var(--tr-gold);height:100%;transition:width var(--motion-slow) var(--ease-enter);border-radius:999px}.tragedy-quiz-meta{justify-content:space-between;align-items:center;display:flex}.tragedy-quiz-num{color:var(--tr-ink);font-size:.9375rem;font-weight:700}.tragedy-quiz-total{color:var(--tr-muted);font-weight:400}.tragedy-quiz-axis{letter-spacing:.12em;text-transform:uppercase;color:var(--tr-gold);border:1px solid var(--tr-gold-dim);border-radius:var(--radius-xs);background:#c9a96e14;padding:3px 8px;font-size:.7rem;font-weight:700}.tragedy-card{background:var(--tr-surface);border:1px solid var(--tr-line);border-radius:var(--radius-md);flex-direction:column;gap:1.5rem;padding:2rem 1.75rem;display:flex;box-shadow:0 8px 36px #00000073}.tragedy-situation{color:var(--tr-body);white-space:pre-line;margin:0;font-size:1.0625rem;font-style:italic;line-height:1.75}.tragedy-prompt{color:var(--tr-ink);margin:0;font-size:.9375rem;font-weight:600}.tragedy-choices{flex-direction:column;gap:.75rem;display:flex}.tragedy-choice-btn{background:var(--tr-surface2);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);border:1px solid #c9a96e1f;align-items:flex-start;gap:1rem;width:100%;padding:1rem 1.25rem;display:flex}.tragedy-choice-btn:hover:not(:disabled){border-color:var(--tr-gold-dim);background:#c9a96e0f;transform:translate(2px)}.tragedy-choice-btn--chosen{border-color:var(--tr-gold);background:#c9a96e1a}.tragedy-choice-btn:disabled{cursor:default}.tragedy-choice-label{color:var(--tr-gold);letter-spacing:.06em;flex-shrink:0;min-width:1rem;padding-top:.1rem;font-size:.75rem;font-weight:800}.tragedy-choice-text{color:var(--tr-body);font-size:.9375rem;line-height:1.6}.tragedy-loading-inner{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.tragedy-loading-spinner{border:2px solid #c9a96e33;border-top-color:var(--tr-gold);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite tragedy-spin}@keyframes tragedy-spin{to{transform:rotate(360deg)}}.tragedy-loading-text{color:var(--tr-muted);letter-spacing:.02em;margin:0;font-size:.9375rem;font-style:italic}.tragedy-result-wrapper{flex-direction:column;gap:0;width:100%;max-width:620px;display:flex}.tragedy-result-header{text-align:center;flex-direction:column;align-items:center;padding:2rem 1.5rem 2.5rem;display:flex}.tragedy-result-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--tr-muted);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.tragedy-result-title{letter-spacing:-.02em;color:var(--tr-ink);margin:0 0 .75rem;font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.2}.tragedy-result-character{color:var(--tr-gold);margin-bottom:1.25rem;font-size:1rem;font-weight:600}.tragedy-result-work{color:var(--tr-muted);font-size:.875rem;font-style:italic;font-weight:400}.tragedy-result-tagline{color:var(--tr-body);max-width:420px;margin:0;font-size:1rem;font-style:italic;line-height:1.7}.tragedy-divider{background:var(--tr-line);height:1px;margin:0 1.5rem}.tragedy-result-section{border-bottom:1px solid var(--tr-line);padding:1.75rem 1.5rem}.tragedy-recovery-section{border-radius:0 0 var(--radius-md) var(--radius-md);background:#c9a96e08;border-bottom:none}.tragedy-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--tr-muted);margin-bottom:.85rem;font-size:.7rem;font-weight:700}.tragedy-section-label--recovery{color:var(--tr-gold)}.tragedy-result-desc{color:var(--tr-body);white-space:pre-line;margin:0 0 .5rem;font-size:.9375rem;line-height:1.75}.tragedy-result-desc:last-child{margin-bottom:0}.tragedy-mechs{flex-wrap:wrap;gap:.5rem;display:flex}.tragedy-mech-tag{border-radius:var(--radius-sm);border:1px solid;padding:4px 10px;font-size:.775rem;font-weight:600}.tragedy-mech-1{color:var(--tr-gold);background:#c9a96e0f;border-color:#c9a96e4d}.tragedy-mech-2{color:#a07890;background:#a078900f;border-color:#a078904d}.tragedy-mech-3{color:#7a9e8a;background:#7a9e8a0f;border-color:#7a9e8a4d}.tragedy-mech-4{color:#8b7a6a;background:#8b7a6a0f;border-color:#8b7a6a4d}.tragedy-quote-block{border-bottom:1px solid var(--tr-line);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;display:flex}.tragedy-quote{color:var(--tr-ink);max-width:440px;margin:0;font-size:1.125rem;font-style:italic;font-weight:500;line-height:1.7}.tragedy-quote-source{color:var(--tr-muted);letter-spacing:.04em;font-size:.8rem;font-style:normal}.tragedy-result-footer{justify-content:center;padding:2rem 1.5rem;display:flex}@media (max-width:480px){.tragedy-card{padding:1.5rem 1.25rem}.tragedy-result-section,.tragedy-result-header,.tragedy-divider,.tragedy-quote-block,.tragedy-result-footer{padding-left:1.25rem;padding-right:1.25rem}.tragedy-divider{margin:0 1.25rem}}