:root{color:#edf3f8;font-synthesis:none;--ink:#f2f6f9;--muted:#90949b;--silver:#c7ccd2;--line:#e5ebf12e;--panel:#0d0f12e6;background:#07080a;font-family:Avenir Next,SF Pro Rounded,PingFang SC,Microsoft YaHei,ui-sans-serif,sans-serif}*{box-sizing:border-box}html{background:#07080a;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #9dc4ec}button:disabled{cursor:not-allowed;opacity:.42}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle at 73% 13%,#697f961c,#0000 32rem),radial-gradient(circle at 12% 78%,#51637712,#0000 29rem),linear-gradient(155deg,#0b0d10 0%,#07080a 52%,#050608 100%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-1;opacity:.32;background-image:radial-gradient(circle,#dee4eb73 0 .6px,#0000 .9px);background-position:21px 17px;background-size:109px 109px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.page-shell{width:min(1180px,100%);min-height:100vh;padding:max(26px, env(safe-area-inset-top)) clamp(18px, 4vw, 54px) max(36px, env(safe-area-inset-bottom));margin:0 auto}.kicker{color:#a5abb2;letter-spacing:.24em;align-items:center;gap:8px;margin:0 0 16px;font-size:10px;font-weight:600;display:flex}.primary,.secondary,.ghost,.text-button{cursor:pointer;border:0;transition:transform .2s,border-color .2s,background .2s}.primary{color:#090b0d;background:linear-gradient(135deg,#f0f2f4 0%,#bfc5cb 48%,#e8ecef 100%);border:1px solid #f4f7fa80;border-radius:7px;min-height:52px;padding:0 24px;font-weight:600;position:relative;box-shadow:inset 0 1px #fffc,0 14px 38px #00000061,0 0 28px #6f92b214}.primary:hover:not(:disabled),.secondary:hover,.ghost:hover{transform:translateY(-2px)}.secondary,.ghost{border:1px solid var(--line);background:linear-gradient(160deg,#23262bb3,#0a0c0fb8);border-radius:7px;min-height:50px;padding:0 21px;box-shadow:inset 0 1px #ffffff12}.ghost{background:0 0}.text-button{color:var(--muted);background:0 0}.icon-button{border:1px solid var(--line);color:#e2e5e8;cursor:pointer;background:linear-gradient(145deg,#23262ab8,#08090bd9);border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;box-shadow:inset 0 1px #ffffff0f}.icon-button svg{width:18px}.home{grid-template-columns:1.15fr .85fr;align-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.home-copy{z-index:5;padding:6vh 0 9vh;position:relative}.home h1{letter-spacing:.015em;margin:0;font-family:Avenir Next,PingFang SC,sans-serif;font-size:clamp(40px,4.2vw,60px);font-weight:300;line-height:1.3}.home h1 span,.home h1 em{white-space:nowrap;display:block}.home h1 em,.result h1 em{color:#d6dadd;text-shadow:0 0 32px #9fb5ca1f;font-style:normal;font-weight:400}.home-lead{color:#b0b4b9;letter-spacing:.035em;margin:30px 0 12px;font-size:clamp(17px,2vw,23px);font-weight:300;line-height:1.75}.home-note{color:#777d84;margin:0 0 30px;font-size:13px;font-weight:400}.home-actions{align-items:center;gap:12px;display:flex}.home-actions .primary{min-width:230px}.home-actions .primary span{margin-left:22px}.hint{color:#6e747b;letter-spacing:.12em;margin:18px 0 0;font-size:11px}.home-art{perspective:1000px;place-items:center;min-height:620px;display:grid;position:relative}.hero-glow{aspect-ratio:1;filter:blur(18px);background:radial-gradient(circle,#89a1b829,#44546508 48%,#0000 70%);border-radius:50%;width:85%;position:absolute}.hero-library{z-index:2;aspect-ratio:1;width:min(37vw,460px);position:relative;transform:rotate(-3deg)}.hero-poster{aspect-ratio:3/4;background:#0c0e11;border:1px solid #ebf0f54d;border-radius:8px;width:43%;display:block;position:absolute;overflow:hidden;box-shadow:0 35px 75px #00000094,inset 0 1px #ffffff1f}.hero-poster img{object-fit:contain;filter:saturate(.75)contrast(1.05)brightness(.78);background:#090a0c;width:100%;height:100%}.hero-poster:after{content:"";background:linear-gradient(125deg,#ffffff1f,#0000 21% 72%,#789bbc0f);position:absolute;inset:0}.poster-1{opacity:.58;top:23%;left:4%;transform:rotate(-10deg)translateZ(-70px)}.poster-2{z-index:2;top:8%;left:31%;transform:translateZ(30px)}.poster-3{opacity:.66;top:29%;right:0;transform:rotate(11deg)translateZ(-45px)}.nine-mark{z-index:3;color:#0000;letter-spacing:-.08em;-webkit-text-stroke:1px #dce3e95e;text-shadow:0 0 60px #6f8fac1f;font-family:Avenir Next,Georgia,serif;font-size:clamp(100px,13vw,185px);font-weight:300;line-height:1;position:absolute;bottom:2%;right:0}.home-art p{z-index:4;color:#777d83;letter-spacing:.3em;margin:0;font-size:9px;line-height:1.7;position:absolute;bottom:0;right:3%}.topbar,.game-topbar{grid-template-columns:1fr auto 1fr;align-items:center;min-height:52px;display:grid}.topbar>span{color:#a7b5c3;letter-spacing:.12em;font-size:13px}.topbar>b{color:#d9e5ef;justify-self:end;font-family:Georgia,serif;font-size:24px;font-weight:400}.topbar small{color:#61768a;font-family:inherit;font-size:12px}.selection{padding-bottom:122px}.selection-heading{margin:clamp(40px,7vw,82px) 0 28px}.selection-heading h1,.game-heading h1,.result-heading h1{letter-spacing:.025em;margin:0;font-size:clamp(32px,5vw,55px);font-weight:300}.selection-heading>p:last-of-type,.result-heading>p:last-child{color:var(--muted);font-size:14px}.selection-tools{gap:9px;margin-top:28px;display:flex}.search{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101215c7;border-radius:6px;align-items:center;gap:10px;width:min(450px,100%);height:44px;padding:0 14px;display:flex;box-shadow:inset 0 1px #ffffff09}.search svg{color:#71869b;flex:none}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.search input::placeholder{color:#53677b}.selection-tools>button{border:1px solid var(--line);color:#a8adb2;cursor:pointer;background:#0e1013c7;border-radius:6px;padding:0 15px}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:clamp(14px,2.1vw,24px);display:grid}.show-card,.choice{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0;position:relative}.poster-frame{aspect-ratio:3/4;background:#0b0d10;border:1px solid #e0e6ec29;border-radius:7px;width:100%;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 28px #00000057,inset 0 1px #ffffff0a}.poster-frame:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff0e,#0000 20% 78%,#8fa6bc09);position:absolute;inset:0}.poster-frame img{object-fit:contain;object-position:center;background:#090a0c;width:100%;height:100%}.show-card strong,.choice strong{color:#dde0e3;letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:14px;font-weight:450;display:block;overflow:hidden}.show-card small,.choice small{color:#63778b;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-family:Georgia,serif;font-size:11px;display:block;overflow:hidden}.check{z-index:2;opacity:0;color:#10151a;letter-spacing:.05em;background:linear-gradient(135deg,#f1f7fcf5,#aec7dcf0);border:1px solid #e2edf7c7;border-radius:999px;align-items:center;gap:3px;min-width:50px;height:25px;padding:0 8px 0 6px;font-size:10px;font-weight:650;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:8px;right:8px;transform:translateY(-3px)scale(.9);box-shadow:0 0 16px #7ca4c633,inset 0 1px #fffc}.check span{line-height:1}.show-card.selected .poster-frame{border-color:#dbeaf6f2;box-shadow:0 0 0 1px #a4c6e257,0 0 25px #5b89b138,0 18px 32px #00000070,inset 0 1px #ffffff1a}.show-card.selected .check{opacity:1;transform:translateY(0)scale(1)}.show-card:not(.selected):hover .poster-frame,.choice:hover .poster-frame{border-color:#b2cce48c;transform:translateY(-3px)}.selection-footer{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08090be0;border-top:1px solid #ebf0f526;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:15px max(20px,50vw - 535px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -14px 42px #0000004d,inset 0 1px #ffffff09}.selection-footer div{flex-direction:column;gap:2px;display:flex}.selection-footer b{font-size:14px}.selection-footer .selection-toggle-hint{color:#8b959f;font-size:11px}.selection-footer small{color:#626c76;font-size:10px}.game{background:radial-gradient(at 50% 46%,#8b9cae1a,#181d2306 38%,#0000 62%);width:min(980px,100%)}.game-topbar{grid-template-columns:50px 1fr 50px;gap:16px}.game-topbar>div{text-align:center}.game-topbar span{color:#91a4b7;letter-spacing:.11em;margin-bottom:10px;font-size:11px;display:block}.game-topbar i{background:#8eaac521;width:100%;height:2px;display:block;overflow:hidden}.game-topbar i b{background:linear-gradient(90deg,#70777e,#e3e6e9,#9ca6ae);height:100%;transition:width .25s;display:block;box-shadow:0 0 9px #bbccdb33}.game-topbar>small{color:#6f8498;justify-self:end;font-size:11px}.game-heading{text-align:center;max-width:660px;margin:clamp(42px,7vh,82px) auto 32px}.game-heading .kicker{justify-content:center}.game-heading h1{font-size:clamp(28px,4.4vw,48px)}.game-heading>span{color:#6f8294;margin-top:14px;font-size:12px;display:block}.choices{grid-template-columns:repeat(2,minmax(0,230px));justify-content:center;gap:clamp(17px,3vw,34px);animation:.24s both reveal;display:grid}.choices.count-3,.choices.count-4{grid-template-columns:repeat(4,minmax(0,190px))}.choice{text-align:center}.choice .poster-frame{border-color:#e2e8ee42;box-shadow:0 28px 58px #00000080,0 0 34px #708ba40f,inset 0 1px #ffffff0f}.choice strong{font-size:clamp(14px,1.8vw,17px)}.game-actions{flex-wrap:wrap;justify-content:center;gap:7px 22px;margin-top:30px;display:flex}.game-actions button{color:#768ca1;cursor:pointer;background:0 0;border:0;min-height:38px;font-size:12px}.game-actions button:hover:not(:disabled){color:#cbd9e5}@keyframes reveal{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.result{width:min(920px,100%);padding-bottom:70px}.result-heading{text-align:center;margin:58px 0 36px}.result-heading .kicker{justify-content:center}.result-heading h1 em{display:inline}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,30px);display:grid}.result-card{min-width:0}.result-card .poster-frame{border-color:#b3cbe254}.result-card>div{justify-content:space-between;align-items:baseline;gap:8px;margin-top:10px;display:flex}.result-card b{color:#b9c0c6;letter-spacing:.06em;flex:none;font-family:Avenir Next,Georgia,serif;font-size:clamp(12px,1.7vw,17px);font-weight:400}.result-card strong{color:#e4ebf1;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px,1.6vw,16px);overflow:hidden}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:45px;display:flex}.result-actions button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.result-actions p{color:#96abc0;text-align:center;flex-basis:100%;margin:8px 0 0;font-size:12px}@media (max-width:900px){.home{grid-template-columns:1fr;align-content:center}.home-copy{z-index:5;padding:5vh 0 18vh;position:relative}.home-art{opacity:.42;width:70vw;min-height:56vw;position:absolute;bottom:-1vh;right:-5vw}.hero-library{width:58vw}.home-art p{display:none}.nine-mark{font-size:30vw;bottom:0;right:2vw}.home-actions{flex-direction:column;align-items:stretch;max-width:330px}.home-actions .ghost{min-height:45px}}@media (max-width:760px){.selection-heading{margin-top:42px}.selection-tools{flex-wrap:wrap}.search{flex-basis:100%}.selection-tools>button{height:38px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.choices.count-3,.choices.count-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px;margin:0 auto}.game-heading{margin-top:38px}}@media (max-width:460px){.page-shell{padding-left:17px;padding-right:17px}.home h1{letter-spacing:0;font-size:30px;line-height:1.42}.home-lead{margin-top:26px;font-size:17px}.selection{padding-bottom:106px}.selection-footer{min-height:80px;padding:12px 16px}.selection-footer .primary{min-height:48px;padding:0 18px}.game{padding-bottom:22px}.game-topbar{grid-template-columns:42px 1fr 37px;gap:9px}.game-heading{margin-bottom:24px}.game-heading h1{font-size:27px;line-height:1.35}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.choice strong{margin-top:8px;font-size:13px}.choice small{font-size:10px}.game-actions{gap:2px 14px;margin-top:20px}.game-actions button{min-height:34px}.result{padding-left:13px;padding-right:13px}.result-heading{margin-top:38px}.result-grid{gap:18px 9px}.result-card>div{flex-direction:column;align-items:flex-start;gap:3px;margin-top:7px}.result-card strong{max-width:100%;font-size:11px}.result-actions{flex-direction:column;align-items:stretch;padding:0 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}