/* WHITE RABBIT · THE GATE AT 02:20 · PUBLIC STORY V1.0 */
:root{color-scheme:dark;--bg:#06101d;--bg2:#0d1d32;--text:#eaf0f6;--muted:#bed1de;--gold:#f0d198;--blue:#80cdeb;--green:#93eec1;--border:rgba(223,194,135,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:16px/1.68 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 18% 5%,#183e56 0,transparent 38%),radial-gradient(ellipse at 85% 17%,#403044 0,transparent 38%),linear-gradient(165deg,#06101d 0,#030811 100%);min-height:100vh}
a{color:#b4e7ff}a:hover{color:var(--gold)}a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-10000px;top:auto;z-index:100}.skip:focus{left:1rem;top:1rem;padding:.6rem 1rem;background:#172b45}
.shell{max-width:1120px;margin:0 auto;padding:26px 20px 55px}.topline{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:14px;border-bottom:1px solid #6e849766}.brand{font-size:.73rem;letter-spacing:.19em;color:var(--gold);font-weight:750}.links{display:flex;flex-wrap:wrap;gap:8px}.links a{border:1px solid #6a8595;border-radius:100px;padding:6px 13px;text-decoration:none;font-size:.81rem;font-weight:700}.links a[aria-current=page]{color:#101e2d;background:var(--gold);border-color:var(--gold)}
.hero{text-align:center;padding:49px 8px 25px}.eyebrow{color:var(--gold);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.hero h1{font:normal clamp(37px,6vw,76px)/1.08 Georgia,serif;letter-spacing:.02em;margin:14px 0 11px}.hero .sub{font:italic clamp(16px,2vw,24px)/1.5 Georgia,serif;color:#d8c59d;margin:0 auto 22px;max-width:720px}.intro{max-width:800px;margin:0 auto;color:var(--muted)}
.portal{margin:24px auto 33px;padding:25px 20px;max-width:800px;position:relative;overflow:hidden;text-align:center;border:1px solid #668b9c;border-radius:18px;background:radial-gradient(circle at 50% 48%,rgba(43,124,139,.38),transparent 52%),linear-gradient(125deg,#0e2536,#151c33);box-shadow:0 22px 48px #000a}.portal::after{content:"";pointer-events:none;position:absolute;inset:12px;border:1px solid rgba(153,215,226,.2);border-radius:12px}.rabbit{font-size:49px;line-height:1.2}.time{font:700 clamp(68px,14vw,142px)/1.05 Georgia,serif;color:var(--gold);text-shadow:0 0 38px #edbd8466;letter-spacing:.075em}.terminal{font:700 clamp(12px,1.5vw,15px)/1.85 Consolas,"Courier New",monospace;letter-spacing:.06em;color:var(--green)}.portal-note{color:#d2e4ef;font-size:.75rem;letter-spacing:.07em}
.status{max-width:800px;margin:0 auto 25px;padding:11px 15px;background:#0e2437;border-left:3px solid #7ac59e;color:#d9e8f0;font-size:.88rem}.status b{color:#a3eac9}.status[data-result=down]{border-color:#dcb477}.status[data-result=down] b{color:#f0d198}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:25px 0}.panel{background:linear-gradient(145deg,#10243a,#0c1729);border:1px solid #5a6b79;border-radius:14px;padding:21px}.panel h2{font:normal clamp(24px,3vw,34px)/1.24 Georgia,serif;color:#fff;margin:0 0 10px}.panel p{color:var(--muted);font-size:.94rem;margin:0 0 12px}.panel ul{padding-left:1.35rem;color:var(--muted);font-size:.91rem;margin:0}.panel li{margin:.45rem 0}.tag{display:inline-block;font-size:.69rem;color:var(--gold);font-weight:750;letter-spacing:.13em;margin-bottom:8px}
.timeline{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:12px}.step{border:1px solid #576e7c;background:#081b2b;border-radius:12px;padding:16px 20px 16px 63px;position:relative}.step::before{content:attr(data-step);position:absolute;left:14px;top:17px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#1b3c4f;border:1px solid #8eb7c4;font:800 .85rem Consolas,monospace;color:var(--gold)}.step strong{display:block;color:#fff;margin-bottom:2px}.step span{color:var(--muted);font-size:.91rem}.step code,.panel code{color:#a6eccb;overflow-wrap:anywhere}
.choice{margin:25px 0 14px;border:1px solid #7f798a;border-radius:15px;padding:26px;text-align:center;background:linear-gradient(120deg,#21182b,#091c2e)}.pills{display:flex;align-items:center;justify-content:center;gap:30px;margin:14px 0}.pill{width:54px;height:99px;border-radius:30px;box-shadow:inset 5px 7px 13px #ffffff39,6px 9px 18px #000a;transform:rotate(22deg)}.pill.red{background:linear-gradient(140deg,#fe7671,#b31730 63%,#641126);border:1px solid #e97881}.pill.blue{background:linear-gradient(140deg,#83e6ff,#146fae 63%,#143b75);border:1px solid #72bee9}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:16px 0}.action{display:inline-block;text-decoration:none;border-radius:100px;padding:10px 16px;border:1px solid #8ca7b8;color:white;font-size:.85rem;font-weight:750}.action.primary{background:var(--gold);border-color:var(--gold);color:#16243a}.action:hover{filter:brightness(1.12);text-decoration:none}.fineprint{font-size:.8rem;max-width:780px;margin:16px auto 0;color:#b6c8d4}.credits{text-align:center;border-top:1px solid #6e849744;margin-top:31px;padding:24px 10px 5px;color:#b9cdd8;font-size:.8rem}.credits strong{color:var(--gold)}
@media(max-width:690px){.two{grid-template-columns:1fr}.hero{padding-top:35px}.portal{padding:23px 8px}.shell{padding:15px 12px 32px}.step{padding-left:54px}.step::before{left:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}