@font-face{font-family:Galmuri11;src:url('assets/Galmuri11.woff2')}@font-face{font-family:Galmuri9;src:url('assets/Galmuri9.woff2')}*{box-sizing:border-box}body{margin:0;background:#0C0E1E;color:#F4E8C8;font:14px/1.8 Galmuri9,monospace;min-height:100vh;background-image:radial-gradient(#1C263C 1px,transparent 1px);background-size:8px 8px}button,h1,h2,h3,.label,.hud{font-family:Galmuri11,monospace}button{cursor:pointer;color:inherit;font-size:14px;line-height:1.7}button:focus-visible{outline:3px solid #ECC460;outline-offset:4px}button:active{transform:translateY(2px)!important;box-shadow:0 2px #12121C!important}button:disabled{cursor:wait}header{max-width:960px;padding:20px 24px;display:flex;align-items:center;gap:20px;margin:auto;border-bottom:2px solid #2C384C}header span{color:#AA9678;font-size:10px;letter-spacing:2px;flex:1}.brand{background:none;border:0;color:#ECC460;padding:0;font-size:18px}main{max-width:960px;margin:auto;padding:28px 24px 48px;min-height:75vh}footer{text-align:center;color:#AA9678;font-size:10px;line-height:2;padding:0 18px 30px}.panel{border:8px solid transparent;border-image:url('assets/panel.svg') 8 fill / 8px / 0 stretch;padding:24px;background:#241C28;box-shadow:4px 4px #12121C}.label{font-size:11px;letter-spacing:2px;color:#ECC460}.small,.secondary{background:#241C28;border:2px solid #4A3428;box-shadow:2px 2px #12121C;padding:9px 15px}.primary{background:#FFD678;color:#12121C;border:3px solid #B07A28;box-shadow:0 4px #4A3428;padding:14px 26px;min-width:200px}.primary:hover{background:#E8A050}.actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:25px}.title{text-align:center}.title h1{font-size:48px;margin:0;color:#ECC460;text-shadow:4px 4px #4A3428;letter-spacing:6px}.title .subtitle{letter-spacing:4px;color:#AA9678;font-size:11px;margin:10px 0 20px}.scene{height:432px;position:relative;overflow:hidden;margin:0 auto;background:#12182C;border:2px solid #2C384C}.scene img{position:absolute;width:480px;height:432px;left:50%;transform:translateX(-50%);image-rendering:pixelated}.title .panel{position:relative;margin:-40px auto 0;max-width:640px}.title h2{font-size:21px;margin:0 0 12px}.title p{color:#AA9678;font-size:12px}.badges{display:flex;justify-content:center;gap:8px;margin:20px 0}.badges span{border:1px solid #626A64;padding:3px 9px;font-size:11px;color:#A8AC98}.icons{display:flex;justify-content:center;gap:12px;margin:28px 0 8px}.icon{display:inline-block;width:48px;height:48px;background-image:url('assets/spritesheet_16.png');background-size:384px 48px;background-position:calc(var(--i)*-48px) 0;image-rendering:pixelated;vertical-align:middle;flex-shrink:0}.icon.big{width:96px;height:96px;background-size:768px 96px;background-position:calc(var(--i)*-96px) 0}.icon.tiny{width:32px;height:32px;background-size:256px 32px;background-position:calc(var(--i)*-32px) 0}.blink{animation:pulse 2s steps(2,end) infinite}@keyframes pulse{50%{opacity:.65}}.screen{max-width:720px;margin:25px auto}.screen h2{font-size:22px;line-height:1.8;margin:15px 0}.dialogue{min-height:215px;cursor:pointer}.dialogue p{font-size:17px;line-height:2}.prologue{display:flex;justify-content:center;gap:16px;align-items:center;margin:36px 0;color:#AA9678}.hud{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#ECC460}.xp{display:flex;gap:4px;margin:15px 0}.xp i{height:10px;flex:1;background:#2C384C;border:1px solid #626A64}.xp i.on{background:#ECC460;border-color:#B07A28}.map{display:flex;justify-content:space-between;color:#626A64;font-size:10px;margin:18px 0 26px;gap:5px}.map span{position:relative;flex:1;text-align:center;border-bottom:2px solid #2C384C;padding-bottom:10px}.map .current{color:#ECC460;border-color:#ECC460}.map .current:before{content:'⚑';display:block;color:#BA3E38;height:20px}.map span:not(.current):before{content:'·';display:block;height:20px}.question{padding:20px 24px;margin-bottom:20px}.question h2{font-size:20px;margin:4px 0}.choices{display:grid;gap:11px}.choice{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:14px 17px;background:#241C28;border:2px solid #4A3428;box-shadow:3px 3px #12121C;font-size:14px}.cursor{color:#ECC460;width:14px;visibility:hidden}.choice:hover,.choice:focus{border-color:#ECC460;background:#1C263C;outline:0}.choice:hover .cursor,.choice:focus .cursor{visibility:visible;animation:pulse .8s steps(2,end) infinite}.choice .number{color:#AA9678;font-size:11px}.back{background:none;border:0;color:#AA9678;padding:20px 0}.theme1{background-color:#1A2E26}.theme2{background-color:#12121C}.theme3{background-color:#241C28}.theme4{background-color:#12121C}.clear{text-align:center;min-height:430px;display:flex;flex-direction:column;justify-content:center;align-items:center}.clear h2{color:#ECC460;font-size:30px}.seal{border:4px double #B07A28;padding:18px;color:#ECC460;transform:rotate(-5deg);font-size:22px}.ritual{position:relative;width:280px;height:280px;margin:40px auto}.orbit{position:absolute;left:116px;top:116px;animation:orbit 2s linear forwards;transform:rotate(calc(var(--n)*45deg)) translateY(-105px) rotate(calc(var(--n)*-45deg))}.orbit .icon{animation:vanish 2s steps(2,end) forwards}.ritual .winner{position:absolute;left:92px;top:92px;animation:appear 2s steps(3,end) forwards}@keyframes orbit{to{transform:rotate(calc(var(--n)*45deg + 180deg)) translateY(-105px)}}@keyframes vanish{80%{opacity:1}100%{opacity:0}}@keyframes appear{0%,75%{opacity:0;scale:.5}100%{opacity:1;scale:1}}.result-head{text-align:center}.result-head .big{margin:25px}.result-head h1{color:#ECC460;font-size:32px;margin:8px}.result-head p{color:#AA9678;font-size:12px}.description{margin:25px 0}.section-title{color:#ECC460;font-size:12px;letter-spacing:2px;margin:0 0 18px}.inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.slot{border:3px solid #4A3428;background:#12121C;text-align:center;padding:15px 7px}.slot small{display:block;color:#AA9678;font-size:9px}.slot p{font-size:11px;margin:8px 0}.slot-mark{color:#ECC460;font-size:22px}.party{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.party button{background:#241C28;border:2px solid #46764A;padding:14px;font-size:12px}.party button.rival{border-color:#BA3E38}.party small{display:block;color:#AA9678;font-size:10px;margin-bottom:10px}.affinity{margin-top:22px}.affinity-row{margin:16px 0;font-size:12px}.affinity-row .row{display:flex;align-items:center;gap:10px}.affinity-row .row strong{margin-left:auto;color:#ECC460}.affinity .xp{margin-top:8px;gap:3px}.affinity .xp i{height:8px}.center{text-align:center}.note{color:#AA9678;font-size:10px;margin-top:15px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0}.job-card{text-align:left;min-height:180px}.job-card h3{font-size:15px;margin:15px 0 6px}.job-card p{font-size:10px;color:#AA9678;margin:0}.locked .icon{filter:brightness(0)}.locked h3{color:#AA9678}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#241C28;border:2px solid #ECC460;max-width:90vw;padding:10px 20px;display:none;z-index:20;font-size:12px}.fade{animation:enter .2s steps(3,end)}@keyframes enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){header{padding:15px 16px;gap:8px}header span{display:none}.brand{font-size:16px;flex:1;text-align:left}header button.small{font-size:11px;padding:5px 9px}main{padding:22px 16px 32px}.title h1{font-size:32px;letter-spacing:3px}.title .subtitle{font-size:9px;letter-spacing:2px}.scene{height:288px}.scene img{width:320px;height:288px}.title .panel{margin:-16px auto 0;padding:23px 12px}.title h2{font-size:17px}.title p{font-size:11px}.badges{gap:5px}.badges span{font-size:10px;padding:3px 6px}.actions{gap:12px}.primary{min-width:175px;padding:12px 17px}.icons{gap:8px}.screen{margin:8px auto}.hud{font-size:10px;gap:3px}.xp{gap:3px;margin:12px 0}.xp i{height:8px}.map{font-size:9px;margin:10px 0 18px}.map span{padding-bottom:6px}.question{padding:16px 18px;margin-bottom:15px}.question h2{font-size:17px;line-height:1.7}.choices{gap:10px}.choice{padding:12px 10px;font-size:12px;gap:7px;min-height:58px}.panel{padding:20px 16px}.back{padding:17px 0;font-size:12px}.grid{grid-template-columns:1fr 1fr;gap:12px}.job-card{padding:20px 14px;min-height:190px}.job-card h3{font-size:13px}.party button{padding:12px 6px;font-size:11px}.inventory{gap:7px}.slot p{font-size:10px}.result-head h1{font-size:26px}.screen h2{font-size:20px}.result-head .big{margin:18px}.description{font-size:13px}.dialogue p{font-size:15px}.dialogue{min-height:245px}footer{font-size:9px}.clear h2{font-size:23px}.result .actions{flex-direction:column}.result .actions button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.orbit{display:none}.ritual .winner{opacity:1}}
.share-section{margin:32px 0 24px;text-align:center}.share-section .section-title{margin-bottom:8px}.share-caption{color:#AA9678;font-size:12px;margin:0 0 18px}.share-bar{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) repeat(4,48px);gap:5px}.social{display:flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 12px;border:2px solid #12121C;box-shadow:2px 3px #12121C;font:12px Galmuri11,monospace;color:#fff;text-decoration:none}.social:hover{filter:brightness(1.1);transform:translateY(-2px)}.social.kakao{background:#FEE500;color:#191919}.social.naver{background:#03C75A}.social.line{background:#06C755}.social.x{background:#242832}.social.facebook{background:#1877F2}.social.copy{background:#848A98}.social-mark{font:bold 24px Arial,sans-serif;line-height:1}.kakao .social-mark{font-size:8px;background:#191919;color:#FEE500;padding:7px 3px;clip-path:polygon(0 0,100% 0,100% 80%,45% 80%,25% 100%,25% 80%,0 80%)}.naver .social-mark{font-size:19px}.line .social-mark{background:#fff;color:#06C755;font-size:7px;padding:8px 3px;clip-path:polygon(0 0,100% 0,100% 80%,45% 80%,25% 100%,25% 80%,0 80%)}.copy .social-mark{font-size:26px}.facebook .social-mark{font-size:29px}.result .actions{flex-direction:row}.result .actions button{width:auto}@media(max-width:600px){.share-bar{grid-template-columns:repeat(4,1fr);gap:7px}.social.kakao,.social.naver{grid-column:span 2}.social{height:48px;font-size:12px}.result .actions .primary{width:100%}.result .actions .secondary{flex:1}.share-section{margin-top:25px}}
.collection-tag{display:block;color:#46764A;font:10px/1.8 Galmuri11,monospace;margin-top:8px}.result-head .collection-tag{color:#ECC460}.codex-hint{margin:24px 0}.codex-hint p{font-size:12px;color:#AA9678}.encounter h1{font-size:32px;color:#ECC460;text-shadow:3px 3px #4A3428}.encounter-art{position:relative;width:220px;height:180px;display:flex;align-items:center;justify-content:center;margin:30px auto}.encounter-art .big{animation:discovered .65s steps(5,end)}.spark{position:absolute;color:#ECC460;animation:pulse 1s steps(2,end) infinite;font-size:26px}.spark.one{top:14px;left:24px}.spark.two{right:10px;top:55px;animation-delay:.3s}.spark.three{left:28px;bottom:13px;font-size:16px;animation-delay:.6s}.encounter .panel{border-image-source:url('assets/panel.svg')}.encounter .panel>p:not(.label){font-size:13px}.encounter .actions .primary{width:100%}@keyframes discovered{from{transform:translateY(12px) scale(.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.result-head p.personality-type{color:#F4E8C8;font-size:16px;margin:16px 0 0;font-family:Galmuri11,monospace}.trait-list{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0 16px}.trait-list span{border:1px solid #B07A28;background:#241C28;color:#ECC460;font:12px/1.7 Galmuri11,monospace;padding:6px 12px}.reading-guide{text-align:center;color:#AA9678;font-size:12px;line-height:1.9;margin:0 0 28px}.personality-sections{display:grid;gap:20px}.personality-section{padding:27px 28px}.profile-heading{display:flex;gap:14px;align-items:center;margin-bottom:15px}.profile-number{font:11px Galmuri11,monospace;color:#B07A28}.personality-section .profile-heading h2{font-size:17px;color:#ECC460;margin:0;line-height:1.6}.personality-section>p{font-size:14px;line-height:2.15;margin:0;word-break:keep-all;overflow-wrap:anywhere}.relationship-section{margin-top:28px;padding:28px}.relationship-section>h2{font-size:20px;margin:12px 0}.relationship-entry{border-top:2px solid #4A3428;margin-top:23px;padding-top:21px}.relationship-entry h3{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:normal;margin:0 0 10px}.related-profile{background:none;border:0;color:#ECC460;font-size:14px;padding:3px 0}.related-profile:hover{text-decoration:underline}.relationship-entry p{font-size:13px;line-height:2;margin:10px 0 0;word-break:keep-all;overflow-wrap:anywhere}.personality-note{line-height:1.9;margin:20px 0 25px}.result-head .big{margin-bottom:12px}@media(max-width:600px){.personality-section{padding:23px 20px}.personality-section>p{font-size:13px;line-height:2.1}.personality-section .profile-heading h2{font-size:15px}.trait-list{gap:6px}.trait-list span{font-size:11px;padding:4px 9px}.reading-guide{font-size:11px}.relationship-section{padding:24px 20px}.relationship-entry h3{font-size:11px}.result-head p.personality-type{font-size:13px}.personality-sections{gap:16px}}
/* Mobile QA: comfortable touch targets and narrow-width collection strip. */
header .brand,header .small,.related-profile{min-height:44px}header .brand{display:flex;align-items:center}button{touch-action:manipulation}.choice{overflow-wrap:anywhere;min-width:0}.choice>span:last-child{min-width:0}.screen,.panel,.grid>*{min-width:0}header{padding-top:max(15px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}@media(max-width:360px){.icons{gap:2px}.icons .icon.tiny{width:32px;height:32px;flex-shrink:0}.map{font-size:8px}.hud{font-size:9px}.title .actions{flex-direction:column;align-items:stretch}.title .actions button{width:100%}.title h1{font-size:29px}.job-card{padding:18px 11px}.job-card h3{font-size:12px}}@media(max-width:300px){.icons{display:grid;grid-template-columns:repeat(4,32px);gap:8px 16px}.trait-list span{font-size:10px}.share-bar{gap:5px}}

.account-panel{margin:28px 0;text-align:left}.account-panel h3{color:#ECC460;margin:12px 0}.account-panel p{overflow-wrap:anywhere}.auth-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:44px;font-family:Galmuri11,monospace;max-width:100%;text-align:center}.auth-link:focus-visible,summary:focus-visible{outline:3px solid #ECC460;outline-offset:4px}.account-actions{display:flex;gap:12px;flex-wrap:wrap}.save-info{margin:18px 0}.save-info summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#AA9678}.cloud-status{color:#A8CC98}.account-panel .primary{min-width:0} @media(max-width:360px){.account-panel{padding:18px}.auth-link{width:100%;padding:12px;font-size:12px}.account-actions{gap:8px}}
/* 띵땅똥: test selection hub */
.brand-dots{display:inline!important;letter-spacing:2px!important;margin-left:8px;color:#92cbb8!important;font-size:16px!important}.portal-home{padding-top:14px}.portal-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;padding:32px 0 52px;border-bottom:2px solid #2c384c}.portal-copy h1{font:42px/1.6 Galmuri11,monospace;letter-spacing:-1px;margin:16px 0;color:#f4e8c8}.portal-copy h1>span{color:#ffd678}.portal-copy>p{font-size:16px;color:#aeb8c7;line-height:1.9}.portal-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}.portal-hero-actions .primary{padding:13px 18px;min-width:0;font-size:13px}.portal-jump{display:inline-flex;align-items:center;min-height:44px;color:#aeb8c7;text-underline-offset:6px}.ding-scene{position:relative;min-height:320px;background:linear-gradient(135deg,transparent 49%,#222c42 50%,transparent 51%);background-size:24px 24px;border:2px solid #2c384c;overflow:hidden;box-shadow:7px 7px #070a13}.ding-note{position:absolute;width:94px;height:100px;display:grid;place-items:center;font:24px Galmuri11;color:#111625;border:4px solid #111625;box-shadow:6px 6px #070a13}.note-one{background:#ffd678;left:24px;top:33px;transform:rotate(-9deg);z-index:1}.note-two{background:#92cbb8;left:122px;top:102px;transform:rotate(6deg);z-index:2}.note-three{background:#dca8c8;right:20px;top:49px;transform:rotate(13deg)}.ding-note i{position:absolute;bottom:-17px;left:28px;width:24px;height:16px;border-right:4px solid #111625;border-bottom:4px solid #111625;background:inherit}.scene-star{position:absolute;color:#ecc460}.star-a{left:48px;top:202px;font-size:26px}.star-b{right:40px;top:200px;font-size:30px;color:#92cbb8}.star-c{left:160px;top:20px;font-size:20px;color:#dca8c8}.scene-caption{position:absolute;bottom:27px;left:0;width:100%;text-align:center;font:8px Galmuri11;letter-spacing:1px;color:#aeb8c7}.test-list{padding-top:38px;scroll-margin-top:24px}.test-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.test-list-head h2{font-size:23px;margin:8px 0 0}.test-count{font-size:11px;color:#aeb8c7}.category-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.category-tab{min-height:44px;padding:8px 19px;border:2px solid #35435c;color:#acb7c8;background:#151c2d}.category-tab.active{background:#ffd678;color:#111625;border-color:#ffd678}.test-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.test-card{display:block;min-width:0;text-decoration:none;color:inherit;border:2px solid #465069;background:#1a1e2b;box-shadow:5px 5px #070a13;transition:transform .15s,border-color .15s;--accent:#ffd678}.test-card.mint{--accent:#92cbb8}.test-card.pink{--accent:#dca8c8}.test-card:hover{border-color:var(--accent);transform:translateY(-4px)}.test-card:focus-visible,.portal-jump:focus-visible{outline:3px solid #ffd678;outline-offset:5px}.test-art{position:relative;height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#182c2b;border-bottom:2px solid #465069}.pink .test-art{background:#32223b}.test-art>svg{width:125px;height:110px;margin-bottom:14px}.test-art img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;image-rendering:pixelated}.art-label{position:absolute;bottom:0;left:0;right:0;background:#0c0e1ecc;color:#c4cecb;font:8px Galmuri11;letter-spacing:1px;padding:9px 10px}.test-card-copy{padding:20px 16px}.test-category{font-size:10px;color:var(--accent)}.test-card h3{font-size:17px;line-height:1.7;margin:9px 0 8px;color:#f4e8c8}.test-card-copy>p{font-size:12px;line-height:1.9;min-height:69px;color:#aeb8c7;margin:0 0 18px;word-break:keep-all;overflow-wrap:anywhere}.test-card-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #35435c;padding-top:15px;font-size:10px;color:#aeb8c7}.test-card-bottom strong{color:var(--accent);font-weight:400;white-space:nowrap}.portal-bottom{display:flex;align-items:center;gap:24px;margin-top:44px;padding:26px 0;border-top:2px solid #2c384c}.portal-bottom h2{font-size:16px;margin:0 0 9px}.portal-bottom p{font-size:12px;color:#aeb8c7;margin:0}.portal-mini-mark{font-size:26px;color:#92cbb8;white-space:nowrap}.portal-bottom>.small{margin-left:auto;white-space:nowrap;font-size:11px}.mini-intro{text-align:center}.mini-intro>.back{display:block;margin-bottom:20px}.mini-intro h1,.mini-result h1{font:28px/1.7 Galmuri11;color:#ffd678;margin:16px 0}.mini-lead{color:#aeb8c7;line-height:1.9;font-size:15px}.mini-intro .panel{text-align:left;margin-top:28px}.mini-intro .panel h2{font-size:18px}.mini-intro .panel p{color:#c5bdad}.mini-intro-art,.mini-result-art{display:grid;place-items:center;width:160px;height:145px;margin:22px auto;background:#182c2b;border:2px solid #465069;box-shadow:5px 5px #070a13}.mini-intro-art.pink,.mini-result-art.pink{background:#32223b}.mini-intro-art svg,.mini-result-art svg{width:110px;height:100px}.mini-result{text-align:center}.mini-result>.panel{margin:24px 0;text-align:left}.mini-result>.panel h2{font-size:18px;color:#ffd678}.mini-result>.panel p{color:#ddd2bc;line-height:2}.mini-result-source{font-size:12px;color:#aeb8c7;margin-top:25px}.mini-practice{padding:22px;border:2px dashed #56657c;margin:26px 0}.mini-practice p{font-size:15px;margin-bottom:0}.mini-quest .hud{align-items:center;gap:16px}.mini-quest .hud>span:first-child{font-size:12px}.mini-theme.mint .choice:focus-visible{outline-color:#92cbb8}.mini-theme.pink .choice:focus-visible{outline-color:#dca8c8}.mini-theme .choice{min-height:70px}header .brand{white-space:nowrap}header>span{font-size:8px;letter-spacing:1px}header>.small{white-space:nowrap;font-size:12px}
@media(min-width:1100px){.portal-hero{gap:60px}.ding-scene{min-height:330px}.note-one{left:28px}.note-three{right:26px}}
@media(max-width:760px){.portal-hero{grid-template-columns:1fr;gap:35px;padding-top:12px}.portal-copy h1{font-size:38px}.ding-scene{min-height:260px;max-width:450px;width:100%;margin:auto}.ding-note{width:88px;height:83px;font-size:23px}.note-one{top:28px;left:calc(50% - 132px)}.note-two{top:87px;left:calc(50% - 40px)}.note-three{top:32px;right:calc(50% - 137px)}.star-a{top:160px}.star-b{top:164px}.test-cards{grid-template-columns:1fr}.test-card{display:grid;grid-template-columns:145px minmax(0,1fr)}.test-art{height:100%;min-height:205px;border-right:2px solid #465069;border-bottom:0}.test-card-copy>p{min-height:0;margin-bottom:15px}.test-card h3{font-size:18px}.test-list-head{display:block}.test-count{display:inline-block;margin-top:12px}.portal-bottom{flex-wrap:wrap;gap:16px}.portal-bottom>.small{margin-left:0}.portal-mini-mark{display:none}.test-art>svg{width:104px}.art-label{font-size:7px;letter-spacing:0}.portal-hero-actions{margin-top:22px}header>span{display:none}}
@media(max-width:430px){header{gap:10px;padding:16px}.brand{font-size:16px}header>.small{font-size:10px;padding:8px}.brand-dots{display:none!important}main{padding:22px 16px 40px}.portal-copy h1{font-size:34px}.portal-copy>p{font-size:14px}.test-card{display:block}.test-art{height:170px;min-height:0;border-right:0;border-bottom:2px solid #465069}.test-art img{object-position:50% 50%}.test-card-copy{padding:18px}.test-card-copy>p{font-size:13px}.test-card-bottom{font-size:11px}.test-card h3{font-size:19px}.test-list-head h2{font-size:22px}.category-tabs{gap:8px}.category-tab{padding:8px 15px}.mini-intro h1,.mini-result h1{font-size:24px}.mini-lead{font-size:14px}.mini-quest .hud>span:first-child{font-size:11px}.portal-hero-actions{gap:10px}.portal-hero-actions>.primary{width:100%}.portal-jump{justify-content:center;width:100%}.mini-theme .choices .choice{font-size:13px}}
@media(prefers-reduced-motion:reduce){.test-card{transition:none}.test-card:hover{transform:none}}

.test-card .rest-card-art{background:#120e29}.test-card .rest-card-art img{object-fit:cover;object-position:50% 50%}.rest-card-art .art-label{background:#120e29dd;color:#c9b8ff}