:root{--bg: #dcecff;--panel: #f4f9ff;--text: #1f3448;--muted: #45627e;--accent: #3f7fbe;--accent-strong: #316ba5;--ok: #3e8f66;--bad: #b25e66;--border: #b9cee6}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;min-height:100%;overflow:hidden}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;height:100dvh;padding:clamp(.35rem,1.4vw,.9rem);display:grid;align-content:stretch;justify-items:stretch;overflow:hidden}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:.8rem;box-shadow:0 3px 12px #0a0f1e0f}.play-brand{display:flex;align-items:center;justify-content:center;gap:.55rem}.play-brand h1{font-size:clamp(1.7rem,3.4vw,2.2rem)}.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)}.intro-screen{width:min(680px,100%);height:min(760px,80svh);max-height:calc(100dvh - 1rem);margin:auto;display:grid;align-content:center;justify-items:center;text-align:center;gap:.8rem;padding:clamp(1.3rem,4.2vw,2.15rem)}.intro-logo{width:3rem;height:3rem;font-size:1.2rem}.intro-tagline{margin:0;max-width:25ch;font-size:clamp(1rem,3.8vw,2rem);line-height:1.2}.intro-play{min-width:11rem;padding:.7rem 1.2rem;font-size:1.05rem;border-radius:999px}.intro-meta{margin:0;font-size:1.15rem}.play-area{width:100%;max-width:1100px;justify-self:center;margin:0;min-height:0;height:100%;max-height:100%;overflow:auto;display:grid;grid-template-rows:auto auto minmax(0,1fr) minmax(0,1fr);gap:clamp(.35rem,1.4vh,.65rem);background:var(--bg)}.play-area-wrapper{position:relative;padding:clamp(.2rem,1.2vw,.45rem);background:#dcecff;border:0}.orientation-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--panel),#000 14%)}.orientation-overlay-content{width:min(420px,100%);text-align:center;border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:1rem 1rem 1.15rem;box-shadow:0 8px 24px #0a0f1e2e}.phone-rotate-animation{display:grid;place-items:center;height:4.2rem;margin-bottom:.35rem}.phone-frame{width:1.85rem;height:3.1rem;border:2px solid var(--accent);border-radius:.45rem;position:relative;background:#fff;animation:phone-rotate 1.8s ease-in-out infinite;transform-origin:center}.phone-frame:after{content:"";position:absolute;width:.3rem;height:.3rem;border-radius:999px;background:var(--accent);left:50%;transform:translate(-50%);bottom:.18rem}@keyframes phone-rotate{0%,28%{transform:rotate(0)}55%,88%{transform:rotate(90deg)}to{transform:rotate(90deg)}}.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));min-height:0;height:100%;align-items:stretch;gap:0}.pool-section{min-height:0;display:flex;flex-direction:column;gap:clamp(.35rem,1.4vh,.65rem)}.pool-section .pool{flex:1 1 auto}.slot,.pool-slot{border:1px solid var(--border);border-radius:0;margin:0;min-height:0;height:100%;padding:.22rem .32rem;background:color-mix(in srgb,var(--panel),var(--bg) 20%);display:grid;align-content:start;gap:.4rem}.pool-slot{background:color-mix(in srgb,var(--panel),var(--bg) 12%);border-left:0;border-right:0}.pool-slot:first-child{border-left:1px solid var(--border)}.pool-slot:last-child{border-right:1px solid var(--border)}.position{font-weight:700;min-width:1.4rem}.placeholder{color:#8a96a5;font-size:.92rem}.event-tile{min-height:100%;min-width:0;width:100%;display:grid;align-content:start;gap:.3rem;border:1px solid var(--border);background:#d9eafe;color:var(--text);border-radius:0;padding:.35rem .4rem;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.18;font-size:clamp(.7rem,1.55vw,.9rem);overflow-wrap:anywhere}.date-tag{width:fit-content;font-size:.68rem;padding:.12rem .32rem;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;align-items:flex-start;margin-top:auto}.inline-result{margin:0 0 0 auto;text-align:right;font-weight:600}.no-guesses-left{color:var(--bad);font-weight:700}.error{border-color:var(--bad)}.results ol{padding-left:1.2rem}@media (max-width: 920px),(orientation: portrait){.page{padding:clamp(.25rem,1.6vw,.5rem)}.play-area{gap:.45rem;margin:0;min-height:100%;height:100%;max-height:100%}.timeline,.pool{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.slot,.pool-slot{padding:.14rem .24rem}.event-tile{gap:.22rem;padding:.28rem .3rem}.label{line-height:1.14;font-size:clamp(.62rem,2.05vw,.8rem)}.date-tag{font-size:.62rem;padding:.1rem .26rem}}@media (max-width: 700px){.intro-screen{width:min(680px,calc(100% - .4rem));max-height:calc(100dvh - .5rem);gap:.65rem;padding:clamp(.95rem,4vw,1.25rem)}.intro-screen h1{font-size:clamp(1.35rem,6.2vw,1.9rem)}.intro-tagline{font-size:clamp(.9rem,4.2vw,1.2rem)}.intro-meta{font-size:clamp(.9rem,3.5vw,1rem)}.play-area{font-size:.92rem}.play-brand h1{font-size:1.25rem}.play-brand .logo-mark{width:1.8rem;height:1.8rem;font-size:.95rem}.meta,.placeholder,.btn,.inline-result{font-size:.9rem}.label{font-size:clamp(.58rem,1.9vw,.72rem)}.date-tag{font-size:.58rem}}@media (orientation: landscape){.play-area{grid-template-rows:auto auto minmax(0,1fr) minmax(0,1fr)}.timeline,.pool,.slot,.pool-slot{min-height:0}.results{overflow:auto;min-height:0}}@media (max-height: 350px){.play-area-wrapper{padding:.2rem}.play-area{gap:.15rem;grid-template-rows:auto auto minmax(115px,1.45fr) minmax(80px,1.45fr)}.timeline{min-height:115px}.pool{min-height:80px}.slot,.pool-slot{padding:.16rem .24rem}.last-guess{font-size:.7rem;line-height:1.05}.play-brand{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}