:root{font-family:Arial,Helvetica,sans-serif;color:#25213a;background:#f0e9fc;font-synthesis:none;--purple:#6340ba;--ink:#25213a}*{box-sizing:border-box}body{margin:0;min-width:280px;transition:background-color .35s;background:#f0e9fc}body.tone-1{background:#ffe8d9}body.tone-2{background:#def4fc}body.tone-3{background:#fff1c9}body.tone-4{background:#fce3eb}body.tone-5{background:#e2f2e3}button,a,input{touch-action:manipulation}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #513091;outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.48;cursor:default}[hidden]{display:none!important}.shell{max-width:1100px;margin:auto;padding:24px 32px 18px;min-height:100svh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:8px;width:193px;flex-shrink:0}.brand-icon,.brand-word{position:relative;display:block;overflow:hidden;flex-shrink:0}.brand-icon{width:49px;aspect-ratio:1036/1072}.brand-icon img{position:absolute;max-width:none;width:121.043%;height:auto;left:-10.425%;top:-6.717%}.brand-word{width:135px;aspect-ratio:1194/566}.brand-word img{position:absolute;max-width:none;width:105.025%;height:auto;left:-3.518%;top:-65.724%}.about-link{font-size:14px;font-weight:700;text-decoration:none;padding:12px 16px;border:1px solid #9585b6;border-radius:24px;white-space:nowrap}.about-link:hover{background:#ffffff80}.game{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0 10px}.tagline{color:#655779;font-size:14px;margin:0 0 16px}.question-panel{width:100%;max-width:830px;perspective:900px}.question-content{transform-origin:center;backface-visibility:hidden}h1{font-size:clamp(28px,4vw,44px);line-height:1.17;letter-spacing:-.045em;max-width:750px;margin:0 auto 12px;text-wrap:balance}.art-wrap{width:clamp(180px,33vh,340px);aspect-ratio:1;margin:0 auto 8px;position:relative;display:grid;place-items:center}.art-wrap:before{content:'';position:absolute;inset:8%;background:#ffffff50;border-radius:50%;z-index:-1}.art-wrap img{width:100%;height:100%;object-fit:contain}.fallback{font-size:100px}.result{font-size:19px;font-weight:700;margin:10px 0 21px}.next{background:var(--purple);color:white;border:0;border-radius:14px;min-height:54px;padding:14px 36px;box-shadow:0 4px 0 #43227e;font-weight:700;font-size:17px;min-width:244px}.next:hover:enabled{background:#513095}.next:active:enabled{transform:translateY(2px);box-shadow:0 2px 0 #43227e}.meta{font-size:13px;color:#655779;margin:18px 0 4px}.category-button{border:0;background:none;color:#493872;padding:9px 15px;font-size:14px;display:inline-flex;align-items:center;gap:8px}.category-button span{font-size:22px}.game-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#655779;font-size:12px;padding-top:13px;border-top:1px solid #51416c20}.game-footer p{margin:0;line-height:1.5}.game-footer a{text-underline-offset:3px}.always-free{font-weight:700}.notice{font-size:13px;line-height:1.5;max-width:530px;margin:10px auto;color:#584669}.load-state{padding:50px 20px;text-align:center;max-width:550px}.load-state h1{font-size:30px}.load-state p{line-height:1.6;color:#655779}.load-state button{margin-top:15px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}dialog{border:1px solid #d7c9eb;border-radius:24px;padding:28px;width:min(440px,calc(100% - 32px));color:var(--ink);background:#fffcff;box-shadow:0 20px 90px #23133540}dialog::backdrop{background:#23133565;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-top h2{margin:0;font-size:25px;letter-spacing:-.04em}.close{font-size:24px;border:0;background:#eee7f6;border-radius:50%;width:38px;height:38px}.dialog-intro{font-size:14px;line-height:1.6;color:#655779}.category-option{display:flex;gap:12px;align-items:center;padding:17px;border:1px solid #d7c9eb;border-radius:12px;margin:12px 0}.category-option input{width:20px;height:20px;accent-color:var(--purple)}.category-option small{margin-left:auto;color:#655779}.dialog-note{font-size:13px;line-height:1.6;color:#655779;min-height:20px}.done{width:100%;min-width:0;box-shadow:none;font-size:15px;margin-top:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:850px) and (min-height:720px){.art-wrap{width:360px}.game{padding-block:25px}.tagline{margin-bottom:24px}h1{margin-bottom:20px}}
@media(max-width:520px){.shell{padding:16px 18px 14px}.brand{width:151px;gap:5px}.brand-icon{width:38px}.brand-word{width:108px}.about-link{font-size:12px;padding:10px 12px}.topbar{gap:8px}.game{padding-top:24px}.tagline{font-size:13px}.game-footer{font-size:11px}.next{width:min(100%,310px)}.meta{font-size:12px}h1{font-size:clamp(27px,7.6vw,35px)}.result{font-size:17px}.art-wrap{width:min(73vw,30svh,300px)}}
@media(max-width:340px){.about-link{white-space:normal;max-width:100px;text-align:center}.brand{width:135px}.brand-word{width:92px}.game-footer{align-items:flex-start}}
@media(min-width:650px) and (max-height:650px){.shell{padding-block:14px}.question-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.question-content h1{font-size:31px}.art-wrap{width:min(37vh,230px);margin:0 auto}.result{margin:5px 0 12px}.tagline{margin-bottom:8px}.game{padding-top:8px}.next{min-height:45px;padding:10px 30px}.meta{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*:before{transition:none!important;animation:none!important}}
.app-download{text-align:center;padding:10px 0 20px}.app-download>p{font-size:13px;color:#655779;margin:0 0 12px}.store-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.store-badge{display:flex;align-items:center;gap:12px;text-align:left;background:var(--ink);color:white;border-radius:10px;padding:10px 18px;min-width:175px;line-height:1.2;text-decoration:none}.store-badge>span:first-child{font-size:27px}.store-badge small{font-size:11px;display:block;color:#e5dff0}.store-badge strong{font-size:20px;display:block;margin-top:3px;font-weight:600}a.store-badge:hover{background:var(--purple)}
@media(max-width:520px){.store-links{gap:9px}.store-badge{min-width:0;padding:10px 13px;gap:9px}.store-badge strong{font-size:18px}.store-badge small{font-size:10px}.app-download{padding:12px 0 18px}}

.art-style-control{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 3px}.art-style-control label{font-size:14px;color:#493872}.art-style-control select{font:inherit;font-size:14px;color:#25213a;background:#fffcff;border:1px solid #9585b6;border-radius:10px;padding:10px 34px 10px 12px;min-height:44px;max-width:210px}.art-style-control select:focus-visible{outline:3px solid #513091;outline-offset:3px}.art-notice{font-size:12px;color:#584669;max-width:430px;margin:8px auto;line-height:1.5}