:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#eef5ff;background:#040b16}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:linear-gradient(#03091477,#030914df),url('/assets/lore/realm-disney-detail.jpg') center/cover fixed}header{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;gap:12px}a{color:#ead09a;text-decoration:none}button,select{font:inherit}button{cursor:pointer;border:1px solid #6b9bb1;background:#102735;color:#f3faff;border-radius:8px;padding:15px 19px;min-height:48px}button:hover{background:#21475c}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffe1a0;outline-offset:4px}button:disabled{cursor:default;opacity:.7}header button{font-size:14px;padding:10px}main{max-width:730px;margin:auto;padding:12px 24px 40px;text-align:center}.eyebrow{color:#d7b67b;letter-spacing:.2em;font-size:12px}h1{font-family:Georgia,serif;font-size:clamp(32px,7vw,56px);letter-spacing:.09em;font-weight:400;line-height:1.02;margin:22px 0}h1 span{font-size:.64em;letter-spacing:.24em;color:#bceeff}.intro{font-size:18px;color:#c8d9e4}.portal{height:235px;position:relative;overflow:hidden;border:1px solid #b89964;margin:26px auto;max-width:440px;background:url('/assets/lore/lounge-hosts/disney-corridor.webp') center/cover;box-shadow:0 0 55px #63caff2b}.door{position:absolute;width:50%;height:100%;background:linear-gradient(90deg,#081522ef,#193746f5,#081522f0);border:1px solid #c3a268;transition:transform 1.1s ease;z-index:1}.left{left:0}.right{right:0}.portal.open .left{transform:translateX(-100%)}.portal.open .right{transform:translateX(100%)}.portal button{position:absolute;z-index:2;inset:70px 40px;background:#061522db;border-color:#d8bc7f;color:#ffe6b5;font-size:23px;transition:opacity .4s}.portal button small{display:block;font-size:14px;color:#bde5f5;margin-top:8px}.portal.open button{opacity:0}.settings{display:flex;gap:16px;justify-content:center}.settings label{text-align:left;font-size:14px;color:#bfd0dc;flex:1;max-width:225px}select{display:block;width:100%;margin-top:7px;padding:12px 9px;border:1px solid #536b79;border-radius:6px;background:#0a1c2c;color:white}.note{font-size:13px;line-height:1.6;color:#9ab0c1}.hud{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:10px;margin-top:22px}.hud strong{font-size:24px;color:#f3d79b}progress{width:100%;height:5px;accent-color:#88deff;margin:14px 0}.locks{display:flex;justify-content:center;gap:35px;font-size:32px;color:#637686}.locks .unlocked{color:#f7d188;text-shadow:0 0 16px #e1ad4d}#visual{margin:12px auto}#visual img{height:180px;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 14px #74d6ff66)}h2{font-size:24px;line-height:1.3;font-weight:500}#answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}#answers button{min-height:62px}#answers .correct{background:#164c47;border-color:#85f1c8}#answers .wrong{background:#5b2932;border-color:#f5a4ad}#feedback{min-height:48px;color:#d4e8f3;line-height:1.5}#next,#again{background:#e8c88a;color:#111e2a;border:0;min-width:180px}.quiet{display:block;margin:20px auto 0;border:0;background:transparent;color:#a9c2d2;font-size:14px}.signal-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signal{padding:18px 8px;border:1px solid #547f91;background:#081d2b}.signal b{display:block;letter-spacing:.16em;font-size:22px;color:#a8eaff;margin-top:14px}.signal small{font-size:12px;color:#b1b8bf}.big-score{font-size:62px;color:#f1d49a;font-family:Georgia,serif}#review{text-align:left;font-size:14px;line-height:1.5;margin:25px 0;color:#bdd0df}#review p{border-bottom:1px solid #ffffff20;padding-bottom:12px}.return{display:block;margin:24px}footer{text-align:center;color:#8798a6;font-size:12px;padding:20px}[hidden]{display:none!important}@media(max-width:420px){main{padding:4px 18px 25px}header{padding:14px 18px;font-size:14px}.portal{height:210px}h1{margin:18px 0}.hud{font-size:12px}.signal b{font-size:18px}#visual img{height:145px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Cinematic entry and image-based inspection. */
.portal{height:auto;aspect-ratio:3/2;max-width:600px;width:100%;border:1px solid #a98d55;margin:22px auto 16px;border-radius:4px;background-image:url('/assets/lore/lounge-hosts/disney-corridor.webp');box-shadow:0 18px 55px #000b;perspective:1000px}
.door{border:0;background-image:url('archive-doors.webp');background-size:200% 100%;transition:transform 1.45s cubic-bezier(.65,0,.2,1);will-change:transform}.door.left{background-position:left center}.door.right{background-position:right center}.portal.open .left{transform:translateX(-102%)}.portal.open .right{transform:translateX(102%)}
.archive-enter{display:block;width:100%;max-width:600px;margin:0 auto 22px;background:linear-gradient(110deg,#edd39e,#b89a60);border:1px solid #f3d7a0;color:#0c1721;font-weight:650;letter-spacing:.03em;box-shadow:0 5px 24px #0005}.archive-enter:hover{background:#f0d8a6}.archive-enter span{margin-left:16px}
.card-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:510px;margin:auto}.card-pair figure{margin:0;min-width:0}.card-pair figcaption{font-size:12px;color:#e7d2a9;line-height:1.4;min-height:34px;letter-spacing:.07em}.comparison-card{position:relative;width:100%;aspect-ratio:1120/1560;border-radius:12px;overflow:hidden;box-shadow:0 5px 25px #0008}#visual .comparison-card img{display:block;width:100%;height:100%;max-width:none;object-fit:fill;filter:none}#visual .comparison-card .game-color-shift{position:absolute;inset:0;filter:hue-rotate(145deg) saturate(1.65);pointer-events:none}.comparison-card button{position:absolute;margin:0;padding:0;border:0;border-radius:4px;min-height:0;background:transparent;opacity:1}.card-field{inset:0;width:100%;height:100%}.card-hit{z-index:2}.comparison-card .card-hit:hover{outline:1px solid #ffffff77;background:#ffffff0c}.comparison-card .card-hit:focus-visible{outline:3px solid #fff;outline-offset:-3px;background:#ffffff25}.comparison-card .card-hit.correct{background:#6dffc338;outline:3px solid #8cffc6;outline-offset:-3px}.comparison-card .card-hit.wrong{background:#ff637833;outline:2px solid #ff8e9c;outline-offset:-2px}.comparison-card .card-field.wrong{box-shadow:inset 0 0 0 3px #ff8e9c;background:transparent}.comparison-note{font-size:12px;line-height:1.5;color:#a5bacc;margin:12px auto;max-width:450px}#play:has(.card-pair) h2{font-size:19px;margin:12px 0}#play:has(.card-pair) #feedback{min-height:0}body:has(#play:not([hidden])) h1{font-size:30px;margin:10px 0}body:has(#play:not([hidden])) .eyebrow{margin:8px 0}
@media(max-width:420px){.card-pair{gap:10px}.card-pair figcaption{font-size:11px}.settings{gap:10px}.portal{height:auto}.comparison-card{border-radius:7px}}
@media(prefers-reduced-motion:reduce){.door{transition:none}}

/* Enchanted Archive palette */
body{background:linear-gradient(#150f2ca6,#120c24e8),url('/assets/lore/realm-disney-detail.jpg') center/cover fixed}h1{color:#fff1cf}h1 span{color:#dbceff}.eyebrow{color:#ecd3a2}.archive-enter{background:linear-gradient(110deg,#f8e8c4,#ccb4f0);color:#261b3e}.portal{box-shadow:0 0 55px #b194d735;border-color:#dbc493}button{background:#2a2346;border-color:#8f80ae}button:hover{background:#46395e}select{background:#211b36}#visual .comparison-card img{aspect-ratio:800/1115}.comparison-card{aspect-ratio:800/1115}.locks .unlocked{color:#ebd1ff;text-shadow:0 0 18px #cb9cfb}#next,#again{background:#ead1f9;color:#241434}

body{background:linear-gradient(#082526b3,#082526f2),url('/assets/lore/lounge-hosts/onepiece-approved.webp') center/cover fixed}h1{color:#fff2d7}h1 span,.eyebrow{color:#74d9cb}.portal{background-image:url('/assets/lore/lounge-hosts/onepiece-approved.webp');border-color:#74d9cb;box-shadow:0 0 40px #74d9cb25}.archive-enter,#next,#again{background:#74d9cb;color:#131723}button,select{background:#082526;border-color:#74d9cb80}button:hover{background:#384255}.locks .unlocked{color:#74d9cb;text-shadow:0 0 16px #74d9cb}.comparison-card{aspect-ratio:927/1200}#visual .comparison-card img{aspect-ratio:927/1200}