:root{--bg:#1b1630;--bg-raised:#272044;--bg-sunken:#14102a;--fg:#f4f1ff;--fg-muted:#a89fc7;--accent:#ffd93d;--hit:#4ade80;--miss:#fb7185;--radius:16px;--gap:12px;--pad-inline:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{overscroll-behavior:none;background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.screen{gap:var(--gap);min-height:0;padding:calc(env(safe-area-inset-top) + 16px) var(--pad-inline) calc(env(safe-area-inset-bottom) + 16px);flex-direction:column;flex:1;display:flex}.screen__spacer{flex:1;min-height:0}.screen__title{color:var(--fg-muted);text-align:center;font-size:1.05rem;font-weight:700;line-height:1.5}.screen__subtitle{opacity:.8;font-size:.85rem;font-weight:600}.btn{border-radius:var(--radius);background:var(--bg-raised);justify-content:center;align-items:center;min-height:52px;padding:0 20px;font-weight:700;transition:transform .1s;display:flex}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);color:#2a1c00}.btn--ghost{color:var(--fg-muted);background:0 0;min-height:44px;font-weight:600}.btn--danger{color:var(--miss);background:0 0}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-row{gap:var(--gap);display:flex}.btn-row>.btn{flex:1}.title__logo{text-align:center;letter-spacing:.02em;font-size:clamp(1.9rem,9vw,2.6rem);font-weight:900;line-height:1.25}.title__mode{text-align:center;color:var(--accent);font-weight:700}.title__lead{text-align:center;color:var(--fg-muted);font-size:.85rem;line-height:1.7}.title__credit{color:var(--fg-muted);text-align:center;opacity:.75;font-size:.65rem;line-height:1.6}.title__credit a{color:inherit}.category-grid{gap:var(--gap);flex:1;grid-template-columns:repeat(2,1fr);align-content:center;min-height:0;display:grid}.category-card{text-align:center;border-radius:var(--radius);color:#1b1630;justify-content:center;align-items:center;min-height:76px;padding:10px;font-size:.95rem;font-weight:800;line-height:1.3;transition:transform .1s;display:flex;box-shadow:inset 0 -4px #00000026}.category-card:active{transform:scale(.97)}.category-card:last-child:nth-child(odd){grid-column:span 2}.source-toggle{background:var(--bg-sunken);border-radius:999px;gap:6px;padding:4px;display:flex}.source-toggle__option{min-height:36px;color:var(--fg-muted);border-radius:999px;flex:1;font-size:.8rem;font-weight:700}.source-toggle__option[aria-pressed=true]{background:var(--bg-raised);color:var(--fg)}.notice{border-radius:var(--radius);color:var(--miss);background:#fb718526;padding:12px 14px;font-size:.85rem;line-height:1.5}.card-flip{perspective:1200px;flex:1;min-height:0}.card-flip__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.3,1);position:relative;transform:rotateY(180deg)}.card-flip.is-flipped .card-flip__inner{transform:rotateY(0)}.card-flip__face{backface-visibility:hidden;text-align:center;border-radius:20px;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.card-flip__front{color:#201a38;background:#fdfbff;font-size:clamp(1.1rem,5.2vw,1.5rem);font-weight:700;line-height:1.65}.card-flip__back{color:#1b1630;font-size:1.2rem;font-weight:900;transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.card-flip__inner{transition:none}}.card-badge{color:#1b1630;border-radius:999px;align-self:center;padding:5px 14px;font-size:.75rem;font-weight:800}.timer{flex-direction:column;gap:6px;display:flex}.timer__value{text-align:center;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:900}.timer--urgent .timer__value{color:var(--miss)}.timer__track{background:var(--bg-sunken);border-radius:999px;height:6px;overflow:hidden}.timer__bar{background:var(--accent);border-radius:999px;height:100%;transition:width 1s linear}.timer--urgent .timer__bar{background:var(--miss)}.choices{gap:var(--gap);flex-direction:column;display:flex}.choice{border-radius:var(--radius);background:var(--bg-raised);text-align:left;align-items:center;gap:16px;min-height:64px;padding:0 20px;transition:transform .1s;display:flex}.choice:active{transform:scale(.98)}.choice__mark{text-align:center;width:1.6rem;color:var(--accent);font-size:1.6rem;font-weight:900}.choice__label{font-weight:700}.pass{background:var(--bg-sunken);text-align:center;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:0;padding:24px;display:flex}.pass__icon{font-size:3rem}.pass__headline{text-align:center;font-size:1.3rem;font-weight:800;line-height:1.5}.pass__note{color:var(--fg-muted);font-size:.85rem;line-height:1.6}.verdict{text-align:center;font-size:2rem;font-weight:900}.verdict--hit{color:var(--hit)}.verdict--miss{color:var(--miss)}.reveal{gap:var(--gap);display:flex}.reveal__side{border-radius:var(--radius);background:var(--bg-raised);flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 8px;display:flex}.reveal__role{color:var(--fg-muted);font-size:.75rem;font-weight:700}.reveal__mark{font-size:2.2rem;font-weight:900;line-height:1}.reveal__label{color:var(--fg-muted);font-size:.75rem}.result__question{border-radius:var(--radius);background:var(--bg-sunken);text-align:center;padding:14px 16px;font-size:.9rem;line-height:1.6}.tallies{gap:var(--gap);display:flex}.tally{border-radius:var(--radius);background:var(--bg-sunken);flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px;display:flex}.tally--active{outline:2px solid var(--accent)}.tally__name{color:var(--fg-muted);font-size:.7rem;font-weight:700}.tally__score{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:900}.custom__list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow-y:auto}.custom__empty{text-align:center;color:var(--fg-muted);padding:24px 12px;font-size:.85rem;line-height:1.7}.custom-item{background:var(--bg-raised);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.custom-item__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.custom-item__category{font-size:.65rem;font-weight:800}.custom-item__text{overflow-wrap:anywhere;font-size:.85rem;line-height:1.45}.custom-item__action{color:var(--fg-muted);padding:6px 8px;font-size:.75rem;font-weight:700}.custom-form{border-radius:var(--radius);background:var(--bg-sunken);flex-direction:column;gap:8px;padding:12px;display:flex}.custom-form__categories{flex-wrap:wrap;gap:6px;display:flex}.custom-form__category{color:var(--fg-muted);background:var(--bg-raised);border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:800}.custom-form__category[aria-pressed=true]{color:#1b1630}.custom-form__input{background:var(--bg);resize:none;border:1px solid #ffffff1f;border-radius:12px;min-height:60px;padding:10px 12px;font-size:.9rem;line-height:1.5}.custom-form__footer{align-items:center;gap:var(--gap);display:flex}.custom-form__count{color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.7rem}.custom-form__footer>.btn--primary{flex:1}.custom-form__error{color:var(--miss);font-size:.75rem}