:root{--bg:#0b0a09;--paper:#1c1815;--paper-alt:#211c18;--paper-border:#423a30;--ink:#ece3d2;--ink-dim:#a89c86;--ink-faint:#6f6455;--red:#c0392b;--red-strong:#e2543f;--red-deep:#6e1f18;--red-soft:#c0392b24;--easy:#7fae6d;--medium:#c9a53d;--hard:#c0392b;--shadow-sm:0 3px 0 #00000080;--shadow-md:0 12px 28px #0000008c;--shadow-stack:0 0 0 1px var(--paper-border), 6px 6px 0 -2px var(--paper-alt), 6px 6px 0 -1px var(--paper-border), 11px 10px 0 -4px var(--paper-alt), 11px 10px 0 -3px var(--paper-border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Courier New,monospace;font-size:16px;line-height:1.55}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse 60% 40% at 50% -5%, #e2543f1a 0%, transparent 60%), repeating-linear-gradient(0deg, #ffffff03 0px, #ffffff03 1px, transparent 1px, transparent 3px), var(--bg);background-attachment:fixed;min-height:100vh}.app-shell{max-width:640px;min-height:100vh;margin:0 auto;padding:2rem 1.25rem 3.5rem}h1,h2,h3{color:var(--ink);text-transform:uppercase;letter-spacing:.04em;font-weight:700;line-height:1.2}h1{border-bottom:3px solid var(--red);margin:0 0 .6rem;padding-bottom:.6rem;font-size:1.7rem;display:inline-block}h2{font-size:1.15rem}h3{color:var(--red-strong);margin:0 0 .7rem;font-size:.95rem}.case-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--red-strong);margin:0 0 .75rem;font-size:.72rem;font-weight:700}.case-tag:before{content:"■ ";color:var(--red)}.subtitle{color:var(--ink-dim);max-width:46ch;margin:1rem 0 1.5rem;font-size:.92rem}.screen{animation:.28s both screen-enter}@keyframes screen-enter{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.screen{animation:none}}button{font:inherit;cursor:pointer;border:2px solid var(--paper-border);background:var(--paper);color:var(--ink);text-transform:uppercase;letter-spacing:.05em;width:100%;box-shadow:var(--shadow-sm);border-radius:3px;margin-top:.7rem;padding:.85rem 1.1rem;font-size:.85rem;font-weight:700;transition:transform .1s,background-color .15s,border-color .15s,box-shadow .1s,opacity .15s}button:hover{border-color:var(--ink-faint)}button:active{box-shadow:none;transform:translateY(2px)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button.primary{background:var(--red-deep);color:var(--ink);border-color:var(--red);box-shadow:var(--shadow-sm), 0 0 0 1px var(--red-deep)}button.primary:hover{background:var(--red);border-color:var(--red-strong)}button.primary:disabled{background:var(--paper);color:var(--ink-faint);border-color:var(--paper-border);box-shadow:none}button.ghost{border-style:dashed;border-color:var(--paper-border);box-shadow:none;background:0 0}button.ghost:hover{background:var(--red-soft);border-color:var(--red);color:var(--red-strong)}.rules-card,.teaser-card,.solution-card{background:var(--paper);border:1px solid var(--paper-border);box-shadow:var(--shadow-stack);border-radius:4px;margin:1.4rem 0 1.6rem;padding:1.2rem 1.3rem;position:relative}.rules-card{transform:rotate(-.35deg)}.teaser-card{transform:rotate(.3deg)}.solution-card{transform:rotate(-.25deg)}.rules-card ol{flex-direction:column;gap:.6rem;margin:.7rem 0 0;padding-left:1.3rem;display:flex}.rules-card li{color:var(--ink-dim);padding-left:.2rem;font-size:.92rem}.rules-card li::marker{color:var(--red-strong);font-weight:700}.picker-header,.narrator-header{border-bottom:1px dashed var(--paper-border);align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.picker-header button,.narrator-header button{flex-shrink:0;width:auto;margin-top:0;padding:.6rem .85rem}.picker-header h2,.narrator-header h2{text-overflow:ellipsis;white-space:nowrap;border-bottom:none;margin:0;padding-bottom:0;font-size:1.05rem;overflow:hidden}.picker-controls{align-items:center;gap:1rem;margin:1.2rem 0;display:flex}.picker-controls .primary{flex:1;margin-top:0}.checkbox{color:var(--ink-dim);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.checkbox input{width:1.05rem;height:1.05rem;accent-color:var(--red)}.story-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.story-card{text-align:left;background:var(--paper);border:1px solid var(--paper-border);border-left:4px solid var(--paper-border);box-shadow:var(--shadow-sm);text-transform:none;letter-spacing:normal;border-radius:3px;margin-top:0;padding:1rem 1.1rem;font-weight:400;position:relative}.story-card:hover{border-left-color:var(--red);border-color:var(--red-strong)}.story-card-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.story-title{text-transform:uppercase;letter-spacing:.02em;font-size:.92rem;font-weight:700}.difficulty{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:0 0;border:2px solid;border-radius:2px;flex-shrink:0;padding:.2rem .5rem;font-size:.68rem;font-weight:700;transform:rotate(-3deg)}.difficulty-easy{color:var(--easy);border-color:var(--easy)}.difficulty-medium{color:var(--medium);border-color:var(--medium)}.difficulty-hard{color:var(--hard);border-color:var(--hard)}.tags{flex-wrap:wrap;gap:.5rem;margin-top:.55rem;display:flex}.tag{color:var(--ink-faint);font-size:.72rem}.used-flag{text-transform:uppercase;letter-spacing:.06em;color:var(--red-strong);align-items:center;gap:.35rem;margin-top:.6rem;font-size:.68rem;font-weight:700;display:inline-flex}.used-flag:before{content:"✖";font-size:.65rem}.empty{color:var(--ink-dim);text-align:center;margin-top:2.5rem;font-size:.9rem}.teaser-card h3:before{content:"📋 "}.solution-card-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.solution-card-header h3{margin:0}.icon-toggle{width:auto;margin-top:0;padding:.45rem .8rem;font-size:.72rem}.solution-text{transition:filter .2s;position:relative}.solution-text.is-hidden{filter:blur(8px);-webkit-user-select:none;user-select:none}.rate-card{background:var(--paper);border:1px solid var(--paper-border);box-shadow:var(--shadow-stack);border-radius:4px;margin:1.4rem 0 1.6rem;padding:1.4rem 1.3rem 1.2rem;position:relative;transform:rotate(-.25deg)}.rate-slider{appearance:none;background:var(--paper-border);width:100%;height:6px;accent-color:var(--red);border-radius:3px;margin:0}.rate-slider::-webkit-slider-thumb{appearance:none;background:var(--red);border:2px solid var(--ink);cursor:pointer;border-radius:50%;width:22px;height:22px}.rate-slider::-moz-range-thumb{background:var(--red);border:2px solid var(--ink);cursor:pointer;border-radius:50%;width:22px;height:22px}.rate-scale{color:var(--ink-faint);justify-content:space-between;margin-top:.6rem;font-size:.75rem;display:flex}.rate-tick.is-active{color:var(--red-strong);font-weight:700}.rate-label{text-align:center;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin:1rem 0 0;font-size:.95rem;font-weight:700}.confidential-stamp{border:4px solid var(--red);color:var(--red);text-transform:uppercase;letter-spacing:.18em;pointer-events:none;opacity:.85;white-space:nowrap;background:#0b0a0959;border-radius:2px;padding:.5rem 1rem;font-size:1.05rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-9deg)}