:root{--bg: #dcecff;--panel: #f4f9ff;--text: #1f3448;--muted: #45627e;--accent: #3f7fbe;--accent-strong: #316ba5;--ok: #3e8f66;--bad: #b25e66;--border: #b9cee6}*{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%;min-height:100dvh;padding:.75rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:.8rem;box-shadow:0 3px 12px #0a0f1e0f}.brand{position:fixed;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;gap:.8rem;border-radius:0;transform:translateY(0);transition:transform .7s cubic-bezier(.19,1,.22,1)}.brand-hidden{transform:translateY(-115%)}.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 .35rem}.subtitle,.meta{margin:0;color:var(--muted)}.play-area{margin:3.4rem auto 0;width:min(1100px,100%);display:grid;gap:.55rem}.puzzle-header{display:flex;align-items:end;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.timeline,.pool{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.slot,.pool-slot{border:1px dashed var(--border);border-radius:10px;min-height:17.5dvh;padding:.45rem;background:color-mix(in srgb,var(--panel),var(--bg) 20%);display:grid;align-content:start;gap:.4rem}.pool-slot{border-style:solid;background:color-mix(in srgb,var(--panel),var(--bg) 12%)}.position{font-weight:700;min-width:1.4rem}.placeholder{color:#8a96a5;font-size:.92rem}.event-tile{min-height:100%;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:not-allowed}.label{line-height:1.25;font-size:clamp(.74rem,1.8vw,.95rem)}.date-tag{width:fit-content;font-size:.74rem;padding:.16rem .4rem;border-radius:999px;border:1px solid var(--ok);color:var(--ok)}.correct{border-color:var(--ok);border-style:solid}.incorrect{border-color:var(--bad);border-style:solid}.locked .event-tile{border-color:var(--ok);background:#e4f6ed}.btn{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:8px;padding:.45rem .7rem;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.actions{display:flex;gap:.55rem}.error{border-color:var(--bad)}.results ol{padding-left:1.2rem}@media (max-width: 920px),(orientation: portrait){.page{padding:.5rem}.play-area{margin-top:3rem;gap:.45rem}.timeline,.pool{gap:.35rem}.slot,.pool-slot{min-height:21dvh;padding:.35rem}.label{font-size:clamp(.67rem,2.35vw,.85rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}