:root{color-scheme:dark;--navy:#07152f;--ink:#0b1730;--blue:#1e407f;--cyan:#62ddd5;--yellow:#ffd15b;--coral:#ff668e;--paper:#fff7dc;--muted:#9fb0cd}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#030917;font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}button,a{font:inherit}.game-shell{position:relative;width:min(100%,430px);height:100dvh;margin:auto;overflow:hidden;background:#07152f;color:white;box-shadow:0 0 0 2px #284b86,0 20px 80px #000c}.screen{position:absolute;inset:0;overflow:hidden}.start-screen{display:flex;flex-direction:column;background:radial-gradient(circle at 50% 28%,#315eb7,#132e68 38%,#07152f 72%)}.start-screen:before,.question-screen:before{content:"";position:absolute;inset:0;opacity:.2;background:linear-gradient(90deg,transparent 0 23px,#75e9e633 23px 25px),linear-gradient(transparent 0 23px,#75e9e622 23px 25px);background-size:25px 25px}.stars{position:absolute;inset:8% 4% auto;height:42%;background:radial-gradient(circle,#ffd35b 0 2px,transparent 3px) 0 0/51px 47px;opacity:.8}.start-copy{position:relative;z-index:3;padding:calc(35px + env(safe-area-inset-top,0px)) 22px 0;text-align:center;text-shadow:4px 4px 0 #07142f}.eyebrow{display:inline-block;text-shadow:none;border:3px solid #07142f;background:#5ae0d7;color:#0a1730;box-shadow:4px 4px 0 #07142f;padding:6px 9px;font:950 9px/1 ui-monospace,monospace;letter-spacing:.09em}.start-copy h1{margin:14px 0 0;color:#ffd15b;font:950 clamp(49px,15vw,66px)/.88 ui-monospace,monospace;letter-spacing:-.09em}.start-copy h1 span{display:block;color:white;font-family:system-ui,-apple-system,"Apple SD Gothic Neo",sans-serif;font-size:.78em;letter-spacing:-.07em}.start-copy p{margin:15px 0 0;color:#d9e8ff;font-size:15px;font-weight:900}.hero-party{position:relative;z-index:2;flex:1;min-height:0;margin:4px 3px 0}.hero-party img{position:absolute;bottom:-5px;width:61%;height:100%;object-fit:contain;object-position:center bottom;image-rendering:pixelated;filter:drop-shadow(5px 7px 0 #07142f80)}.hero-party img:nth-child(1){left:-16%;transform:scale(.8);opacity:.84}.hero-party img:nth-child(2){right:-15%;transform:scale(.8);opacity:.84}.hero-party img:nth-child(3){left:20%;z-index:2}.start-actions{position:relative;z-index:4;padding:0 20px calc(20px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,#07152f 27%)}.start-actions small{display:block;margin-top:11px;color:#9db2d2;text-align:center;font-size:10px}.pixel-button{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:8px;border:4px solid #07142f;outline:2px solid #f5da84;box-shadow:6px 6px 0 #020817;padding:10px 14px;color:#07142f;font-weight:950;text-decoration:none}.pixel-button.primary{background:#ffd05b}.pixel-button.secondary{background:#67ddd6}.pixel-button:active{transform:translate(3px,3px);box-shadow:3px 3px 0 #020817}.question-screen{display:flex;flex-direction:column;background:radial-gradient(circle at 50% 25%,#244d99,#091936 70%);padding:calc(16px + env(safe-area-inset-top,0px)) 17px calc(18px + env(safe-area-inset-bottom,0px))}.question-header{position:relative;z-index:2;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px}.back-button{display:grid;width:38px;height:38px;place-items:center;border:3px solid #07142f;outline:2px solid #7896c9;background:#17376f;color:white;box-shadow:3px 3px 0 #07142f;font-size:28px;font-weight:900}.progress-copy span,.progress-copy strong{display:block}.progress-copy span{color:#64e0d6;font:900 11px/1 ui-monospace,monospace}.progress-copy strong{margin-top:5px;color:#d9e4f8;font-size:11px}.mini-code{display:grid;width:38px;height:38px;place-items:center;border:3px solid #07142f;outline:2px solid #ffd15b;background:#ff688e;color:white;box-shadow:3px 3px 0 #07142f;font:950 22px/1 ui-monospace,monospace}.progress-track{position:relative;z-index:2;height:10px;margin-top:15px;border:3px solid #07142f;background:#1c2950}.progress-track i{display:block;width:6.25%;height:100%;background:linear-gradient(90deg,#5cdfd5,#ffd15b);transform-origin:left;transition:width .25s steps(4)}.question-card{position:relative;z-index:2;display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;margin:19px 0 17px;border:5px solid #07142f;outline:3px solid #f6d375;background:#fff8df;color:#0a1730;box-shadow:8px 8px 0 #020817;padding:23px 22px;text-align:center}.question-card.is-changing{animation:cardChange .22s steps(3)}.question-number{position:absolute;top:15px;left:16px;color:#2a5ca5;font:950 13px/1 ui-monospace,monospace}.house-orb{position:relative;display:grid;width:74px;height:74px;margin:9px 0 20px;place-items:center;border:4px solid #07142f;border-radius:50%;background:#5fddd6;box-shadow:5px 5px 0 #07142f}.house-orb i{position:relative;width:38px;height:30px;background:#173c79;clip-path:polygon(50% 0,100% 38%,88% 38%,88% 100%,12% 100%,12% 38%,0 38%)}.house-orb i:after{content:"";position:absolute;left:15px;bottom:0;width:9px;height:15px;background:#ffd160}.question-card h2{margin:0;max-width:310px;font-size:clamp(21px,6.5vw,28px);line-height:1.42;letter-spacing:-.052em;word-break:keep-all}.question-card p{margin:14px 0 0;color:#75839a;font-size:11px;font-weight:750}.answer-actions{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:13px}.answer{min-height:80px;border:4px solid #07142f;outline:2px solid #f2d680;box-shadow:6px 6px 0 #020817;color:#07142f}.answer span,.answer strong{display:block}.answer span{font:950 10px/1 ui-monospace,monospace;letter-spacing:.08em}.answer strong{margin-top:6px;font-size:22px}.answer.yes{background:#64dfd5}.answer.no{background:#ff7998}.answer:active{transform:translate(3px,3px);box-shadow:3px 3px 0 #020817}.loading-screen{display:grid;place-content:center;background:#050c1c;text-align:center}.scanner{position:relative;width:150px;height:150px;margin:0 auto 28px;border:5px solid #16366f;border-radius:50%;background:repeating-radial-gradient(circle,#0c1d40 0 14px,#143263 15px 17px);overflow:hidden}.scanner:before,.scanner:after{content:"";position:absolute;background:#5ee1d6}.scanner:before{left:50%;top:0;width:2px;height:100%}.scanner:after{left:0;top:50%;width:100%;height:2px}.scanner i{position:absolute;inset:50% 0 auto 50%;height:3px;background:#ffd05b;transform-origin:left;animation:scan 1.3s linear infinite}.scanner b{position:absolute;left:69%;top:27%;width:11px;height:11px;background:#ff648d;box-shadow:-47px 55px #61dfd6;animation:blip .55s steps(2) infinite}.loading-screen>strong{color:#ffd05b;font-size:21px}.loading-screen>p{margin:9px 0 0;color:#a6b7d2;font-size:12px}.result-screen{overflow-y:auto;background:radial-gradient(circle at 50% 0,#2a58aa,#081733 62%);padding:calc(15px + env(safe-area-inset-top,0px)) 12px calc(24px + env(safe-area-inset-bottom,0px))}.result-scroll{width:100%}.result-card{--accent:#ffd05b;--accent2:#60ddd5;position:relative;width:100%;aspect-ratio:5/7;border:6px solid #050b18;outline:5px solid var(--accent);background:#f7edcf;color:#0b1730;box-shadow:8px 9px 0 #020711,0 0 0 9px var(--accent2);overflow:hidden}.result-card:after{content:"";pointer-events:none;position:absolute;inset:5px;border:2px solid #0b1730}.result-card>header{position:relative;height:17.5%;background:#183d82;border-bottom:4px solid #071329;color:white;padding:10px 13px 8px}.result-card>header>div{display:flex;justify-content:space-between;color:#8ee9e2;font:900 7px/1 ui-monospace,monospace;letter-spacing:.1em}.result-card>header>div b{color:#ffdb69}.result-card>header h1{display:inline-block;margin:11px 0 0;font-size:clamp(23px,7vw,31px);line-height:.92;letter-spacing:-.055em;text-shadow:2px 2px 0 #07142c}.result-card>header>strong{margin-left:8px;color:#ffdb69;font:950 13px/1 ui-monospace,monospace}.result-art{position:relative;height:48%;overflow:hidden;border-bottom:4px solid #08142d;background:linear-gradient(180deg,var(--accent2),#e8f0c7 61%,var(--accent))}.result-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#fff0 0 4px,#0b356d13 4px 5px)}.radar-label{position:absolute;z-index:3;right:10px;top:9px;border:2px solid #17366a;background:#fff4d7;padding:4px 6px;color:#17366a;font:900 6px/1 ui-monospace,monospace}.result-art img{position:absolute;left:-3%;bottom:-4%;width:76%;height:97%;object-fit:contain;object-position:left bottom;image-rendering:pixelated;filter:drop-shadow(5px 5px 0 #07142f55)}.result-art p{position:absolute;z-index:3;right:10px;bottom:11px;width:58%;margin:0;border:4px solid #07142f;outline:2px solid #fff2c2;background:#112a5ee8;color:white;box-shadow:4px 4px 0 #07142f;padding:8px 9px;font-size:clamp(9px,2.7vw,12px);font-weight:900;line-height:1.38;letter-spacing:-.035em;word-break:keep-all}.result-body{height:28.5%;padding:9px 11px 4px}.ability{display:grid;grid-template-columns:65px 1fr;min-height:30px;border:3px solid #0a1730;background:var(--accent);box-shadow:3px 3px 0 #0a1730}.ability b{display:grid;place-items:center;background:#ff668e;border-right:3px solid #0a1730;color:white;font:900 7px/1 ui-monospace,monospace}.ability span{display:flex;align-items:center;padding:0 8px;font-size:10px;font-weight:950}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.stat-grid div{display:flex;align-items:center;justify-content:space-between;min-height:27px;border:2px solid #122650;background:#fffaf0;padding:4px 6px}.stat-grid span{color:#4e6076;font-size:8px;font-weight:850}.stat-grid b{color:#10275a;font-size:10px}.result-body blockquote{margin:8px 0 0;border-top:2px dashed #8190a0;padding:6px 4px 0;color:#29415f;text-align:center;font-size:9px;font-weight:850;line-height:1.25}.result-card>footer{position:absolute;bottom:0;left:0;right:0;height:6%;display:flex;align-items:center;justify-content:space-between;background:#0c1d40;color:#9fe9df;padding:0 11px;font:800 7px/1 ui-monospace,monospace}.result-card>footer b{color:#ffcf58}.result-actions{display:grid;gap:11px;margin:22px 2px 0}.result-actions>a{padding:8px;color:#b9c8df;text-align:center;font-size:12px;font-weight:800;text-underline-offset:4px}.result-screen::-webkit-scrollbar{width:0}[hidden]{display:none!important}@keyframes scan{to{transform:rotate(360deg)}}@keyframes blip{50%{opacity:.25}}@keyframes cardChange{50%{transform:translateX(-7px);opacity:.55}}@media(min-width:700px){.game-shell{border-radius:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}