:root{color-scheme:dark;--ivory:#fff1d0;--gold:#f6cc66;--deep:#1b0d0b;--teal:#05565c;--serif:'Noto Serif KR','Nanum Myeongjo','Batang','AppleMyungjo',serif}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#160d0b;color:var(--ivory)}
body{font-family:var(--serif);overflow-x:hidden}
button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #fff8db;outline-offset:3px}
.ambient{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#100b09dd,#24100eb0 48%,#120906e8),url('./assets/royal-throne.webp') center/cover no-repeat;filter:saturate(1.2)}
.ambient::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 18%,#e39b4426,transparent 52%),linear-gradient(90deg,#12060690 0%,transparent 30%,transparent 70%,#12060690 100%)}
.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:0 12px}
.masthead{width:min(1100px,100%);height:66px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #c89b4c55;background:linear-gradient(90deg,transparent,#28171199,transparent)}
.brand{display:flex;align-items:center;gap:10px}.brand-emblem{display:grid;place-items:center;border-radius:50%;width:38px;height:38px;color:#ffe6a0;background:radial-gradient(circle,#99732b,#2d170e);border:1px solid #cba64b;box-shadow:0 0 16px #b8842d70;font-size:25px}
.brand strong{display:block;color:#ffdc8c;font-size:21px;letter-spacing:2px;text-shadow:0 2px 5px #000}.brand small{display:block;font-size:10px;letter-spacing:1px;opacity:.75;margin-top:2px}
.header-actions{display:flex;align-items:center;gap:12px}.chapter-counter{font-size:12px;color:#e9d8b2}.header-actions button{background:linear-gradient(#54412a,#281910);border:1px solid #a88042;border-radius:20px;padding:7px 14px;font-size:12px;transition:transform .2s,box-shadow .2s}.header-actions button:hover{transform:translateY(-2px);box-shadow:0 2px 10px #f6d28452}
.playground{width:100%;flex:1;min-height:0;display:grid;place-items:center;position:relative;padding:12px 0}
.game-frame{border:1px solid #d7b667;box-shadow:0 0 0 4px #24100a,0 0 0 5px #b58740a6,0 12px 55px #000b,0 0 55px #d3a34630;max-width:100%;line-height:1}
.stage{position:relative;isolation:isolate;overflow:hidden;width:min(calc((100dvh - 116px)*941/1672),94vw,510px);aspect-ratio:941/1672;container-type:inline-size;background:#22140b}
.stage::after{content:'';position:absolute;inset:0;z-index:20;pointer-events:none;background:linear-gradient(108deg,transparent 10%,#ffe6a013 24%,transparent 39%);background-size:400% 100%;animation:gleam 11s ease-in-out infinite;mix-blend-mode:screen}
@keyframes gleam{0%,75%,100%{background-position:125% center}25%{background-position:-70% center}}
.back-photo{position:absolute;inset:0;background-position:center;background-size:100% 100%;filter:saturate(1.06);z-index:0}
.selection-photo{background-image:url('./assets/selection.webp')}.story-photo{background-image:url('./assets/story.webp')}
.story-photo.tone-night,.story-photo.tone-moon,.story-photo.tone-mystery{filter:saturate(.96) hue-rotate(8deg) brightness(.82)}
.story-photo.tone-dawn{filter:saturate(1.07) brightness(1.09)}
.story-photo.tone-festival{filter:saturate(1.19) brightness(1.06)}
.alternate-art{position:absolute;inset:12% 0 41%;background:radial-gradient(ellipse at 50% 25%,#ffcf7220,transparent 65%);z-index:1;pointer-events:none}
.alternate-art:not(.show){display:none}
.person-move{position:absolute;inset:0;z-index:2;pointer-events:none;background-size:100% 100%;background-position:center;will-change:transform;animation:gentle-breathe 5.5s ease-in-out infinite alternate}
#stage[data-phase="select"] .person-move{background-image:url('./assets/selection.webp')}#stage:not([data-phase="select"]) .person-move{background-image:url('./assets/story.webp')}
.person-move-left,.story-person-left{clip-path:polygon(8% 28%,14% 17%,31% 14%,43% 20%,49% 35%,47% 59%,49% 81%,46% 99%,2% 99%,1% 69%)}
.person-move-right,.story-person-right{clip-path:polygon(45% 30%,52% 14%,69% 9%,79% 15%,92% 30%,100% 56%,100% 98%,44% 99%,41% 66%);animation-delay:-2.4s}
@keyframes gentle-breathe{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-.13%) scale(1.001)}}
.selection-caption{position:absolute;z-index:4;left:20%;top:14.1%;width:60%;font-size:2.35cqw;letter-spacing:.35em;color:#ffdf99;opacity:.7;text-align:center;text-shadow:0 2px 4px #270f06}
.pick{position:absolute;z-index:6;top:69.9%;height:7.6%;width:44%;border:0;background:transparent;transition:background .25s,filter .25s,transform .25s;overflow:hidden;border-radius:50px}
.pick-sh{left:2.7%}.pick-sy{right:2.7%}
.pick:hover,.pick:focus-visible{background:#fff5ad25;filter:drop-shadow(0 0 12px #fff48c);transform:scale(1.03)}
.pick:active{transform:scale(.96)}.pick::after{content:'✦';position:absolute;top:2%;right:8%;color:#fff4d4;font-size:3.5cqw;opacity:0;transition:opacity .2s}.pick:hover::after{opacity:1}
.resume{position:absolute;z-index:7;bottom:3.5%;left:20%;width:60%;border:1px solid #f6d888;padding:1.2cqw 1.4cqw;background:linear-gradient(#644018e8,#231108ec);border-radius:20px;color:#f9de9e;font-size:2.4cqw;box-shadow:0 3px 16px #0009}
.top-caption{position:absolute;z-index:5;left:5%;width:35%;top:3.05%;height:3.5%;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;font-size:3.5cqw;font-weight:900;color:#ffe0a0;letter-spacing:-.08em;text-shadow:0 2px 3px #452303,0 0 8px #d89c48}
.stat-label{position:absolute;z-index:5;top:3.55%;height:2.1%;display:flex;align-items:center;justify-content:center;gap:.7cqw;color:#ffe9b4;font-weight:800;font-size:2.5cqw;text-shadow:0 2px 3px #301800;white-space:nowrap}
.stat-label strong{font-family:Georgia,serif;font-size:2.65cqw;color:#fff4cf;font-weight:700}
.stat-one,.stat-bar-one{left:42%;width:16%}.stat-two,.stat-bar-two{left:60.4%;width:15.5%}.stat-three,.stat-bar-three{left:79.6%;width:16.1%}
.stat-bar{position:absolute;z-index:5;top:5.7%;height:.46%;border-radius:4px;overflow:hidden;border:1px solid #8a6425;background:#260d0a90;box-shadow:inset 0 1px 4px #150700;transform:scaleX(.75)}.stat-bar i{height:100%;display:block;border-radius:4px;background:linear-gradient(90deg,#e8ac39,#ffe9a6);transition:width .6s}
.person-tag{position:absolute;z-index:6;top:56.86%;left:18%;width:26%;height:2.5%;display:flex;align-items:center;justify-content:center;font-size:3.3cqw;color:#ffe4a2;font-weight:800;white-space:nowrap;text-shadow:0 2px 5px #4e2005;letter-spacing:-.04em}
.dialogue-text{position:absolute;z-index:6;top:60.8%;left:15%;width:70%;height:10.3%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:3.45cqw;font-weight:700;line-height:1.7;letter-spacing:-.06em;color:#382417;text-shadow:0 1px 1px #ffffff65;overflow:hidden;word-break:keep-all}
.dialogue-text::before{content:'';z-index:-1;position:absolute;inset:7% -4%;background:#fff0d9ea;box-shadow:0 0 13px 11px #fff0d9df;filter:blur(8px);border-radius:30%}
.change-stats{position:absolute;z-index:7;left:9%;width:82%;top:69.8%;text-align:center;font-size:2.3cqw;white-space:nowrap;color:#623b1e;text-shadow:0 1px #fff}.change-stats .plus{color:#18704e;font-weight:bold}.change-stats .minus{color:#993c3b;font-weight:bold}
.ending-medal{position:absolute;z-index:6;top:55.5%;left:45%;width:51%;text-align:center;background:linear-gradient(90deg,transparent,#4d260acb,transparent);border-block:1px solid #f3d490a0;color:#fff0bc;font-size:2.9cqw;padding:1.4cqw 0;text-shadow:0 2px 3px #000}
.choices{position:absolute;inset:0;z-index:7;pointer-events:none}.gold-choice{pointer-events:auto;position:absolute;left:13%;width:74%;height:5.8%;padding:0 6%;border:0;display:grid;place-items:center;background:transparent;color:#fff3c2;text-shadow:0 2px 3px #3c1600,0 0 5px #6d3a0e;font-size:4cqw;font-weight:900;line-height:1.15;letter-spacing:-.04em;transition:filter .2s,transform .2s}
.gold-choice-1{top:74.55%}.gold-choice-2{top:81.7%}.gold-choice-3{top:88.75%}
.gold-choice::before{content:'';position:absolute;inset:8% 3%;border-radius:100px;background:#ffdf7a00;transition:background .2s,box-shadow .2s}
.gold-choice span{position:relative;z-index:1;pointer-events:none}
.gold-choice:hover::before,.gold-choice:focus-visible::before{background:#ffe7a42a;box-shadow:0 0 15px #ffdd7470,inset 0 0 15px #fff2b555}
.gold-choice:hover{filter:brightness(1.16);transform:scale(1.025)}.gold-choice:active{transform:scale(.97)}
.quickbar{position:absolute;z-index:10;bottom:.55%;left:4%;width:92%;height:3.2%;display:flex;align-items:center;justify-content:space-between;color:#ffe8b9;text-shadow:0 2px 3px #150a05}
.quick{border:1px solid #dba34c9c;background:#3a210dbe;border-radius:15px;line-height:1;padding:.65cqw 1.8cqw;color:#ffdea3;font-size:2.8cqw}.quick span{font-size:2.2cqw}
.quick:hover{background:#714514db}.quick-label{font-size:1.9cqw;color:#ead39b;opacity:.86}
.transitioning .stage{animation:stage-appear .5s ease-out}.transitioning .back-photo{animation:scene-appear .6s ease-out}
@keyframes stage-appear{from{opacity:.8}to{opacity:1}}@keyframes scene-appear{from{filter:brightness(1.45)}to{filter:brightness(1)}}
.site-footer{height:34px;flex-shrink:0;width:min(1100px,100%);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#d5bd8f;opacity:.83}.footer-tip{font-family:sans-serif;color:#bca786}
.side-note{position:absolute;right:max(3%,calc(50% - 445px));top:46%;color:#b99b57;display:flex;flex-direction:column;gap:18px;opacity:.55;font-size:26px;text-shadow:0 0 12px #c79f47}
.modal-layer{position:fixed;inset:0;z-index:100;background:#0d0707cc;backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}
.modal-layer[hidden]{display:none}.modal-card{width:min(560px,100%);max-height:82dvh;display:flex;flex-direction:column;overflow:hidden;border:2px solid #dcb66d;border-radius:12px;background:linear-gradient(135deg,#faf0d8,#dbbd86);color:#3c2814;box-shadow:0 0 0 5px #4a270f,0 0 40px #e6b35b4d,0 15px 90px #000d}
.modal-heading{position:relative;text-align:center;padding:22px 54px 17px;border-bottom:1px solid #a77b3877;background:linear-gradient(90deg,#e3be84,#fff5de,#d8ac6c)}.modal-heading span{font-size:11px;letter-spacing:4px;color:#8f5e28}.modal-heading h2{margin:6px 0 0;font-size:25px;color:#653a0f}.modal-close{position:absolute;right:15px;top:23px;border:1px solid #a97e3c;background:#fde4ae;color:#7a4519;border-radius:50%;width:32px;height:32px}
.modal-scroll{padding:18px 22px;overflow:auto;line-height:1.7}.journal-head{border-bottom:1px solid #b99d6f;padding-bottom:14px;font-size:13px}.journal-item{padding:14px 0;border-bottom:1px solid #ba9b6870}.journal-item b{font-size:12px;color:#90652b}.journal-item h3{font-size:17px;margin:6px 0}.journal-item p{font-size:13px;margin:4px 0}.journal-item small{color:#836135}.empty{padding:25px 0;text-align:center}
.portrait-item{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid #b99b6d}.portrait-item img{width:92px;height:140px;object-fit:cover;object-position:center top;border:2px solid #af8549;border-radius:7px}.portrait-item h3{margin:0;font-size:19px}.portrait-item small{color:#855826}.portrait-item p{font-size:13px;line-height:1.5}.portrait-item b{font-size:12px;color:#ad6432}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:720px){.side-note{display:none}.masthead{height:56px}.brand strong{font-size:17px}.brand small{font-size:9px}.brand-emblem{width:32px;height:32px;font-size:22px}.header-actions{gap:8px}.chapter-counter{font-size:10px}.header-actions button{padding:7px 9px;font-size:11px}.playground{padding:10px 0}.site-footer{height:32px;font-size:9px}.footer-tip{display:none}.stage{width:min(calc((100dvh - 116px)*941/1672),96vw,510px)}}
@media(max-width:359px){.brand small{display:none}.header-actions button span{display:none}.header-actions button{padding:6px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Final polish: hide text baked into AI image while keeping its gold ornamentation. */
.dialogue-text{isolation:isolate}
.dialogue-text::before{z-index:-1;inset:-6% -3%;border-radius:13px;background:linear-gradient(110deg,#f1d9b5 0%,#fae9d0 20%,#f8e5c8 65%,#f0d3ab 100%);box-shadow:0 0 16px 7px #f7e3c4;filter:blur(6px)}
.person-tag{isolation:isolate}
.person-tag::before{content:"";position:absolute;z-index:-1;inset:0 3%;background:linear-gradient(#ad762d,#72430e 47%,#9b6929);border-radius:20px;box-shadow:0 0 8px 5px #a7752c;filter:blur(3px)}
.gold-choice::before{inset:13% 10%;border-radius:60px;background:linear-gradient(175deg,#c08a38,#865015 52%,#b17a2f 91%);box-shadow:0 0 11px 7px #ab742e,inset 0 1px 4px #ebc06b88}
.gold-choice:hover::before,.gold-choice:focus-visible::before{background:linear-gradient(180deg,#d5a650,#98641b,#c99541);box-shadow:0 0 16px 10px #ffdc7670,inset 0 1px 8px #fff2b5a3}
.stat-label{isolation:isolate}
.stat-label::before{content:"";position:absolute;z-index:-1;inset:-5% -5%;background:linear-gradient(#644222,#512f15);border-radius:5px;box-shadow:0 0 5px 3px #62401b;filter:blur(4px)}


/* v3: 심플한 수학 문제 사이트와 가로형 PC 게임 화면 */
body.locked{background:#f5f7fa;color:#172338;font-family:system-ui,-apple-system,'Pretendard','Noto Sans KR',sans-serif;min-height:100dvh}
body.locked .app,body.locked .ambient,body.locked .modal-layer{display:none!important}
.math-page{display:none;min-height:100dvh;color:#15263d;background:#f5f7fa;font-family:system-ui,-apple-system,'Pretendard','Noto Sans KR',sans-serif}
body.locked .math-page{display:flex;flex-direction:column}
.math-header{height:68px;background:#fff;border-bottom:1px solid #e6ebf0;display:flex;align-items:center}
.math-header-inner{width:min(1080px,calc(100% - 36px));margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.math-logo{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.6px}
.math-logo-mark{display:grid;place-items:center;background:#3169e7;border-radius:9px;color:#fff;width:33px;height:33px;font-size:22px;font-weight:600}
.math-header-label{font-size:13px;color:#8a94a4}
.math-main{flex:1;width:min(600px,calc(100% - 36px));margin:0 auto;padding:clamp(50px,9vh,110px) 0 40px}
.math-intro{text-align:center;margin-bottom:34px}
.math-eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;color:#6183cf}
.math-intro h1{font-size:clamp(26px,3vw,36px);letter-spacing:-1.5px;line-height:1.25;margin:11px 0 10px;color:#17243a}
.math-intro p{color:#7b8493;font-size:14px;margin:0}
.math-card{padding:36px 38px 32px;border-radius:17px;background:#fff;border:1px solid #e9edf4;box-shadow:0 14px 55px #253b6010,0 4px 13px #20365809}
.math-card-top{display:flex;justify-content:space-between;color:#697688;font-size:13px;font-weight:600}
.math-question{text-align:center;font-size:clamp(40px,6vw,67px);font-family:Georgia,'Noto Serif KR',serif;font-weight:700;line-height:1.25;white-space:nowrap;color:#182d46;padding:40px 0 38px;letter-spacing:1px}
.math-qmark{color:#3169e7}
.math-answer-label{font-size:13px;display:block;color:#4b5a6d;margin-bottom:10px;font-weight:600}
#math-answer{background:#fff;border:1px solid #d7dee8;border-radius:10px;padding:17px 18px;outline:none;box-shadow:none;width:100%;font-family:inherit;font-size:16px;color:#1d2a3b;transition:border-color .2s,box-shadow .2s}
#math-answer:focus{border-color:#3c72e3;box-shadow:0 0 0 4px #3c72e31a}
#math-answer::placeholder{color:#a0aaba}
.math-feedback{height:34px;display:flex;align-items:center;justify-content:center;color:#6d7687;font-size:13px;margin:4px 0}
.math-feedback.good{color:#17825c}.math-feedback.bad{color:#c23b46}
.math-submit{width:100%;height:53px;background:#3169e7;color:#fff;border:0;border-radius:10px;font:700 16px system-ui,-apple-system,sans-serif;transition:background .2s,transform .2s}
.math-submit:hover{background:#2258cb;transform:translateY(-1px)}
.math-footnote{font-size:12px;color:#99a1af;text-align:center;margin:24px 0}
.math-footer{padding:20px;text-align:center;color:#aab1be;font-size:12px;border-top:1px solid #e7ebf1}
.exit-to-math{border-color:#dca458!important;color:#f7e8be!important}
.pc-screen{display:none}
/* PC / 노트북: 16:9 궁궐 사진과 독립 UI */
@media (min-width:850px) and (min-aspect-ratio:6/5){
 .app{padding:0 18px}
 .masthead,.site-footer{width:min(1550px,100%)}
 .playground{padding:12px 0}
 .game-frame{border-radius:9px;overflow:hidden}
 .stage{width:min(95.5vw,calc((100dvh - 130px)*1672/941),1550px);max-width:100%;aspect-ratio:1672/941}
 .selection-photo,.story-photo{background-image:url('./assets/wide-palace.webp');background-size:100% 100%}
 .person-move,.alternate-art,.selection-caption,.pick,.resume,.top-caption,.stat-label,.stat-bar,.person-tag,.dialogue-text,.change-stats,.ending-medal,.choices{display:none!important}
 .pc-screen{position:absolute;inset:0;z-index:6;display:block;font-size:1.25cqw;pointer-events:none}
 .pc-bottom-vignette{position:absolute;inset:63.5% 0 0;background:linear-gradient(180deg,transparent 0%,#241108ee 23%,#1b0e0bed 82%,#1b0e0bfa 100%);pointer-events:none}
 .pc-selection-heading{position:absolute;top:69%;width:100%;text-align:center;text-shadow:0 3px 5px #000}
 .pc-selection-heading small{display:block;font:600 .91cqw system-ui,sans-serif;letter-spacing:.35em;color:#eed6a0;margin-bottom:8px}
 .pc-selection-heading strong{font-size:2.7cqw;color:#ffe3a1}
 .pc-pick-row{position:absolute;display:flex;align-items:center;justify-content:space-between;left:13%;width:74%;top:79%;gap:9%;height:11%;pointer-events:auto}
 .pc-pick{flex:1;min-width:0;height:100%;border:2px solid #f0ca7e;border-radius:15px;background:linear-gradient(135deg,#a76f27,#5e3410 45%,#986324);box-shadow:inset 0 0 16px #f0b75b88,0 2px 20px #0009,0 0 12px #bc832d99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .2s,filter .2s}
 .pc-pick strong{font-size:2.55cqw;color:#ffeab3;text-shadow:0 2px 4px #3e1704}.pc-pick small{font-size:.91cqw;color:#ffe6c0}.pc-pick>span{font-size:1.3cqw}
 .pc-pick:hover,.pc-gold-choice:hover{transform:translateY(-3px) scale(1.015);filter:brightness(1.2)}
 .pc-resume{position:absolute;pointer-events:auto;top:92%;left:39%;width:22%;height:4%;background:#321b0be8;border:1px solid #c9a663;border-radius:20px;font-size:1.05cqw;color:#f8dda9}
 .pc-chapter{position:absolute;left:30.5%;width:39%;top:13.4%;height:11%;display:grid;place-items:center;background:linear-gradient(100deg,#035158fa,#0c7072fd 45%,#06444cf8);border:2px ridge #f0cd7a;border-radius:45px;box-shadow:0 0 0 3px #281704b5,inset 0 1px 18px #7ae3c042,0 5px 22px #0008;color:#ffe5a1;text-shadow:0 3px 4px #281600;font-size:2.6cqw;font-weight:bold;white-space:nowrap}
 .pc-chapter span{display:none}
 .pc-stats{position:absolute;top:.7%;right:1.1%;width:33.5%;height:7%;background:#2f190fee;border:1px solid #d7a963;border-radius:12px;display:flex;align-items:center;justify-content:space-around;gap:.3%;padding:0 1%;color:#ffe3ac;font-size:1.3cqw;text-shadow:0 2px 3px #000;box-shadow:0 2px 7px #000}
 .pc-stats div{white-space:nowrap}.pc-stats strong{font-size:1.4cqw;margin-left:.3cqw}
 .pc-dialogue{position:absolute;top:69.2%;left:17%;width:66%;height:14.2%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2% 4%;border:4px ridge #e6bf79;border-radius:17px;background:linear-gradient(130deg,#fff5df,#e8cf9e 55%,#fff4d9);color:#42280e;box-shadow:inset 0 0 19px #99632c7a,0 0 14px #d5a244ae,0 8px 20px #0009;isolation:isolate}
 .pc-dialogue::before,.pc-dialogue::after{content:'❀';position:absolute;color:#b98538;opacity:.75;font-size:3cqw;top:31%}.pc-dialogue::before{left:1.6%}.pc-dialogue::after{right:1.6%}
 .pc-dialogue-speaker{position:absolute;left:-.5%;top:-21%;min-width:25%;border:2px ridge #efc879;border-radius:26px;background:linear-gradient(#926129,#5b300e);box-shadow:0 4px 9px #0008;padding:.5% 2%;color:#ffe5ae;text-align:center;font-size:1.6cqw}
 .pc-dialogue p{font-weight:700;text-align:center;line-height:1.5;font-size:clamp(15px,1.85cqw,29px);margin:0;max-width:100%;word-break:keep-all}
 .pc-effect{font-size:1.04cqw;font-weight:700;color:#875123;margin-top:.3cqw}
 .pc-choice-row{position:absolute;top:86.5%;left:4%;width:92%;height:10%;display:flex;gap:2%;pointer-events:auto}
 .pc-gold-choice{min-width:0;flex:1;background:linear-gradient(175deg,#deb565,#8f5a16 48%,#bb812e 85%,#8c5519);border:3px ridge #f7d889;border-radius:40px;box-shadow:inset 0 1px 8px #fff3ca,0 3px 15px #000b,0 0 10px #f4bb5c8a;color:#fff0bb;display:flex;align-items:center;justify-content:space-evenly;gap:3%;font-weight:900;font-size:1.75cqw;text-shadow:0 2px 3px #4b2408;white-space:nowrap;transition:transform .2s,filter .2s}
 .pc-ornament{font-size:1.1cqw;color:#f4d99b;flex:none}
 .quickbar{bottom:.2%;height:3%;width:95%;left:2.5%}.quickbar .quick{font-size:1.4cqw;padding:.3cqw .8cqw}.quickbar .quick span{font-size:1.15cqw}.quick-label{font-size:.95cqw}
}
@media(max-width:550px){
 .math-header{height:58px}
 .math-header-inner{width:calc(100% - 32px)}
 .math-main{padding:56px 0 20px}
 .math-intro{margin-bottom:27px}.math-intro h1{font-size:28px}.math-intro p{font-size:13px}
 .math-card{padding:28px 23px 26px}
 .math-question{font-size:clamp(37px,11vw,54px);padding:39px 0 35px}
 .math-header-label{font-size:11px}
 .exit-to-math{font-size:10px!important;padding:7px!important}
 .brand small{display:none}
}