:root{--color-background:#f8fafc;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-brand:#0250aa;--color-brand-light:#eff6ff;--color-success:#0b6b38;--color-danger:#991b1b;--color-warning:#92400e;--color-border:#cbd5e1;--color-border-strong:#64748b;--font-family-heading:"Plus Jakarta Sans", system-ui, sans-serif;--font-family-body:"Inter", system-ui, sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--sidebar-width:320px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:6px;--radius-md:12px;--radius-lg:24px;--shadow-subtle:0 4px 6px -1px #0000000d;--focus-ring-color:#0250aa}[data-high-contrast=true]{--color-background:#fff;--color-surface:#fff;--color-text-primary:#000;--color-text-secondary:#000;--color-border:#000;--color-brand:#00f;--color-success:#060;--color-danger:#c00;--shadow-subtle:none}[data-large-text=true]{--font-size-sm:1rem;--font-size-base:1.125rem;--font-size-lg:1.25rem}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-text-primary);margin-top:0;line-height:1.3}:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:3px;border-radius:2px}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--spacing-lg);flex-direction:column;display:flex;overflow-y:auto}.main-feed{background-color:var(--color-background);flex-direction:column;flex-grow:1;display:flex;position:relative;overflow-y:auto}.feed-container{width:100%;max-width:800px;padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;margin:0 auto;display:flex}@media (width<=768px){.app-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--color-border);width:100%;height:auto;max-height:40vh}}.home-layout{background-color:var(--color-border);min-height:100vh;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.home-main{width:100%;max-width:800px}.letter-container{background-color:var(--color-surface);padding:var(--spacing-xl) 3rem;border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a}[data-high-contrast=true] .letter-container{border:2px solid var(--color-border)}.letter-header{border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-end;display:flex}.company-logo{font-weight:900;font-size:var(--font-size-xl);color:var(--color-brand);letter-spacing:-1px}.date{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase}.letter-body h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.letter-body p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.letter-body ul{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);background:var(--color-background);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm)}.letter-actions{margin-top:var(--spacing-xl);text-align:center}.btn-start{background-color:var(--color-brand);color:#fff;font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:700;transition:transform .2s;box-shadow:0 4px 6px #0250aa33}.btn-start:hover{transform:translateY(-2px)}.a11y-footer{margin-top:var(--spacing-lg);justify-content:center;gap:var(--spacing-md);display:flex}.btn-a11y{background-color:var(--color-surface);border:1px solid var(--color-border-strong);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm)}.gauge-panel{margin-bottom:var(--spacing-xl);background-color:var(--color-background);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.panel-title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.gauge-item{margin-bottom:var(--spacing-md)}.gauge-item:last-child{margin-bottom:0}.gauge-header{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);justify-content:space-between;font-weight:600;display:flex}.gauge-track{background-color:var(--color-border);border-radius:var(--radius-sm);width:100%;height:8px;overflow:hidden}.gauge-fill{border-radius:var(--radius-sm);height:100%;transition:width .5s ease-in-out}.bg-brand{background-color:var(--color-brand)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}[data-high-contrast=true] .gauge-track{border:1px solid var(--color-border);background-color:#fff}.rule-memo{background-color:var(--color-brand-light);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-brand)}[data-high-contrast=true] .rule-memo{background-color:var(--color-background);border-width:2px}.rule-list{margin:0;padding:0;list-style:none}.rule-item{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);padding-bottom:var(--spacing-sm);border-bottom:1px dashed var(--color-border);display:flex}.rule-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.rule-icon{flex-shrink:0}.rule-text{color:var(--color-text-primary)}.ticket-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-subtle);animation:.3s ease-out slideIn}@media (prefers-reduced-motion:reduce){.ticket-card{animation:none}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ticket-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.ticket-avatar{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.ticket-sender{font-size:var(--font-size-lg);margin:0}.ticket-role{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.ticket-message{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.ticket-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.ticket-btn{text-align:left;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-background);border:2px solid var(--color-brand);color:var(--color-brand);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;transition:all .2s}.ticket-btn:hover{background-color:var(--color-brand-light)}.ticket-btn:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}[data-high-contrast=true] .ticket-btn{color:var(--color-text-primary);border-color:var(--color-text-primary)}.action-feedback-container{gap:var(--spacing-md);margin-top:var(--spacing-md);flex-direction:column;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.action-feedback-container{animation:none}}.choice-made{background-color:var(--color-brand);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg) var(--radius-lg) 0 var(--radius-lg);align-self:flex-end;max-width:80%}.choice-label{font-size:var(--font-size-sm);opacity:.8;margin-bottom:var(--spacing-xs);display:block}.choice-text{margin:0;font-weight:600}.feedback-box{gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:var(--shadow-subtle);border-left:4px solid #0000;display:flex}.feedback-box.is-correct{border-left-color:var(--color-success);background-color:#f0fdf4}.feedback-box.is-incorrect{border-left-color:var(--color-danger);background-color:#fef2f2}.feedback-icon{flex-shrink:0;font-size:2rem}.feedback-narrative{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);white-space:pre-wrap}.feedback-rule{font-size:var(--font-size-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);background-color:#fff9}.feedback-next{text-align:right;margin-top:var(--spacing-md)}.btn-next-ticket{background-color:var(--color-text-primary);color:var(--color-surface);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-weight:700;transition:transform .2s}.btn-next-ticket:hover{transform:translateY(-2px)}[data-high-contrast=true] .feedback-box.is-correct,[data-high-contrast=true] .feedback-box.is-incorrect{background-color:var(--color-background);border:2px solid}[data-high-contrast=true] .feedback-box.is-correct{border-color:var(--color-success)}[data-high-contrast=true] .feedback-box.is-incorrect{border-color:var(--color-danger)}.minigame-card{border-color:var(--color-brand);background-color:var(--color-brand-light)}[data-high-contrast=true] .minigame-card{background-color:var(--color-background);border-width:3px}.minigame-container{background-color:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-top:var(--spacing-md)}.minigame-instructions{font-size:var(--font-size-sm);color:var(--color-brand);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px dashed var(--color-border)}.hallucination-text{font-size:var(--font-size-lg);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:#f8fafc;font-family:monospace;line-height:1.8}[data-high-contrast=true] .hallucination-text{background-color:#fff;border:2px solid #000}.text-segment{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background-color:#e2e8f0;border:1px solid #0000;border-radius:4px;margin:0 2px;padding:2px 4px;transition:all .2s;display:inline}.text-segment:hover:not(.disabled):not(:disabled){background-color:#cbd5e1;transform:translateY(-1px)}.text-segment.found-error{color:#991b1b;cursor:default;background-color:#fecaca;border-color:#f87171;text-decoration:line-through}.minigame-status{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;font-weight:700;display:flex}.btn-resolve-game{width:100%;margin-top:var(--spacing-lg);background-color:var(--color-success);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-base);animation:2s infinite pulse;display:block}.btn-resolve-game:hover{background-color:#059669}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.report-layout{background-color:var(--color-background);min-height:100vh;padding:var(--spacing-xl);justify-content:center;display:flex}.report-main{width:100%;max-width:1000px}.report-header{text-align:center;margin-bottom:var(--spacing-xl)}.report-header h1{font-size:var(--font-size-2xl);color:var(--color-brand)}.report-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.report-grid{grid-template-columns:1fr 1fr}}.report-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-subtle)}.full-width{grid-column:1/-1}.badge-display{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);background-color:var(--color-brand-light);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-brand);display:flex}[data-high-contrast=true] .badge-display{background-color:var(--color-background);border-width:2px}.badge-icon{font-size:3rem}.badge-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;display:block}.badge-title{font-size:var(--font-size-xl);color:var(--color-brand);font-weight:700;display:block}.score-display{text-align:center;margin-bottom:var(--spacing-md);font-size:3rem;font-weight:900}.score-max{color:var(--color-text-secondary);font-size:1.5rem}.score-feedback{text-align:center;font-weight:600}.memo-container{margin-top:var(--spacing-md)}.report-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:center;display:flex}.btn-primary,.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-base);transition:all .2s}.btn-primary{background-color:var(--color-brand);color:#fff}.btn-primary:hover{background-color:#024088}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border-strong)}.btn-secondary:hover{background-color:var(--color-background)}