:root{--bg:#f6f4ef;--surface:#fff;--surface-strong:#121826;--text:#172033;--muted:#667085;--line:#d7dce5;--accent:#f2643b;--accent-dark:#c74622;--teal:#007f7b;--yellow:#f5c451;--success:#167a4b;--danger:#bd2c2c;--radius:22px;--shadow:0 18px 50px #141f3317}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth;font-family:Arial,Helvetica,sans-serif}body{background:radial-gradient(circle at 10% 0%, #f5c4512e, transparent 28rem), radial-gradient(circle at 100% 18%, #007f7b1f, transparent 34rem), var(--bg);min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.site-shell{width:min(1120px,100% - 32px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 0;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--surface-strong);border-radius:13px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 -5px #f2643b8c}.nav-links{align-items:center;gap:10px;display:flex}.page{padding:42px 0 80px}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;min-height:68vh;display:grid}.hero h1,.page-title{letter-spacing:-.065em;max-width:860px;margin:0;font-size:clamp(2.5rem,7vw,5.9rem);line-height:.94}.page-title{font-size:clamp(2.3rem,6vw,4.7rem)}.hero p,.lead{max-width:720px;color:var(--muted);margin:24px 0 0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.hero-art{background:linear-gradient(145deg, #ffffff1f, transparent), var(--surface-strong);min-height:430px;box-shadow:var(--shadow);border-radius:44px;position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:"";border-radius:50%;position:absolute}.hero-art:before{background:var(--yellow);width:310px;height:310px;inset:-60px -70px auto auto}.hero-art:after{background:var(--teal);width:260px;height:260px;inset:auto auto -80px -70px}.time-capsule{z-index:2;background:linear-gradient(90deg,#f2643b 0 46%,#f5c451 46% 54%,#007f7b 54%);border:10px solid #ffffffe6;border-radius:90px;width:170px;height:280px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(22deg);box-shadow:0 28px 60px #00000059}.time-capsule:before{content:"1936 → ?";color:#fff;text-align:center;letter-spacing:.08em;font-size:1.35rem;font-weight:900;position:absolute;inset:48% -60px auto;transform:rotate(-22deg)}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:15px;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;font-weight:750;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{color:#fff;background:var(--accent);box-shadow:0 9px 25px #f2643b40}.button-primary:hover{background:var(--accent-dark)}.button-secondary{color:var(--text);border-color:var(--line);background:#ffffffb3}.button-dark{color:#fff;background:var(--surface-strong)}.button-danger{color:#fff;background:var(--danger)}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border:1px solid #d7dce5e6;padding:24px}.card h2,.card h3{letter-spacing:-.03em;margin-top:0}.metric{flex-direction:column;justify-content:center;gap:4px;min-height:120px;display:flex}.metric strong{font-size:clamp(1.7rem,4vw,3.1rem);line-height:1}.metric span,.muted{color:var(--muted)}.form-grid{gap:18px;display:grid}.field{gap:8px;display:grid}.field label,.field-label{font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:50px;color:var(--text);background:#fff;border-radius:14px;outline:none;padding:12px 14px}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px #007f7b1c}.checkbox-row{align-items:flex-start;gap:10px;line-height:1.45;display:flex}.checkbox-row input{width:20px;height:20px;margin-top:2px}.notice,.error,.success{border-radius:14px;padding:14px 16px;line-height:1.5}.notice{background:#f5c45138}.error{color:#8d2020;background:#bd2c2c1a}.success{color:#0f5c38;background:#167a4b1c}.badge{width:fit-content;color:var(--teal);background:#007f7b1a;border-radius:999px;align-items:center;padding:6px 10px;font-size:.86rem;font-weight:800;display:inline-flex}.quest-shell{width:min(760px,100% - 24px);margin:0 auto;padding:18px 0 90px}.quest-header{justify-content:space-between;align-items:center;gap:12px;padding:12px 0 18px;display:flex}.quest-card{color:#fff;background:var(--surface-strong);border-radius:30px;padding:28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #12182638}.quest-card:after{content:"";background:var(--accent);opacity:.82;border-radius:50%;width:210px;height:210px;position:absolute;inset:-90px -75px auto auto}.quest-card>*{z-index:1;position:relative}.quest-card h1{letter-spacing:-.055em;max-width:540px;margin:12px 0;font-size:clamp(2.1rem,8vw,4.3rem);line-height:.98}.quest-card p{color:#ffffffc7;max-width:610px;line-height:1.65}.quest-tools{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.tool-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;min-height:48px;font-weight:750}.progress-track{background:#ffffff24;border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--yellow);height:100%}.table-wrap{overflow-x:auto}.leaderboard{border-collapse:collapse;width:100%}.leaderboard th,.leaderboard td{border-bottom:1px solid var(--line);text-align:start;padding:14px 12px}.leaderboard tbody tr:first-child td{background:#f5c45121;font-weight:800}.drawer-backdrop{z-index:50;background:#12182685;align-items:end;display:grid;position:fixed;inset:0}.drawer{background:#fff;border-radius:28px 28px 0 0;max-height:82vh;padding:24px;overflow-y:auto}.code{overflow-wrap:anywhere;border:1px dashed var(--line);background:#f8fafc;border-radius:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:800px){.hero,.grid-2,.grid-3{grid-template-columns:1fr}.hero{min-height:auto}.hero-art{min-height:330px}.nav-links{display:none}.page{padding-top:24px}}@media (max-width:480px){.site-shell{width:min(100% - 20px,1120px)}.card,.quest-card{padding:20px}.quest-tools{grid-template-columns:1fr}.button{width:100%}}