/* Bright fantasy palette inspired by the KONOSUBA official visual identity. */
:root{--ink:#243859;--muted:#526782;--green:#126aab;--paper:#f2fbff;--line:#c9dfed;--sky:#188cd4;--red:#bd334d;--gold:#ffd35b;--adventure:#23815e}
body{background:radial-gradient(ellipse at 85% 12%,#fff0b8aa,transparent 33%),radial-gradient(ellipse at 0 30%,#bdeeff99,transparent 40%),linear-gradient(180deg,#e6f6ff 0%,#fffdf4 80%);background-attachment:fixed}
.site-header{background:#ffffffb8;border-bottom:2px solid #a9d9f4;position:relative}.site-header:after{content:"";height:4px;position:absolute;bottom:-3px;left:0;right:0;background:linear-gradient(90deg,#239ade 0 25%,#cf3b53 25% 50%,#ffd35b 50% 75%,#319467 75%)}
.brand-mark{background:linear-gradient(135deg,#229ddd,#1161a5);box-shadow:2px 2px 0 #ffd35b}.eyebrow{color:#166aa6}.eyebrow:before{background:#cf3b53}h1{color:#243859}h1 em{color:#127bc0;text-decoration:underline;text-decoration-color:#ffcf4f;text-underline-offset:10px;text-decoration-thickness:5px}
.hero .map-wrap{background:#ffffffb8;border:2px solid #fff;border-radius:24px;box-shadow:0 12px 35px #246ca512;transform:rotate(1deg)}.quadrant{border:2px solid #fff;border-radius:13px;box-shadow:0 3px 0 #25476b12}.q1{background:#ffe4e5;color:#92283e}.q2{background:#e0f3ff;color:#175f99}.q3{background:#fff0ba;color:#785412}.q4{background:#ddf3e5;color:#236446}.q-symbol{font-weight:800}.q-number{opacity:1}.quadrant p{opacity:1}
.primary{background:linear-gradient(135deg,#1684cc,#1166ad);border:1px solid #0e609d;box-shadow:0 4px 0 #0a4f89;color:#fff;transition:transform .15s,box-shadow .15s}.primary:hover{background:#1066ac;transform:translateY(-1px);box-shadow:0 5px 0 #0a4f89}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #0a4f89}.secondary{background:#ffffffb8;border-color:#96c5e4;color:#185f99}.secondary:hover{background:#e4f4ff}.feature{border-left:3px solid #319467}.feature:nth-child(2){border-color:#dfad27}.feature:nth-child(3){border-color:#cf3b53}.feature b{color:#26648d}.section-line{border-color:#bcd7e8}.question,.panel{border-color:#c9deee;box-shadow:0 5px 18px #28587a08}.question legend small{color:#176ca8}.choice input:checked+span{background:#146daf;border-color:#146daf;box-shadow:0 3px 0 #0b4c83}.choice:hover span{border-color:#197fc2;background:#edf8ff}.choice input:checked+span{background:#146daf}.choice input:focus-visible+span{outline:3px solid #bd334d;outline-offset:3px}
.progress{background:#dcecf6;height:7px}.progress>div{background:linear-gradient(90deg,#1789d0,#31b5df)}.badge{background:#fff0b5;color:#725316;border:1px solid #e6c96f}.score-track{background:#e0eef7}.score-track>div{background:linear-gradient(90deg,#187cc2,#2cadd5)}.score-row:nth-of-type(2) .score-track>div{background:linear-gradient(90deg,#287e5e,#5bae70)}.result-dot{background:#293b61;box-shadow:0 0 0 2px #293b61,0 3px 12px #0004}.research-notes{background:#ffffffa6;border-left:4px solid #2595d1}.research-notes a{color:#1265a2;text-underline-offset:3px}.research-notes p{line-height:1.9}dialog{background:#f4fbff}footer{border-color:#bdd8e9}
@media(max-width:760px){.hero .map-wrap{padding:15px 10px;transform:none}.hero{gap:35px}h1 em{text-decoration-thickness:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff}.panel{box-shadow:none}.site-header{background:#fff}.primary{box-shadow:none}.research-notes{display:none}}