:root{color:#f6f3ee;background:#090b10;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f6f3ee;--muted: #9b9ba5;--soft: #70717b;--line: rgba(246, 243, 238, .13);--line-strong: rgba(246, 243, 238, .25);--panel: rgba(19, 21, 28, .84);--panel-solid: #14161d;--accent: #e8c879;--accent-hot: #f4a58c;--success: #9bd8bb;--danger: #e99892}*{box-sizing:border-box}html{min-width:320px;background:#090b10}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 78% -8%,rgba(103,86,57,.23),transparent 31rem),radial-gradient(circle at 3% 28%,rgba(44,58,76,.28),transparent 37rem),#090b10}body:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;content:"";-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%)}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}#app{min-height:100vh}.site-shell{width:min(1280px,calc(100% - 72px));min-height:100vh;margin:0 auto;padding:30px 0 26px}.topbar,.topbar-center,.brand-button,.brand-copy,.site-footer,.stage-heading,.progress-label,.stats-row,.input-row,.result,.history-heading{display:flex;align-items:center}.topbar{justify-content:space-between;gap:22px}.brand-button{gap:12px;padding:0;border:0;background:transparent;color:var(--ink);text-align:left}.brand-mark{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:1px solid rgba(232,200,121,.7);border-radius:15px;background:linear-gradient(145deg,var(--accent),#b28c4f);color:#181716;font:700 1.5rem Georgia,serif;transform:rotate(-7deg);box-shadow:0 10px 32px #e8c87921}.brand-copy{align-items:flex-start;flex-direction:column;gap:2px}.brand-copy strong,h1{font:600 .94rem/1.1 Georgia,serif;letter-spacing:-.02em}h1,h2,h3,p{margin:0}.eyebrow{color:var(--accent);font-size:.62rem;font-weight:700;letter-spacing:.17em;line-height:1.3;text-transform:uppercase}.topbar-note,.collection-kicker,.topbar-center{color:var(--muted);font-size:.72rem;letter-spacing:.05em}.topbar-center{gap:12px}.collection-line{width:34px;height:1px;background:var(--line-strong)}.landing-shell{display:flex;flex-direction:column}.landing-topbar{flex:0 0 auto}.landing-main{display:grid;min-height:calc(100vh - 145px);grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;gap:clamp(50px,9vw,150px)}.landing-copy{position:relative;z-index:1;max-width:560px}.landing-copy h2{margin-top:18px;font:500 clamp(3.5rem,7.6vw,7.4rem)/.92 Georgia,serif;letter-spacing:-.065em}.landing-copy h2 em{color:var(--accent);font-style:italic}.landing-description{max-width:450px;margin-top:28px;color:var(--muted);font-size:1rem;line-height:1.7}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid rgba(232,200,121,.7);border-radius:9px;padding:14px 17px;background:var(--accent);color:#1a1814;font-weight:700;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.primary-button:hover{background:#f0d58e;box-shadow:0 10px 32px #e8c8792e;transform:translateY(-2px)}.primary-button:focus-visible,.secondary-button:focus-visible,.brand-button:focus-visible,.set-button:focus-visible,.rail-image:focus-visible,input:focus-visible{outline:2px solid var(--accent-hot);outline-offset:4px}.button-arrow{font-size:1.05em}.set-picker{max-width:450px;margin:25px 0 0;border:0;padding:0}.set-picker legend{margin-bottom:10px;padding:0;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.05em}.set-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.set-button{min-height:36px;border:1px solid var(--line);border-radius:7px;background:#04060b6b;color:var(--muted);font-size:.7rem;font-weight:700;transition:border-color .16s ease,background .16s ease,color .16s ease}.set-button:hover{border-color:var(--accent);color:var(--ink)}.set-button-active{border-color:var(--accent);background:#e8c87926;color:var(--accent)}.landing-cta{margin-top:22px}.landing-meta{display:flex;gap:12px;margin-top:20px;color:var(--soft);font-size:.72rem;letter-spacing:.04em}.landing-art{position:relative;min-height:650px;display:grid;place-items:center}.landing-image-wrap{position:relative;width:min(100%,620px);margin:0;padding:20px 20px 19px;border:1px solid var(--line-strong);border-radius:18px;background:#14161da3;box-shadow:0 34px 90px #0000006b;transform:rotate(2.5deg)}.landing-image-wrap:before{position:absolute;z-index:-1;top:18px;right:-17px;bottom:-18px;left:17px;border:1px solid rgba(232,200,121,.22);border-radius:inherit;content:""}.landing-image-wrap img{display:block;width:100%;aspect-ratio:4 / 3;border-radius:9px;object-fit:cover;filter:saturate(.92) contrast(1.04)}.image-index{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--accent);font:700 .67rem/1 Georgia,serif;letter-spacing:.14em}.image-index span:last-child{color:var(--soft)}.landing-image-wrap figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:13px;color:var(--muted);font-size:.68rem;letter-spacing:.05em}.landing-caption{position:absolute;right:0;bottom:55px;color:var(--soft);font:italic 1rem Georgia,serif;transform:rotate(-4deg)}.ambient-orbit{position:absolute;border:1px solid rgba(232,200,121,.18);border-radius:50%;pointer-events:none}.ambient-orbit-one{width:88%;height:40%;transform:rotate(-25deg)}.ambient-orbit-two{width:61%;height:68%;transform:rotate(32deg);border-color:#9db1cd24}.game-shell{padding-bottom:18px}.game-layout{display:grid;min-height:calc(100vh - 155px);grid-template-columns:minmax(0,1.5fr) minmax(330px,.72fr);align-items:center;gap:clamp(28px,5vw,82px);padding:53px 0 34px}.visual-stage{min-width:0}.stage-heading{justify-content:space-between;gap:20px;margin-bottom:16px}.stage-heading h2{margin-top:7px;color:var(--ink);font:500 clamp(1.7rem,3.1vw,3.15rem)/1 Georgia,serif;letter-spacing:-.05em}.stage-count{color:var(--accent);font:500 2.1rem/1 Georgia,serif}.stage-count small{color:var(--soft);font-size:.8rem}.hero-image{position:relative;height:clamp(370px,56vh,650px);margin:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:16px;background:#15171e;box-shadow:0 34px 80px #00000061;animation:reveal-in .5s cubic-bezier(.2,.8,.2,1) both}.hero-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.05)}.hero-image:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(4,6,11,.06),transparent 52%,rgba(4,6,11,.74));content:"";pointer-events:none}.hero-glow{position:absolute;z-index:1;top:-20%;left:18%;width:48%;height:40%;border-radius:50%;background:#e8c8793d;filter:blur(60px);mix-blend-mode:screen;opacity:.55;pointer-events:none}.hero-image figcaption{position:absolute;z-index:2;right:18px;bottom:17px;left:18px;display:flex;justify-content:space-between;gap:16px;color:#f6f3eedb;font-size:.72rem;letter-spacing:.06em}.hero-won{border-color:#9bd8bba6;box-shadow:0 0 0 1px #9bd8bb2e,0 34px 90px #0000006b}.hero-lost{border-color:#e99892a6}.clue-rail{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:4px;scrollbar-color:var(--line-strong) transparent}.rail-image{position:relative;min-width:68px;width:68px;height:54px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;padding:0;background:#15171e;opacity:.52;transition:opacity .18s ease,border-color .18s ease,transform .18s ease}.rail-image img{display:block;width:100%;height:100%;object-fit:cover}.rail-image span{position:absolute;right:5px;bottom:3px;color:#fff;font-size:.54rem;text-shadow:0 1px 5px #000}.rail-image-current{border-color:var(--accent);opacity:1;transform:translateY(-3px)}.play-panel{position:relative;min-width:0;padding:25px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(155deg,#191b23eb,#0e1016e6);box-shadow:0 30px 70px #00000042}.panel-intro{padding-bottom:22px;border-bottom:1px solid var(--line)}.panel-hint{margin-top:10px;color:var(--muted);font:1.05rem/1.45 Georgia,serif}.progress-block{padding:20px 0 16px}.progress-label{justify-content:space-between;gap:12px;color:var(--muted);font-size:.69rem;letter-spacing:.03em}.progress-label strong{color:var(--accent);font-size:.75rem}.progress-track{width:100%;height:5px;margin-top:11px;overflow:hidden;border-radius:99px;background:#f6f3ee1a}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-hot));transition:width .35s ease}.stats-row{gap:8px}.stat-chip{display:flex;flex:1;align-items:baseline;gap:6px;border:1px solid var(--line);border-radius:8px;padding:10px 11px;color:var(--muted);font-size:.65rem}.stat-chip strong{color:var(--ink);font:1.35rem Georgia,serif}.stat-chip-highlight{border-color:#e8c87961}.stat-chip-highlight strong{color:var(--accent)}.guess-form{margin-top:24px}.guess-form label{display:block;margin-bottom:9px;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.05em}.input-row{align-items:stretch;gap:8px}input{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:8px;padding:13px 12px;outline:none;background:#04060b85;color:var(--ink)}input::placeholder{color:#696a74}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8c8791c}.input-row .primary-button{flex:0 0 auto;padding-inline:15px}.feedback{min-height:19px;margin-top:9px;color:var(--soft);font-size:.7rem;line-height:1.4}.feedback.error{color:var(--danger)}.feedback.success{color:var(--success)}.history{margin-top:18px;border-top:1px solid var(--line);padding-top:17px}.history-heading{justify-content:space-between;gap:12px}.history-heading h3{font:600 .74rem/1 Georgia,serif;letter-spacing:.04em}.history-heading>span{color:var(--soft);font-size:.65rem}.history-empty{margin-top:11px;color:var(--soft);font-size:.7rem}.history-list{display:grid;gap:5px;max-height:145px;margin:10px 0 0;overflow-y:auto;padding:0 4px 0 0;list-style:none;scrollbar-color:var(--line-strong) transparent}.history-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:6px;padding:7px 9px;color:var(--muted);font-size:.7rem}.history-entry.correct{border-color:#9bd8bb4d;color:var(--success)}.history-result{display:grid;width:17px;height:17px;flex:0 0 auto;place-items:center;border-radius:50%;background:#e9989224;color:var(--danger);font-size:.65rem;font-weight:700}.history-entry.correct .history-result{background:#9bd8bb24;color:var(--success)}.result{gap:11px;margin-top:18px;border:1px solid rgba(155,216,187,.3);border-radius:9px;padding:12px;background:#9bd8bb0f}.result.lost{border-color:#e998924d;background:#e998920f}.result-icon{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--success);color:#15251f;font-size:.8rem}.result.lost .result-icon{background:var(--danger)}.result strong,.result span{display:block}.result strong{font:600 .76rem Georgia,serif}.result span{margin-top:4px;color:var(--muted);font-size:.65rem;line-height:1.35}.secondary-button{display:inline-flex;align-items:center;gap:8px;margin-left:auto;border:1px solid var(--line-strong);border-radius:7px;padding:9px 10px;background:transparent;color:var(--ink);font-size:.65rem;white-space:nowrap}.secondary-button:hover{border-color:var(--accent);color:var(--accent)}.site-footer{justify-content:space-between;gap:16px;color:var(--soft);font-size:.66rem;letter-spacing:.04em}@keyframes reveal-in{0%{opacity:0;transform:scale(1.025);filter:saturate(.5)}to{opacity:1;transform:scale(1);filter:saturate(1)}}@media(max-width:980px){.site-shell{width:min(100% - 40px,720px)}.landing-main{grid-template-columns:1fr;gap:35px;padding:70px 0 35px}.landing-copy{max-width:620px}.landing-art{min-height:510px}.game-layout{grid-template-columns:1fr;gap:28px;padding-top:42px}.visual-stage{order:1}.play-panel{order:2}.hero-image{height:min(66vh,620px)}}@media(max-width:620px){.site-shell{width:min(100% - 24px,500px);padding-top:19px}.topbar-note,.topbar-center{display:none}.landing-main{min-height:auto;padding-top:76px}.landing-copy h2{font-size:clamp(3.1rem,15vw,5rem)}.landing-description{font-size:.9rem}.set-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-art{min-height:375px}.landing-image-wrap{padding:12px 12px 13px}.landing-caption{right:3px;bottom:5px;font-size:.8rem}.game-layout{padding-top:45px}.stage-heading h2{font-size:1.9rem}.stage-count{font-size:1.75rem}.hero-image{height:min(65vh,480px)}.play-panel{padding:18px}.input-row{flex-direction:column}.input-row .primary-button{width:100%}.result{align-items:flex-start;flex-wrap:wrap}.result .secondary-button{margin-left:40px}.site-footer{align-items:flex-start;flex-direction:column;gap:7px;padding-top:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}