@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#f8f2e8;background:#0c0815;font-synthesis:none;-webkit-tap-highlight-color:transparent;--gold:#e7b86a;--gold2:#9b6534;--panel:#20152d;--purple:#9b4ac6;--red:#ef5664;--muted:#b2a9be;--green:#80daae}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% -30%,#4b254d,#110b1d 57%,#07060e)}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #d5a5ee;outline-offset:3px}a{color:var(--gold)}h1,h2,h3,p{margin:0}h1,h2,h3,.fantasy{font-family:Cinzel,Georgia,serif}#app{min-height:100svh}.wrap{max-width:1080px;margin:0 auto;min-height:100svh;position:relative}.screen{min-height:100svh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 12px calc(14px + env(safe-area-inset-bottom))}.header{height:49px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;position:relative;z-index:3}.brand{font-family:Cinzel,Georgia,serif;font-size:clamp(19px,5.7vw,30px);font-weight:800;text-shadow:0 2px 3px #060309;white-space:nowrap;letter-spacing:-1px}.brand span{color:#ef5a66}.header-right{display:flex;align-items:center;gap:7px}.coin-display{display:flex;gap:6px;align-items:center;border:1px solid #a77c45;padding:7px 11px;border-radius:13px;background:linear-gradient(180deg,#32243a,#170f22);font-weight:800;font-size:14px;min-width:85px;justify-content:center}.coin-disc{display:inline-grid;place-items:center;border-radius:50%;width:19px;height:19px;color:#5e2e05;background:radial-gradient(circle at 32% 27%,#ffec94,#e6a131 60%,#a85614);border:2px solid #ffdc76;font-size:11px;box-shadow:0 0 9px #dfb34d55}.iconbutton{display:grid;place-items:center;width:37px;height:37px;min-width:37px;border:1px solid #96734e;background:#25182e;color:#fbe2b9;border-radius:11px;font-size:20px}.menu{justify-content:center;gap:18px}.hero-splash{border:1px solid #855b66;border-radius:18px;position:relative;min-height:clamp(265px,48svh,510px);overflow:hidden;background:#1d1227 url('./assets/tier-03.webp') center 43% /cover no-repeat;box-shadow:0 16px 50px #0007}.hero-splash:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#16092345 3%,transparent 35%,#0b0715 100%)}.hero-splash .splash-content{position:absolute;z-index:1;bottom:24px;left:20px;right:20px;text-align:center}.eyebrow{letter-spacing:2px;font-size:11px;color:#efc389;text-transform:uppercase;font-weight:800}.big-title{font-size:clamp(28px,8.5vw,62px);color:#ffe7b6;text-shadow:0 4px 0 #381727,0 0 27px #ec507c91}.subline{font-size:13px;line-height:1.6;color:#f2decb;max-width:580px;margin:8px auto 0}.menu-actions{display:grid;gap:9px;max-width:560px;width:100%;margin:0 auto}.btn{border:1px solid #b88154;background:linear-gradient(180deg,#412442,#23162d);color:#f9e9d1;min-height:49px;padding:12px 17px;border-radius:11px;font-weight:800;box-shadow:inset 0 1px #b5945c66,0 4px 0 #100b16;text-align:center;transition:filter .15s,transform .15s}.btn:active{transform:translateY(2px);box-shadow:inset 0 1px #b5945c66,0 2px 0 #100b16}.btn.primary{background:linear-gradient(180deg,#b23f55,#76233d);border-color:#ffbf7d;color:white}.btn.gold{background:linear-gradient(180deg,#c48b3d,#825125);color:#1c111b;border-color:#ffd49c}.btn.alt{background:linear-gradient(180deg,#332447,#21152e);border-color:#725384}.btn.small{min-height:40px;padding:8px 12px;font-size:13px}.menu-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.menu-secondary .btn{font-size:12px;padding:10px 5px}.micro{font-size:11px;color:var(--muted);text-align:center;line-height:1.45}.battle{gap:8px}.arena{position:relative;height:clamp(243px,40svh,435px);min-height:243px;overflow:hidden;border:1px solid #684264;border-radius:13px;background:#15101e;isolation:isolate;box-shadow:0 10px 35px #05030799;flex-shrink:1}.scene-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transition:filter .5s,opacity 2.5s}.boss-overlay{position:absolute;z-index:1;left:33.2%;top:6.6%;width:67.7%;height:69%;object-fit:fill;pointer-events:none;transition:filter .5s,opacity 2.5s}.arena::after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#130b22b8 0%,transparent 32%,transparent 72%,#0e0718e0 100%)}.arena-info{position:absolute;z-index:3;left:10px;right:10px;top:8px;text-align:center;text-shadow:0 2px 5px #000}.boss-kicker{font-weight:800;color:var(--gold);font-family:Cinzel,Georgia,serif;font-size:12px}.boss-name{font-family:Cinzel,Georgia,serif;font-weight:700;font-size:clamp(14px,4.4vw,24px);line-height:1.2;margin:2px 0 7px}.hp-row{display:flex;align-items:center;justify-content:center;gap:9px;max-width:485px;margin:auto}.hp-bar{height:16px;background:#170b1d;border:2px solid #b58a53;border-radius:15px;box-shadow:0 0 2px #000;flex:1;overflow:hidden}.hp-fill{height:100%;background:linear-gradient(180deg,#ff777f,#a92040);transition:width .45s;box-shadow:0 0 9px #f5585c}.hp-text{font-size:11px;font-weight:900;white-space:nowrap}.arena-bottom{position:absolute;z-index:3;bottom:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:end;gap:10px}.stage-tag{border:1px solid #91714b;background:#1b102ac9;border-radius:7px;padding:6px 8px;font-size:11px;color:#f8daaa;font-weight:800}.score-tag{background:#1b102ac9;border:1px solid #91714b;border-radius:7px;padding:6px 9px;font-size:12px}.timer-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #694968;border-radius:12px;padding:9px 10px;background:linear-gradient(180deg,#25192c,#150d1e);flex-shrink:0}.timer-text{font-family:Cinzel,serif;font-size:15px;font-weight:800;min-width:66px;font-variant-numeric:tabular-nums}.timer-track{height:9px;overflow:hidden;border-radius:8px;background:#050406}.timer-track div{height:100%;background:linear-gradient(90deg,#a558c9,#ffda6c);transition:width .1s linear}.points-text{color:#ffd27c;font-family:Cinzel,serif;font-size:14px;font-weight:800;min-width:65px;text-align:right}.question-area{border:2px solid #ab8052;border-radius:12px;background:linear-gradient(145deg,#fff0c9,#dbbb8e);color:#261824;padding:10px 12px;box-shadow:0 2px 0 #6f4638,0 6px 20px #0006;flex-shrink:0;text-align:center}.question-area .word{font-family:Georgia,serif;font-size:clamp(24px,7vw,37px);font-weight:800;line-height:1.17;overflow-wrap:anywhere}.question-area .hint{font-family:Georgia,serif;font-style:italic;font-size:13px;margin-top:2px}.answers{display:grid;grid-template-columns:1fr;gap:8px;flex:1;align-content:start}.answer{width:100%;min-height:51px;display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;background:linear-gradient(180deg,#2d1e38,#160f23);color:#f7efe8;border:1.5px solid #99704a;border-radius:10px;font-size:clamp(12px,3.5vw,15px);line-height:1.26;box-shadow:inset 0 1px #b78e564d}.answer .letter{flex-shrink:0;color:#ffc974;font-family:Cinzel,serif;font-size:18px;width:23px;font-weight:800}.answer.correct{background:#15412b;border-color:#67d798}.answer.wrong{background:#6b1d30;border-color:#ff7783}.answer:active:not(:disabled){filter:brightness(1.25)}.answer:disabled{opacity:1}.answer.choice-focus:not(:disabled){border-color:#da8aff;box-shadow:0 0 8px #a545db77}.battle-helper{font-size:10px;color:#968ba6;text-align:center;line-height:1.3}.result-backdrop{position:fixed;inset:0;z-index:50;background:#07040dc9;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:calc(8px + env(safe-area-inset-top)) 10px calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(5px)}.modal{width:min(570px,100%);margin:auto 0;max-height:calc(100svh - 25px);overflow:auto;overscroll-behavior:contain;border:1px solid #b48b57;background:linear-gradient(180deg,#261833,#130e21);border-radius:18px;padding:15px;box-shadow:0 18px 70px #000c}.modal h2{text-align:center;font-size:24px;color:#ffcf8a}.modal p{line-height:1.55}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.section{margin:10px 0;border:1px solid #654468;border-radius:12px;padding:13px;background:#1a1225}.section-title{color:#efca8b;font-family:Cinzel,serif;font-size:15px;font-weight:700;margin-bottom:8px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{border:1px solid #684664;background:#21162b;padding:12px;border-radius:10px}.stat-label{font-size:11px;color:#aaa0b6}.stat-value{font-size:21px;color:#f8dca8;font-weight:800;margin-top:5px;font-variant-numeric:tabular-nums}.big-score{font-family:Cinzel,serif;font-size:38px;color:#ffba85;text-align:center;text-shadow:0 0 13px #b3346277}.death-title{font-family:Georgia,serif;font-size:clamp(38px,12vw,66px);color:#ff8991;text-align:center;text-shadow:0 0 22px #ed345a70}.death-banner{min-height:110px;border-radius:12px;background:linear-gradient(180deg,#0c081126,#140918a6),url('./assets/tier-03.webp') center 48%/cover;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:10px}.modal-stack{display:grid;gap:9px;margin-top:12px}.modal-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.modal-3 .btn{font-size:11px;padding:9px 3px;min-height:49px}.rule{height:1px;background:#493350;margin:12px 0}.text-sub{font-size:12px;color:#aca1b8;line-height:1.5}.loot{font-family:Cinzel,serif;color:#ffd37d;font-size:24px;text-shadow:0 0 12px #ffc65b66;text-align:center;animation:floatUp .9s ease both}.center{text-align:center}.shop-tabs,.stats-tabs{display:flex;gap:5px;margin:10px 0}.tab{flex:1;border:1px solid #5f4869;background:#22162f;color:#ded3e6;min-height:35px;padding:7px 3px;border-radius:8px;font-size:12px}.tab.active{background:#613578;border-color:#d6a2ed;color:white}.shop-item{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;background:#201628;border:1px solid #69476b;border-radius:11px;padding:10px;margin:9px 0}.shop-icon{height:46px;width:46px;border:1px solid #845581;border-radius:9px;background:#35203f;display:grid;place-items:center;font-size:28px}.shop-name{font-weight:800;font-size:13px}.shop-desc{color:#b4a9ba;font-size:11px;margin-top:4px;line-height:1.4}.shop-buy{font-size:12px;padding:8px;border:1px solid #d4a26a;color:#211221;border-radius:8px;background:linear-gradient(#ffdd97,#b77a37);font-weight:800;min-height:42px;min-width:64px}.shop-buy:disabled{opacity:.6}.mistake{background:#24182e;border:1px solid #60445f;padding:12px;border-radius:11px;margin:8px 0;line-height:1.5}.mistake strong{font-family:Cinzel,serif;color:#ffe0ae}.mistake .bad{color:#ff969f}.mistake .good{color:#87e5b1}.search{padding:11px;width:100%;border:1px solid #745b7a;border-radius:9px;color:white;background:#160e1f;font-size:14px}.chart{width:100%;height:auto;border:1px solid #423052;border-radius:9px;background:#140d1f}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:9px;background:#23192e;border-radius:9px}.settings-row button{min-width:74px}.res-text{font-size:14px;color:#f3d9b2}.answer-explain{border:1px solid #aa8755;background:#221629;border-radius:11px;padding:12px;margin:8px 0}.mini-title{font-family:Cinzel,serif;font-size:12px;color:#fdca80}.loading{min-height:100svh;display:grid;place-content:center;text-align:center;gap:10px;color:#eac99b}.loading h1{font-size:27px}.loading p{font-size:12px}.toast{position:fixed;z-index:90;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);min-width:180px;max-width:90%;border:1px solid #b48b51;border-radius:12px;background:#23152eea;color:#fbd68e;padding:11px 18px;text-align:center;font-weight:800;box-shadow:0 10px 30px #0008;animation:floatUp .25s ease-out}.transition{position:fixed;inset:0;z-index:40;background:#0a0614;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;text-align:center}.transition .transition-art{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:.25;filter:blur(7px)}.transition-content{z-index:2;display:grid;gap:14px;place-items:center;max-width:440px}.transition .big{font-family:Cinzel,serif;font-size:clamp(29px,8vw,54px);color:#f9d3a0;text-shadow:0 0 24px #ac50ce}.transition .sm{font-size:15px;color:#d9bedf}.transition .button-skip{position:absolute;z-index:3;bottom:calc(30px + env(safe-area-inset-bottom))}.transition-stage{border-top:1px solid #6b4d80;border-bottom:1px solid #6b4d80;padding:16px 26px;color:#f9d39c;font-family:Cinzel,serif}.arena.victory .boss-overlay{animation:bossDissolve 3s ease-in-out 1.2s forwards}.arena.victory{animation:arenaShake .45s ease-in-out}.arena.victory .arena-info{opacity:.3;transition:opacity 1.2s}.arena.victory .arena-bottom{opacity:.3}.arena.defeated .boss-overlay{filter:saturate(.5) brightness(.55)}.arena.hit{animation:arenaShake .45s}.hit-number{position:absolute;right:22%;top:36%;font-family:Cinzel,serif;font-size:40px;font-weight:900;z-index:9;color:#f9d87e;text-shadow:0 0 13px #fff9,0 4px 8px #000;animation:floatUp 1s ease-out forwards}.victory-overlay{position:absolute;z-index:8;top:38%;left:0;right:0;display:grid;justify-items:center;gap:6px;animation:floatUp .6s ease both}.victory-overlay h2{font-family:Cinzel,serif;color:#f9cc87;text-shadow:0 0 14px #4d266d,0 3px 0 #130a1b;font-size:clamp(23px,6vw,42px)}.victory-overlay span{font-size:28px;color:#ffdc72}.sparkle{position:absolute;width:4px;height:4px;z-index:7;background:#e1a4ff;border-radius:50%;box-shadow:0 0 8px #d891fc;animation:particleUp 2.5s ease-out forwards}.effect-hide{visibility:hidden}.tip{padding:10px 12px;background:#201328;border:1px solid #634064;border-radius:11px;font-size:12px;color:#dcbdb5;line-height:1.5}.finished{color:#ffc674;text-align:center}.badge{padding:5px 8px;border-radius:20px;font-size:10px;border:1px solid #836249;color:#ffd792;background:#34233b}.backrow{display:flex;align-items:center;gap:10px;margin-bottom:11px}.screen-panel{padding:6px 0}.footer-note{text-align:center;font-size:10px;color:#7f708b;margin-top:4px}
@keyframes arenaShake{0%,100%{transform:translateX(0)}16%{transform:translateX(-5px)}33%{transform:translateX(5px)}50%{transform:translateX(-4px)}66%{transform:translateX(3px)}83%{transform:translateX(-2px)}}
@keyframes bossDissolve{0%{opacity:1;filter:brightness(1) saturate(1)}22%{opacity:1;filter:brightness(1.5) saturate(.6)}58%{opacity:.65;filter:brightness(1.6) saturate(0)}100%{opacity:.1;filter:brightness(2) saturate(0)}}
@keyframes floatUp{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes particleUp{from{transform:translate(0,0) scale(1);opacity:1}to{transform:translate(var(--dx),-130px) scale(.2);opacity:0}}
@media(min-width:700px){.screen{padding-left:30px;padding-right:30px}.battle{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:49px auto 1fr auto;column-gap:18px;row-gap:12px;align-items:start}.battle .header{grid-column:1/3}.battle .arena{grid-column:1;grid-row:2/5;height:min(70svh,660px);min-height:540px}.battle .timer-card{grid-column:2;grid-row:2}.battle .question-area{grid-column:2;grid-row:3;align-self:start;padding:26px 12px}.battle .answers{grid-column:2;grid-row:3;align-self:end;margin-top:150px;gap:12px}.battle .answer{min-height:65px;font-size:15px}.battle .battle-helper{grid-column:1/3}.menu{max-width:800px}.hero-splash{min-height:390px}.menu-actions{max-width:550px}.question-area .word{font-size:35px}.arena-info{top:15px}}@media(max-height:735px) and (max-width:699px){.screen.battle{gap:5px;padding-left:8px;padding-right:8px}.battle .header{height:40px}.battle .arena{height:31svh;min-height:170px}.battle .answer{min-height:43px;padding:7px 10px}.question-area{padding:6px}.question-area .word{font-size:23px}.timer-card{padding:7px}.battle-helper{display:none}}@media(max-width:350px){.brand{font-size:19px}.coin-display{min-width:68px;padding:6px 7px}.iconbutton{width:33px;min-width:33px}.answer{font-size:12px;min-height:48px}.question-area .word{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.hero-aura{position:absolute;z-index:1;left:0;bottom:0;width:45%;height:57%;pointer-events:none;border-radius:50%;opacity:0;mix-blend-mode:screen}.hero-aura.royal{opacity:.55;background:radial-gradient(ellipse at 52% 70%,transparent 35%,#f9bd54b8 60%,transparent 74%)}.hero-aura.shadow{opacity:.55;background:radial-gradient(ellipse at 52% 70%,transparent 35%,#994affb8 60%,transparent 74%)}