.intro{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:32px;padding-block:48px 28px;display:grid}h1{font-family:var(--f-disp);letter-spacing:-.04em;text-wrap:balance;margin:14px 0 0;font-size:clamp(36px,5.8vw,82px);font-weight:800;line-height:.96}h1 em{color:var(--ink);background:linear-gradient(transparent 58%,var(--amber) 58%,var(--amber) 92%,transparent 92%);padding:0 .06em;font-style:normal}.intro-r{flex-direction:column;gap:18px;display:flex}.intro-r p{color:var(--mute);max-width:400px;margin:0}.facts{flex-wrap:wrap;gap:28px;display:flex}.facts div{flex-direction:column;display:flex}.facts b{font-family:var(--f-disp);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.facts span{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-size:10px}.stage{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.globe-box{border:1px solid var(--line);touch-action:none;background:#f4ead5;border-radius:30px;min-height:640px;position:relative;overflow:hidden}#globe{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.gb-top{pointer-events:none;justify-content:space-between;gap:12px;display:flex;position:absolute;top:18px;left:22px;right:22px}.gb-top .eyebrow{color:var(--mute)}.legend{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mute);gap:14px;font-size:10px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:8px;height:8px;display:block}.gb-bot{justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:18px;left:22px;right:22px}.hint,.coord{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-size:10px}.coord{letter-spacing:.06em;font-variant-numeric:tabular-nums}.regions{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.regions button{border:1px solid var(--line2);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);box-shadow:var(--shadow);background:#ffffffeb;border-radius:999px;padding:6px 12px;font-size:11px}.regions button:hover,.regions button[aria-pressed=true]{border-color:var(--amber);background:var(--amber)}.zoom{gap:6px;display:flex}.zoom button{border:1px solid var(--line2);width:38px;height:38px;box-shadow:var(--shadow);background:#ffffffeb;border-radius:50%;place-items:center;display:grid}.zoom button:hover{border-color:var(--amber)}.board{--ink:#f3eedc;--mute:#a7b0c2;--panel:var(--board);--line:#414b63;--line2:#525c75;--deep:#232b3d;--accent:var(--amber2);--sea:#9ccfc0;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:30px;flex-direction:column;gap:12px;min-width:0;padding:22px;display:flex;box-shadow:0 24px 60px -30px #16203a99}.board-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.board-h h2{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.board-h h2 i{background:var(--sea);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;display:block}@keyframes pulse{50%{opacity:.3}}.tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tools button{border:1px solid var(--line2);font-size:11px;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);background:0 0;border-radius:999px;padding:6px 12px}.tools button[aria-pressed=true]{background:var(--amber);border-color:var(--amber);color:var(--night)}.find{background:var(--deep);border:1px solid var(--line2);color:var(--ink);font:12px var(--f-mono);border-radius:999px;width:150px;padding:7px 14px}.cols,.row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) 64px;align-items:center;gap:10px;display:grid}.cols{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);padding:0 10px;font-size:10px}.rows{scrollbar-color:var(--line2) transparent;flex-direction:column;gap:3px;max-height:300px;padding-right:4px;display:flex;position:relative;overflow-y:auto}.row{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;width:100%;padding:7px 10px}.row:hover,.row.on{border-color:var(--line2);background:var(--board2)}.row.on{box-shadow:inset 3px 0 0 var(--amber)}.flap{font-family:var(--f-mono);letter-spacing:.04em;gap:2px;min-width:0;font-size:14px;font-weight:700;display:flex;overflow:hidden}.flap s{background:var(--flap);border-radius:3px;justify-content:center;min-width:.82em;padding:2px 1px;text-decoration:none;display:inline-flex;position:relative}.flap s:after{content:"";background:var(--night);opacity:.7;height:1px;position:absolute;top:50%;left:0;right:0}.small{font-family:var(--f-mono);color:var(--mute);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.st{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;text-align:center;color:var(--sea);border:1px solid #49d3c366;border-radius:6px;padding:4px 0;font-size:10px;font-weight:700}.st.hot{color:var(--night);background:var(--amber);border-color:var(--amber)}.pass{background:var(--paper);color:var(--paper-ink);border-radius:22px;grid-template-columns:minmax(0,1fr) 128px;margin-top:auto;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s;display:grid;position:relative;overflow:hidden}.pass.swap{opacity:.25;transform:translateY(8px)}.pass:before,.pass:after{content:"";background:var(--panel);border-radius:50%;width:20px;height:20px;position:absolute;right:118px}.pass:before{top:-10px}.pass:after{bottom:-10px}.pass-l{flex-direction:column;gap:10px;min-width:0;padding:18px 20px;display:flex}.pass-r{background:var(--paper2);border-left:2px dashed #c6bea6;flex-direction:column;justify-content:space-between;gap:12px;padding:18px 16px;display:flex}.lab{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#6e6857;font-size:9px}.route{font-family:var(--f-disp);letter-spacing:-.02em;align-items:center;gap:12px;font-size:30px;font-weight:800;display:flex}.route i{background:repeating-linear-gradient(90deg,var(--paper-ink) 0 6px,transparent 6px 12px);flex:1;min-width:24px;height:2px;position:relative}.route i:after{content:"";border-left:8px solid var(--paper-ink);border-top:5px solid #0000;border-bottom:5px solid #0000;position:absolute;top:-4px;right:-2px}.fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.fields div{flex-direction:column;gap:2px;min-width:0;display:flex}.fields b{font-family:var(--f-mono);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.plist{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.plist a{align-items:baseline;gap:8px;font-size:14px;font-weight:600;display:flex}.plist a:before{content:"→";color:#8b8470}.plist a:hover{text-decoration:underline}.go{background:var(--paper-ink);color:var(--paper);text-align:center;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600}.go:hover{background:#2a3245}.bar{gap:2px;height:40px;display:flex}.bar i{background:var(--paper-ink);display:block}.ask{border:1px solid var(--line);background:linear-gradient(135deg,var(--tint1) 0%,var(--bg) 50%,var(--tint2) 100%);border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;padding:28px;display:grid}.ask h2{font-family:var(--f-disp);letter-spacing:-.03em;margin:10px 0;font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1.05}.ask p{color:var(--mute);max-width:440px;margin:0 0 18px}.ask form{background:var(--panel);border:1px solid var(--line2);border-radius:999px;gap:8px;padding:6px 6px 6px 18px;display:flex}.ask form:focus-within{border-color:var(--amber)}.ask input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1}.send{background:var(--amber);color:var(--night);border:0;border-radius:999px;padding:10px 18px;font-weight:700}.sugs{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.sugs button{border:1px dashed var(--line2);color:var(--mute);background:0 0;border-radius:999px;padding:6px 12px;font-size:12px}.sugs button:hover{color:var(--ink);border-style:solid}.plan{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;min-width:0;min-height:280px;padding:20px 22px}.plan .ph{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sea);justify-content:space-between;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.plan h3{font-family:var(--f-disp);letter-spacing:-.02em;margin:0 0 10px;font-size:20px}.step{border-top:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;padding:7px 0;display:grid}.step b{font-family:var(--f-mono);color:var(--accent);font-size:12px}.plan .more{color:var(--accent);margin-top:14px;font-weight:600;display:inline-block}.cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.strip{background:repeating-linear-gradient(-45deg,var(--tint1) 0 14px,var(--bg) 14px 28px);width:100vw;margin-top:72px;margin-left:calc(50% - 50vw);padding-block:26px 34px;overflow:hidden}.strip-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.strip-h h2{font-family:var(--f-disp);letter-spacing:-.03em;margin:6px 0 0;font-size:clamp(22px,2.6vw,32px)}.strip-h span{font-family:var(--f-mono);color:var(--mute);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.track{gap:22px;width:max-content;padding-inline:11px;animation:70s linear infinite drift;display:flex}.strip:hover .track,.strip:focus-within .track{animation-play-state:paused}@keyframes drift{to{transform:translate(-50%)}}.pc{width:230px;transform:rotate(var(--r));background:#fff;border-radius:6px;padding:9px 9px 12px;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:block;position:relative;box-shadow:0 10px 24px -12px #16203a73}.pc:hover,.pc:focus-visible{z-index:1;transform:rotate(0)translateY(-6px)scale(1.04)}.pc img{aspect-ratio:4/3;object-fit:cover;border-radius:3px;width:100%;display:block}.pc b{font-family:var(--f-disp);letter-spacing:-.01em;margin-top:9px;font-size:15px;display:block}.pc small{font-family:var(--f-mono);color:var(--mute);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.pc i{background:var(--c);width:46px;height:52px;color:var(--ink);font:700 10px var(--f-mono);text-align:center;letter-spacing:.06em;outline:2px solid var(--c);border:3px dotted #fff;place-items:center;display:grid;position:absolute;top:16px;right:16px;transform:rotate(6deg)}@media (prefers-reduced-motion:reduce){.strip{overflow-x:auto}.track{animation:none}}.cat{background:var(--t);color:var(--ink);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:flex;overflow:hidden}.cat .ph{aspect-ratio:16/8;background:color-mix(in srgb,var(--t) 35%,#fff);overflow:hidden}.cat .ph img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.cat:hover .ph img{transform:scale(1.06)}.cat .lb{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.cat:hover{transform:translateY(-4px)rotate(-.4deg);box-shadow:0 18px 40px -18px #16203a73}.cat b{font-family:var(--f-disp);letter-spacing:-.02em;font-size:22px;font-weight:700}.cat span{font-family:var(--f-mono);font-variant-numeric:tabular-nums;background:#ffffff73;border-radius:999px;padding:2px 12px;font-size:24px;font-weight:700}@media (width<=1040px){.stage,.intro,.ask{grid-template-columns:minmax(0,1fr)}.globe-box{min-height:480px}.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.regions button{padding:5px 9px;font-size:10px}.gb-bot .hint{display:none}.cols,.row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 56px}.cols span:nth-child(3),.row .dur{display:none}.pass{grid-template-columns:minmax(0,1fr)}.pass:before,.pass:after{display:none}.pass-r{border-top:2px dashed #c6bea6;border-left:0;flex-flow:wrap;align-items:center}.globe-box{min-height:400px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cats{grid-template-columns:minmax(0,1fr)}.find{width:100%}}