:root{--bg: #dcecff;--panel: #f4f9ff;--text: #1f3448;--muted: #45627e;--accent: #3f7fbe;--accent-strong: #316ba5;--ok: #3e8f66;--bad: #b25e66;--border: #b9cee6}@media (prefers-color-scheme: dark){:root{--bg: #cfdef7;--panel: #e7f0ff;--text: #15283d;--muted: #36526d;--accent: #2f6faa;--accent-strong: #255b8c;--ok: #2f7d58;--bad: #a54f59;--border: #9eb9d8}}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.page{width:100%;margin:0;padding:0 0 1rem;display:grid;gap:1rem}.page>:not(.brand){width:min(980px,calc(100% - 2rem));margin:0 auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1rem;box-shadow:0 3px 12px #0a0f1e0d}.play-area{background:var(--panel)}.brand{width:100%;margin:0;border-radius:0;display:flex;align-items:center;gap:.8rem;background:var(--panel)}.logo-mark{margin:0;width:2.2rem;height:2.2rem;border-radius:999px;border:2px solid var(--accent);display:grid;place-items:center;color:var(--accent)}h1,h2,h3,h4{margin:0 0 .4rem}.subtitle,.meta{margin:0;color:var(--muted)}.timeline{list-style:none;padding:0;margin:1rem 0;display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:.6rem}.timeline-row+.timeline-row{margin-top:.75rem}.slot{border:1px dashed var(--border);border-radius:10px;min-height:144px;padding:.6rem;background:color-mix(in srgb,var(--panel),var(--bg) 26%);display:grid;align-content:start;gap:.5rem}.position{font-weight:700;min-width:1.4rem}.label{line-height:1.3;font-size:.92rem}.placeholder{color:var(--muted);font-size:.9rem}.date-tag{width:fit-content;font-size:.78rem;padding:.2rem .42rem;border-radius:999px;border:1px solid var(--ok);color:var(--ok)}.pool{margin-top:.5rem;border:1px solid var(--border);border-radius:10px;padding:.65rem;display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:.5rem;min-height:calc(96px + 1.3rem);background:color-mix(in srgb,var(--panel),var(--bg) 16%)}.event-tile{min-height:96px;width:100%;display:grid;align-content:start;gap:.45rem;border:1px solid var(--border);background:#d9eafe;color:var(--text);border-radius:10px;padding:.55rem;cursor:pointer;text-align:left;transition:border-color .12s ease,box-shadow .12s ease}.event-tile:hover:not(:disabled){border-color:var(--accent)}.event-tile[draggable=true]{cursor:grab}.event-tile[draggable=true]:active{cursor:grabbing}.event-tile:disabled{cursor:default;opacity:.9}.btn{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:8px;padding:.45rem .7rem;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn:focus-visible,.event-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-strong)}.actions{display:flex;gap:.55rem;margin-top:.7rem}.correct{border-color:var(--ok);border-style:solid}.incorrect{border-color:var(--bad);border-style:solid}.error{border-color:var(--bad)}.results ol{padding-left:1.2rem}@media (max-width: 940px){.timeline,.pool{grid-template-columns:repeat(3,minmax(145px,1fr))}.pool{min-height:calc(192px + 1.8rem)}}@media (max-width: 620px){.timeline,.pool{grid-template-columns:repeat(2,minmax(130px,1fr))}.pool{min-height:calc(288px + 2.3rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}