@font-face{font-family:Title;src:url(../fonts/title.woff2) format("woff2");font-display:block}@font-face{font-family:Body;src:url(../fonts/body.woff2) format("woff2");font-display:block}:root{--bg1: #10163a;--bg2: #2c1a5a;--bg3: #4a1f6e;--ink: #ffffff;--ink-dim: #b9c0ea;--ink-dark: #2b2f5e;--gold: #ffc93c;--gold-dark: #b9790c;--good: #3fd17a;--bad: #ff4f6a;--panel-ink: #34386e;--outline: #1b1440;--card-name: #ffffff;--radius: 18px;--gutter: 16px;--app-h: 100dvh;--title: "Title", "Arial Rounded MT Bold", system-ui, sans-serif;--body: "Body", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg1)}body{font-family:var(--body);color:var(--ink);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}img{-webkit-user-drag:none}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.paused #app,.paused #layer{pointer-events:none}#app{position:fixed;inset:0;height:var(--app-h);background:radial-gradient(1.5px 1.5px at 12% 18%,#fff9 50%,transparent 51%),radial-gradient(1px 1px at 28% 72%,#fff8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 44% 34%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 63% 12%,#fff9 50%,transparent 51%),radial-gradient(2px 2px at 78% 58%,#fff6 50%,transparent 51%),radial-gradient(1px 1px at 88% 26%,#fff9 50%,transparent 51%),radial-gradient(1px 1px at 8% 88%,#fff7 50%,transparent 51%),radial-gradient(1.5px 1.5px at 52% 92%,#fff6 50%,transparent 51%),radial-gradient(1px 1px at 93% 84%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 36% 6%,#fff8 50%,transparent 51%),radial-gradient(ellipse 80% 50% at 50% 0%,#3a2a8a88,transparent),linear-gradient(170deg,var(--bg1) 0%,var(--bg2) 60%,var(--bg3) 100%);overflow:hidden}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:max(10px,env(safe-area-inset-top)) var(--gutter) max(12px,env(safe-area-inset-bottom));animation:screen-in .25s ease-out}.screen>*{width:100%;max-width:900px}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.title{font-family:var(--title);letter-spacing:.02em;text-shadow:0 3px 0 var(--outline),0 0 1px var(--outline)}.btn{--top: #ffe066;--bot: #ffb21a;--lip: #e07b00;--txt: #6b3300;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:2px 26px 8px;font-family:var(--title);font-size:24px;color:var(--txt);text-shadow:0 1px 0 #fff7;border:3px solid var(--outline);border-radius:20px;background:linear-gradient(180deg,var(--top),var(--bot));box-shadow:inset 0 -7px 0 var(--lip),inset 0 3px #ffffff80,0 4px 0 var(--outline);transition:transform .12s,filter .12s}.btn:before{content:"";position:absolute;left:10px;top:6px;width:12px;height:8px;border-radius:50%;background:#ffffffd0;transform:rotate(-20deg)}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{filter:grayscale(.9) brightness(.8);cursor:default}.btn-secondary{--top: #ff8a9a;--bot: #f2465f;--lip: #b8233a;--txt: #fff;text-shadow:0 2px 0 #0004}.btn-neutral{--top: #ffffff;--bot: #dfe4f7;--lip: #b3bbdc;--txt: var(--panel-ink);text-shadow:none}.btn-ad{--top: #7de38f;--bot: #2fbf57;--lip: #1d8c3d;--txt: #fff;text-shadow:0 2px 0 #0004}.btn-big{min-height:74px;font-size:32px;padding:4px 44px 12px;border-radius:26px}.btn-small{min-height:42px;font-size:18px;padding:1px 14px 6px;border-radius:14px;box-shadow:inset 0 -5px 0 var(--lip),inset 0 2px #ffffff80,0 3px 0 var(--outline)}.btn-small:before{left:7px;top:4px;width:8px;height:5px}.btn .icon{width:1.2em;height:1.2em;object-fit:contain}.btn .price{display:inline-flex;align-items:center;gap:4px}.btn-spinner{width:22px;height:22px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{width:48px;height:48px;display:grid;place-items:center;position:relative;border-radius:14px;background:#ffffff1c;box-shadow:inset 0 -3px #0003;transition:transform .12s}.icon-btn:active{transform:scale(.92)}.icon-btn img{width:32px;height:32px;object-fit:contain}.icon-btn .count{position:absolute;right:-6px;bottom:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--bad);color:#fff;font:15px/22px var(--title);text-align:center;box-shadow:0 2px #0004}.icon-btn .count.plus{background:var(--good)}.icon-btn.locked{filter:grayscale(1) brightness(.7)}.icon-btn .lock{position:absolute;width:20px;height:20px;right:-4px;top:-4px}.pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 4px;border-radius:18px;background:#00000048;box-shadow:inset 0 2px #0004;font:20px/1 var(--title)}.pill img{width:30px;height:30px;object-fit:contain}.pill .sub{font:13px var(--body);color:var(--ink-dim);margin-left:2px}.bump{animation:bump .25s ease-out}@keyframes bump{50%{transform:scale(1.18)}}.card{--strip: 64px;container-type:inline-size;position:relative;display:flex;flex-direction:column;border-radius:var(--radius);background:#fff;box-shadow:0 6px #0005,0 0 0 4px #fff2;color:var(--ink-dark);overflow:visible;transition:transform .12s,box-shadow .2s}.card-art{position:relative;flex:0 0 auto;width:100%;aspect-ratio:1;border-radius:var(--radius) var(--radius) 0 0;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c1) 70%,#fff),var(--c1));overflow:hidden;display:grid;place-items:center}.card-art-inner{width:100%;height:100%;display:grid;place-items:center;transition:transform .4s cubic-bezier(.3,1.2,.5,1);transform-origin:50% 70%}.card-art-inner img{width:100%;height:100%;object-fit:cover}.card-glyph{width:52%;height:52%;color:var(--c2);filter:drop-shadow(0 4px 0 #0002)}.card-name{flex:1 0 auto;min-height:var(--strip);display:grid;place-items:center;padding:8px 10px 9px;font:22px/1.05 var(--title);text-align:center;color:var(--ink-dark);border-radius:0 0 var(--radius) var(--radius);background:#fff}.card-value{display:none;position:absolute;left:50%;top:100cqw;z-index:2;transform:translate(-50%,calc(-100% - 6px));max-width:calc(100% - 8px);padding:2px 10px 4px;border-radius:12px;text-align:center;white-space:nowrap;background:#fff;box-shadow:0 3px #0003}.card.revealed .card-value{display:block;animation:pop-in .3s cubic-bezier(.3,1.5,.5,1)}.v-main{display:block;font:22px/1.1 var(--title);color:#6a3cc8}.v-sub{display:block;font:14px var(--body);color:#7a7fa8}@keyframes pop-in{0%{transform:scale(.4);opacity:0}}.card.tappable{cursor:pointer}.card.tappable:active{transform:scale(.96)}.pressed{animation:press .12s ease-out}@keyframes press{50%{transform:scale(.96)}}.card.is-good{box-shadow:0 6px #0005,0 0 0 5px var(--good),0 0 24px var(--good)}.card.is-bad{box-shadow:0 6px #0005,0 0 0 5px var(--bad)}.card.is-answer{box-shadow:0 6px #0005,0 0 0 5px var(--good),0 0 30px var(--good);animation:glow 1s ease-in-out infinite alternate}@keyframes glow{to{box-shadow:0 6px #0005,0 0 0 5px var(--good),0 0 8px var(--good)}}.shake{animation:shake .42s}@keyframes shake{15%,45%,75%{transform:translate(-8px)}30%,60%,90%{transform:translate(8px)}}.stamp{position:absolute;right:-10px;top:-10px;width:56px;height:56px;z-index:3;animation:stamp .35s cubic-bezier(.3,1.6,.5,1)}.stamp img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 0 #0005)}@keyframes stamp{0%{transform:scale(2.4) rotate(-20deg);opacity:0}}.ratio-badge{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:3;padding:6px 16px 8px;border-radius:16px;background:var(--gold);font:34px/1 var(--title);color:#7a3c00;box-shadow:0 4px 0 var(--gold-dark),0 0 0 4px #fff;animation:badge-pop .45s cubic-bezier(.3,1.6,.5,1)}@keyframes badge-pop{0%{transform:translate(-50%,-50%) scale(0)}}.card-mid{--strip: 52px}.card-mid .card-name{font-size:18px}.card-small{--strip: 38px;border-radius:12px}.card-small .card-art{border-radius:12px 12px 0 0}.card-small .card-name{font-size:13px;padding:4px 3px 5px;border-radius:0 0 12px 12px;line-height:1}.card-small .v-main{font-size:13px}.card-small .v-sub{font-size:10px}.card-small .card-value{padding:1px 5px 2px;border-radius:8px;transform:translate(-50%,calc(-100% - 3px))}.card-small .stamp{width:32px;height:32px}.card-row{flex-direction:row;align-items:center;border-radius:14px;height:100%}.card-row .card-art{flex:0 0 auto;width:auto;height:100%;aspect-ratio:1;border-radius:14px 0 0 14px}.card-row .card-name{flex:1;min-height:0;display:block;text-align:left;font-size:18px;background:none;padding:4px 10px}.card-row .card-value{position:static;transform:none;max-width:none;padding:0 10px 0 0;margin:0;text-align:right;background:none;box-shadow:none}.card-row .v-main{font-size:16px}.card-row .stamp{width:40px;height:40px;top:-12px;right:-8px}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;height:48px;flex:0 0 auto}.topbar .left,.topbar .right{display:flex;align-items:center;gap:6px}.hearts{display:flex;gap:1px}.heart{width:26px;height:26px;transition:transform .2s,filter .3s,opacity .3s}.heart.lost{filter:grayscale(1) brightness(.5);opacity:.55;transform:scale(.85)}.heart.crack{animation:crack .5s ease-out}@keyframes crack{30%{transform:scale(1.4) rotate(-12deg)}60%{transform:scale(.8) rotate(8deg)}}.topbar .center{justify-self:center}.score-pill{position:relative;height:34px;padding:0 12px 0 4px;font-size:21px;color:var(--gold);gap:4px}.score-pill img{width:28px;height:28px}.score-plus{position:absolute;left:50%;top:100%;z-index:6;pointer-events:none;font:18px var(--title);color:var(--gold);text-shadow:0 2px 0 var(--outline);animation:score-plus .9s ease-out forwards}@keyframes score-plus{0%{transform:translate(-50%,6px) scale(.6);opacity:0}25%{transform:translate(-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-26px);opacity:0}}.counter{white-space:nowrap}.topbar .icon-btn{width:38px;height:38px;border-radius:11px}.topbar .icon-btn img{width:26px;height:26px}.topbar .icon-btn .count{min-width:19px;height:19px;font-size:13px;line-height:19px;right:-5px;bottom:-5px}.pot{height:30px;font-size:17px;padding:0 8px 0 2px;gap:3px}.pot img{width:24px;height:24px}.level-label{flex:0 0 auto;text-align:center;font:15px var(--title);color:var(--ink-dim);margin-top:2px}.question-line{flex:0 0 auto;display:grid;place-items:center;height:clamp(44px,9dvh,80px);font:clamp(22px,min(4.4dvh,7.2vw),40px)/1 var(--title);text-align:center;text-shadow:0 3px 0 var(--outline);animation:q-in .3s ease-out}.question-line .q-sub{display:block;font:15px var(--body);color:var(--ink-dim);text-shadow:none;margin-top:4px}@keyframes q-in{0%{transform:scale(.85);opacity:0}}.stage{flex:1 1 auto;min-height:0;position:relative;container-type:size}.mode{position:absolute;inset:0;animation:mode-in .3s ease-out}@keyframes mode-in{0%{opacity:0;transform:translateY(14px)}}.mode.locked{pointer-events:none}.reveal-skip{position:absolute;inset:0;z-index:20}.bonus-tag{display:inline-block;margin-right:10px;padding:3px 10px 5px;border-radius:10px;vertical-align:middle;font-size:.62em;letter-spacing:.06em;color:#6b3300;text-shadow:none;background:linear-gradient(180deg,#ffe066,#ffb21a);box-shadow:0 3px 0 var(--outline);animation:bonus-tag 1.2s ease-in-out infinite alternate}@keyframes bonus-tag{to{transform:rotate(-4deg) scale(1.08)}}.screen.bonus{background:radial-gradient(ellipse 90% 60% at 50% 45%,#ffc93c22,transparent 70%)}.bonus-band{position:absolute;top:-8px;bottom:-8px;border-radius:10px;transform-origin:50% 50%;animation:band-in .45s cubic-bezier(.3,1.4,.5,1) both}.bonus-band span{position:absolute;left:4px;top:-22px;font:14px var(--title);text-shadow:0 2px 0 var(--outline);white-space:nowrap}.bonus-band.m1_5{background:#5aa9ff40;box-shadow:inset 0 0 0 2px #5aa9ff}.bonus-band.m1_5 span{color:#8cc4ff}.bonus-band.m2{background:#3fd17a55;box-shadow:inset 0 0 0 2px var(--good)}.bonus-band.m2 span{color:var(--good)}.bonus-band.m3{background:#ffc93c88;box-shadow:inset 0 0 0 2px var(--gold),0 0 16px #ffc93c88}.bonus-band.m3 span{color:var(--gold);left:50%;transform:translate(-50%)}.bonus-band.hit{animation:band-in .45s cubic-bezier(.3,1.4,.5,1) both,band-hit .6s .7s ease-in-out 3 alternate}@keyframes band-in{0%{transform:scaleX(0);opacity:0}}@keyframes band-hit{to{filter:brightness(1.6)}}.mult-chip{position:absolute;left:50%;bottom:46px;z-index:5;transform:translate(-50%);padding:4px 14px 7px;border-radius:16px;border:3px solid var(--outline);font:30px/1 var(--title);white-space:nowrap;box-shadow:0 4px 0 var(--outline);animation:chip-pop .5s cubic-bezier(.3,1.7,.5,1)}@keyframes chip-pop{0%{transform:translate(-50%) scale(0) rotate(-30deg)}}.m1{--mc: #ffffff;--mc2: #c9cde8}.m1_5{--mc: #8cc4ff;--mc2: #3d86e6}.m2{--mc: #7cf0a8;--mc2: #22b45c}.m3{--mc: #ffe066;--mc2: #ff9d00}.mult-chip,.cel-chip{background:linear-gradient(180deg,var(--mc),var(--mc2));color:#2a1a4a}.celebrate{position:fixed;inset:0;z-index:300;animation:fade .25s}.celebrate.out{animation:cel-out .3s forwards}@keyframes cel-out{to{opacity:0}}.cel-dim{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#2c1a5acc,#08061ae8 70%)}.cel-score{position:absolute;left:var(--cx);top:var(--cy);z-index:2;display:flex;align-items:center;gap:10px;white-space:nowrap;font:72px/1 var(--title);color:#fff;text-shadow:0 5px 0 var(--outline),0 0 2px var(--outline);transform:translate(-50%,-50%);animation:cel-in .7s cubic-bezier(.3,1.3,.5,1) both;transition:color .4s,text-shadow .4s}.cel-score img{width:64px;height:64px;filter:drop-shadow(0 4px 0 var(--outline))}@keyframes cel-in{0%{transform:translate(calc(-50% + var(--fx)),calc(-50% + var(--fy))) scale(.3)}}.cel-score.hit{animation:cel-hit .9s cubic-bezier(.3,1.5,.5,1) both;color:var(--mc)}@keyframes cel-hit{0%{transform:translate(-50%,-50%) scale(1)}10%{transform:translate(calc(-50% - 14px),calc(-50% + 6px)) scale(1.35) rotate(-6deg)}20%{transform:translate(calc(-50% + 12px),calc(-50% - 8px)) scale(1.25) rotate(5deg)}30%{transform:translate(calc(-50% - 8px),-50%) scale(1.3) rotate(-3deg)}45%{transform:translate(calc(-50% + 4px),-50%) scale(1.22) rotate(2deg)}to{transform:translate(-50%,-50%) scale(var(--grow, 1.2))}}.cel-score.done{transform:translate(-50%,-50%) scale(var(--grow, 1.2));color:var(--mc, #fff)}.cel-score.done.m3{text-shadow:0 5px 0 var(--outline),0 0 30px #ffc93c,0 0 60px #ff9d00;animation:cel-glow 1s ease-in-out infinite alternate}@keyframes cel-glow{0%{transform:translate(-50%,-50%) scale(var(--grow))}to{transform:translate(-50%,-50%) scale(calc(var(--grow) * 1.06))}}.cel-score.m1{--grow: 1}.cel-score.m1_5{--grow: 1.15}.cel-score.m2{--grow: 1.3}.cel-score.m3{--grow: 1.5}.cel-chip{position:absolute;left:var(--cx);top:var(--cy);z-index:3;padding:6px 20px 10px;border-radius:20px;border:4px solid var(--outline);box-shadow:0 5px 0 var(--outline);font:52px/1 var(--title);white-space:nowrap;animation:chip-fly .65s cubic-bezier(.5,0,.75,0) both}@keyframes chip-fly{0%{transform:translate(calc(-50% + var(--fx)),calc(-50% + var(--fy))) scale(.6) rotate(0)}55%{transform:translate(-50%,calc(-50% - 110px)) scale(1.5) rotate(-12deg)}to{transform:translate(-50%,-50%) scale(.4) rotate(10deg);opacity:.2}}.cel-flash{position:absolute;left:var(--cx);top:var(--cy);width:40px;height:40px;z-index:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--mc),transparent 70%);animation:cel-flash .8s ease-out forwards}@keyframes cel-flash{to{transform:translate(-50%,-50%) scale(18);opacity:0}}.cel-line{position:absolute;left:50%;top:calc(var(--cy) + 80px);z-index:2;transform:translate(-50%);font:34px var(--title);color:var(--mc, #fff);text-shadow:0 3px 0 var(--outline);white-space:nowrap;opacity:0}.cel-line.show{animation:line-in .45s cubic-bezier(.3,1.6,.5,1) forwards}@keyframes line-in{0%{transform:translate(-50%) scale(.3);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.cel-skip{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:2;font:14px var(--body);color:#fff8}.action-row{flex:0 0 auto;height:70px;display:flex;justify-content:center;align-items:center;padding-top:6px}.action-row>.btn{min-width:min(80%,360px)}.btn-next{animation:pop-in .3s cubic-bezier(.3,1.5,.5,1)}.kbd{position:absolute;right:12px;bottom:9px;padding:1px 6px 2px;border-radius:6px;font:11px var(--body);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--txt);background:#ffffff70;box-shadow:0 2px 0 var(--lip);text-shadow:none;opacity:.85}.mode-pairs{display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;align-items:center;gap:4px;padding:4px 0 10px}.pair-slot{position:relative;height:100%;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;min-height:0;container-type:size}.pair-slot>.card{width:min(92cqw,100cqh - var(--strip))}.vs{font:22px var(--title);color:var(--gold);text-shadow:0 2px 0 var(--outline);height:22px;line-height:22px}.mode-pairs .hint-chip{position:absolute;right:max(0px,calc(50% - min(46cqw,50cqh - 32px) - 8px));bottom:calc(50cqh - min(46cqw,50cqh - 32px) + 102px)}.hint-chip{display:flex;align-items:center;gap:6px;z-index:4;padding:5px 5px 5px 8px;border-radius:14px;background:#fff8dd;color:var(--panel-ink);box-shadow:0 4px #0004,0 0 0 3px var(--gold);font:13px/1.1 var(--title);animation:pop-in .35s cubic-bezier(.3,1.5,.5,1)}.hint-text{max-width:62px}.hint-target{color:#6a3cc8;max-width:80px}.hint-card{--strip: 22px;width:58px;flex:0 0 auto;box-shadow:0 3px #0003}.hint-card .card-name{font-size:10px;padding:3px 2px}.hint-card .card-glyph{width:60%;height:60%}.mode-sort{--cw: min(18.6cqw, (100cqh - 150px) / 2 - 38px);display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,4cqh,36px);padding-bottom:6px;touch-action:none}.sort-pool{display:flex;justify-content:center;gap:1.2cqw}.pool-cell{flex:0 0 auto;width:var(--cw);height:calc(var(--cw) + 38px);border-radius:12px;background:#ffffff10;box-shadow:inset 0 0 0 2px #ffffff1a}.pool-cell>.card,.slot>.card{width:100%;height:100%}.card.sortable{cursor:grab;touch-action:none}.card.selected{transform:translateY(-8px) scale(1.05);box-shadow:0 10px #0005,0 0 0 4px var(--gold);z-index:5}.ladder-float>.card{box-shadow:0 6px #0005,0 0 0 4px var(--gold),0 0 22px #ffc93c88}.card.dragging{z-index:50;transition:none;box-shadow:0 16px 24px #0007,0 0 0 4px var(--gold);cursor:grabbing}.sort-hint{display:flex;justify-content:center;min-height:0}.sort-rail-box{position:relative}.rail-ends{display:flex;justify-content:space-between;align-items:center;font:16px var(--title);color:var(--ink-dim);padding:0 4px 6px;text-transform:uppercase}.rail-arrow{flex:1;height:3px;margin:0 10px;background:linear-gradient(90deg,#fff2,#fff8);position:relative}.rail-arrow:after{content:"";position:absolute;right:-2px;top:-5px;border:6.5px solid transparent;border-left:9px solid #ffffff88;border-right:0}.sort-rail{display:flex;justify-content:center;gap:1.2cqw;padding:8px 6px;border-radius:18px;background:#00000038;box-shadow:inset 0 3px #0004}.slot{position:relative;flex:0 0 auto;width:var(--cw);height:calc(var(--cw) + 38px);border-radius:12px;border:3px dashed #ffffff44;display:grid;place-items:center}.slot-n{font:28px var(--title);color:#fff3}.slot.filled{border-color:transparent}.slot.filled .slot-n{display:none}.has-selection .slot:not(.filled){border-color:var(--gold);animation:slot-pulse .8s ease-in-out infinite alternate}@keyframes slot-pulse{to{background:#ffc93c22}}.sort-rail>.stamp{right:-6px;top:-16px}.card.fixed{cursor:default}.sort-note{text-align:center;font:18px var(--title);color:var(--bad);margin-top:8px;min-height:22px;text-shadow:0 2px 0 var(--outline)}.so-close{text-align:center;font:20px var(--title);color:var(--gold);margin-top:8px;animation:pop-in .3s}.mode-ladder{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:6px;padding-top:12px}.ladder-float{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:min(13cqh,96px)}.ladder-float>.card{height:100%;width:70%;animation:float 1.6s ease-in-out infinite alternate}@keyframes float{to{transform:translateY(-5px)}}.ladder-float .hint-chip{position:absolute;top:100%;right:0;margin-top:4px}.ladder-rail{display:flex;flex-direction:column-reverse;justify-content:center;min-height:0}.ladder-rail>.card{flex:0 0 auto;height:min(11cqh,84px);width:88%;margin:0 auto}.gap{flex:1 1 0;min-height:26px;max-height:56px;width:88%;margin:0 auto;display:grid;place-items:center;position:relative}.gap span{display:grid;place-items:center;width:100%;height:26px;border-radius:13px;border:3px dashed #ffffff55;color:#fff9;font:22px/1 var(--title);transition:background .15s,border-color .15s,transform .15s}.gap:hover span,.gap:active span{border-color:var(--gold);background:#ffc93c33;color:var(--gold);transform:scaleY(1.15)}.mode-ladder.locked .gap span{opacity:.25}.ladder-rail>.card.floater{width:88%;height:min(11cqh,84px);animation:none}.rail-end{text-align:center;font:14px var(--title);color:var(--ink-dim);text-transform:uppercase;padding:2px}.mode-ratio{display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,3cqh,28px);padding-bottom:8px}.ratio-cards{display:flex;justify-content:center;align-items:flex-start;gap:5cqw}.ratio-cards .card{width:min(45cqw,46cqh - var(--strip))}.ratio-sentence{text-align:center;font:19px/1.35 var(--body);color:var(--ink-dim);padding:0 6px}.ratio-sentence b{color:#fff;font-family:var(--title);font-weight:400}.ratio-guess{display:inline-block;min-width:2.5em;padding:0 8px 2px;border-radius:10px;background:var(--gold);color:#7a3c00;font:22px var(--title)}.ratio-sentence.revealed .ratio-guess{background:var(--good);color:#063}.ratio-hint{display:flex;justify-content:center}.slider{padding:40px 20px 0}.slider-track{position:relative;height:22px;border-radius:11px;background:#0005;box-shadow:inset 0 3px #0006;touch-action:none;cursor:pointer}.slider-fill{position:absolute;left:0;top:0;bottom:0;border-radius:11px;background:linear-gradient(90deg,#8a5cff,#c084fc)}.tick{position:absolute;top:26px;transform:translate(-50%);font:13px var(--title);color:var(--ink-dim)}.tick:before{content:"";position:absolute;left:50%;top:-30px;width:2px;height:22px;background:#ffffff30}.slider-thumb{position:absolute;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#ffd76a 40%,var(--gold));box-shadow:0 4px 0 var(--gold-dark),0 0 0 4px #fff;z-index:3}.thumb-bubble{position:absolute;left:50%;bottom:50px;transform:translate(-50%);padding:4px 10px 6px;border-radius:10px;background:#fff;color:var(--panel-ink);font:20px var(--title);white-space:nowrap;box-shadow:0 3px #0005}.mode-ratio.dragging .thumb-bubble{transform:translate(-50%) scale(1.2)}.slider-help{text-align:center;margin-top:34px;color:var(--ink-dim);font-size:14px}.slider-zone{position:absolute;top:-6px;bottom:-6px;border-radius:8px;background:#3fd17a66;box-shadow:0 0 0 2px var(--good);animation:pop-in .3s}.slider-truth{position:absolute;top:-10px;bottom:-10px;width:4px;margin-left:-2px;background:var(--good);z-index:2}.slider-truth span{position:absolute;top:46px;left:50%;transform:translate(-50%);font:18px var(--title);color:var(--good);white-space:nowrap;text-shadow:0 2px 0 var(--outline)}.slider-thumb .stamp{width:36px;height:36px;right:-30px;top:10px}.home{justify-content:space-between}.home-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.home-top .group{display:flex;gap:8px;align-items:center}.logo{text-align:center;margin-top:2dvh}.logo h1{margin:0;font:clamp(44px,9dvh,76px)/.95 var(--title);color:#fff;text-shadow:0 5px 0 #c8860a,0 8px 0 var(--outline);transform:rotate(-3deg)}.logo h1 span{color:var(--gold);text-shadow:0 5px 0 #a35a00,0 8px 0 var(--outline)}.logo p{margin:14px 0 0;color:var(--ink-dim);font-size:16px}.home-cards{position:relative;height:24dvh;display:flex;justify-content:center;align-items:center;gap:12px}.home-cards .card{--strip: 40px;width:min(32vw,24dvh - 40px)}.home-cards .card .card-name{font-size:16px;padding:4px 6px 5px}.home-cards .card:first-child{transform:rotate(-8deg)}.home-cards .card:last-child{transform:rotate(8deg)}.home-cards .q{font:64px var(--title);color:var(--gold);text-shadow:0 4px 0 var(--outline)}.home-play{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:2dvh}.home-play .btn-big{min-width:min(80%,360px)}.home-play .sub{color:var(--ink-dim);font-size:15px}.home-side{display:flex;justify-content:center;gap:18px}.home-side .icon-btn{width:64px;height:64px;border-radius:18px}.home-side .icon-btn img{width:44px;height:44px}.home-side .label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font:13px var(--title);color:var(--ink-dim);white-space:nowrap}.dot{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 3px var(--bg2);animation:bump 1.2s infinite}#layer{position:fixed;inset:0;pointer-events:none;z-index:100}.backdrop{position:absolute;inset:0;background:#08061acc;pointer-events:auto;animation:fade .2s}@keyframes fade{0%{opacity:0}}.sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(100%,520px);max-height:92%;overflow:auto;padding:18px var(--gutter) max(22px,env(safe-area-inset-bottom));pointer-events:auto;animation:sheet-up .3s cubic-bezier(.3,1.25,.5,1)}.sheet.center{top:50%;bottom:auto;transform:translate(-50%,-50%);animation:sheet-pop .3s cubic-bezier(.3,1.4,.5,1)}@keyframes sheet-up{0%{transform:translate(-50%,100%)}}@keyframes sheet-pop{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}}.panel{position:relative;background:#fff;color:var(--panel-ink);border:3px solid var(--outline);border-radius:28px;box-shadow:inset 0 -8px #cfd6f2,0 6px 0 var(--outline);padding:18px 14px 24px}.panel-title{margin:-4px 0 12px;text-align:center;font:30px var(--title);color:var(--panel-ink)}.panel .close{position:absolute;right:-10px;top:-14px;width:46px;height:46px;padding:9px;border-radius:50%;background:var(--bad);border:3px solid var(--outline);box-shadow:inset 0 -4px #b8233a}.panel .close img{width:100%;height:100%;display:block}.ico-dark{display:inline-grid;place-items:center;border-radius:30%;background:linear-gradient(#8a6cff,#6a3cc8)}.ico-dark img{width:70%;height:70%;object-fit:contain}.offer .art .ico-dark{width:44px;height:44px}.day .ico-dark{width:38px;height:38px;margin:4px auto;display:grid}.day .ico-dark img{margin:0}.panel p{margin:6px 0 14px;text-align:center;font-size:16px;color:#5a5f8e}.panel .actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:10px}.panel .actions .btn{min-width:78%}.panel .link{font:18px var(--title);color:#7a7fa8;padding:10px 20px}.credits-list{max-height:52dvh;overflow:auto;margin:4px 0 8px;padding:4px 6px;border-radius:14px;background:#eef1ff;box-shadow:inset 0 3px #d5dbf5}.credit{padding:7px 4px;border-bottom:1px solid #d5dbf5;font:13px/1.3 var(--body);color:#5a5f8e;overflow-wrap:anywhere}.credit:last-child{border-bottom:0}.credit b{display:block;font:15px var(--title);font-weight:400;color:var(--panel-ink)}.credit span,.credit i{display:block}.credit i{font-size:12px;color:#8a8fb8}.panel p.credits-foot{margin:6px 0 0;font-size:13px}.offer{display:flex;align-items:center;gap:12px;padding:10px;margin:8px 0;border-radius:16px;background:#eef1ff;box-shadow:inset 0 -3px #d5dbf5}.offer .art{width:56px;height:56px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:#fff}.offer .art img{width:42px;height:42px;object-fit:contain}.offer .info{flex:1;min-width:0}.offer .info b{display:block;font:19px var(--title);font-weight:400}.offer .info span{font-size:13px;color:#7a7fa8}.offer .buy{display:flex;flex-direction:column;gap:6px}.offer .buy .btn{min-width:100px}.big-icon{display:block;width:110px;height:110px;margin:0 auto 6px;object-fit:contain;filter:drop-shadow(0 6px 0 #0002)}.timer{text-align:center;font:22px var(--title);color:var(--panel-ink)}.days{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.day{position:relative;border-radius:14px;background:#eef1ff;padding:6px 4px 8px;text-align:center;box-shadow:inset 0 -3px #d5dbf5}.day:last-child{grid-column:span 2}.day .d{font:13px var(--title);color:#8a8fb8}.day img{width:38px;height:38px;object-fit:contain;display:block;margin:4px auto}.day .amt{font:16px var(--title)}.day.done{opacity:.5}.day.done:after{content:"";position:absolute;inset:0;background:url(../ui/icon_check.png) center / 40px no-repeat}.day.today{background:#fff6d6;box-shadow:inset 0 -3px #f1d27a,0 0 0 3px var(--gold);animation:bump 1.2s infinite}.result{justify-content:center;gap:2dvh;text-align:center}.result .wallet{position:absolute;top:max(10px,env(safe-area-inset-top));right:var(--gutter);width:auto}.result h2{margin:0;font:clamp(40px,7dvh,60px)/1 var(--title);text-shadow:0 4px 0 var(--outline)}.result .stars{display:flex;justify-content:center;gap:8px}.result .stars img{width:56px;height:56px;animation:stamp .4s cubic-bezier(.3,1.6,.5,1) backwards}.result .stars img:nth-child(2){width:72px;height:72px;margin-top:-14px;animation-delay:.15s}.result .stars img:nth-child(3){animation-delay:.3s}.earned{display:flex;justify-content:center;align-items:center;gap:10px;font:44px var(--title);color:var(--gold);text-shadow:0 3px 0 var(--outline)}.earned img{width:48px;height:48px}.earned-note{color:var(--ink-dim);font-size:15px}.win-score{display:flex;justify-content:center;align-items:center;gap:8px;margin:4px 0 2px;font:30px var(--title);color:#fff;text-shadow:0 3px 0 var(--outline)}.win-score img{width:34px;height:34px}.result .actions{display:flex;flex-direction:column;align-items:center;gap:10px}.result .actions .btn{min-width:min(80%,340px)}.result .row{display:flex;gap:12px;justify-content:center}.gauge{width:min(100%,420px);margin:0 auto}.gauge-bar{position:relative;display:flex;height:54px;border-radius:16px;overflow:hidden;box-shadow:0 0 0 4px #fff,0 6px 0 4px #0005}.gauge-zone{display:grid;place-items:center;font:22px var(--title);color:#fff;text-shadow:0 2px 0 #0005}.z2{background:#5aa9ff;flex:1}.z3{background:#a26bff;flex:1}.z5{background:linear-gradient(180deg,#ffd34f,#ffa51f);flex:2;color:#7a3c00;text-shadow:0 1px 0 #fff8;font-size:28px}.gauge-marker{position:absolute;top:-10px;bottom:-10px;width:8px;margin-left:-4px;border-radius:4px;background:#fff;box-shadow:0 0 0 3px var(--outline)}.gauge-marker:before{content:"";position:absolute;left:50%;top:-12px;transform:translate(-50%);border:9px solid transparent;border-top:12px solid #fff}.gauge .btn{margin-top:16px}.finished .trophy{width:140px;height:140px;margin:0 auto;animation:bump 1.5s infinite}.finished p{color:var(--ink-dim);max-width:340px;margin:0 auto;line-height:1.4}.fly-coin{position:fixed;width:28px;height:28px;z-index:200;pointer-events:none}.confetti{position:fixed;width:10px;height:14px;border-radius:2px;z-index:150;pointer-events:none}.toast{position:fixed;left:50%;bottom:14%;z-index:210;pointer-events:none;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:20px;background:#fff;color:var(--panel-ink);font:18px var(--title);box-shadow:0 5px #0005;white-space:nowrap}.toast img{width:26px;height:26px}.fake-ad{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#000d;color:#fff;font:22px var(--title)}#loading{position:fixed;inset:0;display:grid;place-items:center;z-index:500;transition:opacity .3s}#loading .spin{width:64px;height:64px;animation:spin 1s linear infinite}@media(orientation:landscape)and (min-aspect-ratio:4/3){.mode-pairs{grid-template-rows:1fr;grid-template-columns:1fr auto 1fr;padding:6px 0 12px}.pair-slot{flex-direction:column}.mode-pairs .hint-chip{position:absolute;right:auto;left:50%;transform:translate(-50%);bottom:calc(50cqh - min(46cqw,50cqh - 32px) + 102px)}.mode-sort{--cw: min(15cqw, (100cqh - 150px) / 2 - 38px)}.mode-ladder{grid-template-rows:auto 1fr}.mode-ladder{--lw: min(15cqw, 100cqh - min(30cqh, 170px) - 60px)}.ladder-float{justify-content:center;height:auto}.ladder-float>.card{--strip: 40px;width:min(30cqh,170px);height:auto;flex-direction:column}.ladder-rail{flex-direction:row;align-items:center}.ladder-rail>.card,.ladder-rail>.card.floater{--strip: 40px;flex-direction:column;width:var(--lw);height:auto;margin:auto 0}.ladder-rail>.card+.card{margin-left:6px}.mode-ladder .card .card-art{width:100%;height:auto;aspect-ratio:1;border-radius:14px 14px 0 0}.mode-ladder .card .card-name{flex:1 0 auto;min-height:var(--strip);display:grid;place-items:center;text-align:center;font-size:14px;padding:4px;background:#fff;border-radius:0 0 14px 14px}.mode-ladder .card .card-value{position:absolute;transform:translate(-50%,calc(-100% - 4px));max-width:calc(100% - 6px);padding:1px 6px 3px;margin:0;text-align:center;background:#fff;box-shadow:0 3px #0003}.gap{width:auto;max-width:56px;min-width:34px;height:calc(var(--lw) + 40px);max-height:none;margin:0}.gap span{width:26px;height:60%}.rail-end{writing-mode:vertical-rl;transform:rotate(180deg)}.rail-end.rail-high{transform:none}.ratio-cards .card{width:min(30cqw,46cqh - var(--strip))}.home-cards{height:22dvh}}@media(orientation:landscape)and (max-height:500px){.level-label{position:absolute;left:var(--gutter);top:calc(max(10px,env(safe-area-inset-top)) + 44px);width:auto;font-size:13px}.topbar{height:42px}.question-line{height:40px;font-size:24px}.question-line .q-sub{display:inline;margin:0 0 0 10px;font-size:14px}.card{--strip: 48px}.card-name{font-size:17px;padding:5px 8px 6px}.action-row{height:58px}.action-row>.btn{min-height:48px;font-size:22px}.mode-sort{--cw: min(8.2cqw, 100cqh - 120px);flex-direction:row;align-items:center;gap:2cqw}.sort-hint{position:absolute;left:0;top:0;z-index:4}.mode-ladder{--lw: min(11cqw, 100cqh - 60px);grid-template-columns:auto 1fr;grid-template-rows:1fr;align-items:center}.ladder-float>.card{width:min(12cqw,100cqh - 70px)}.ladder-float .hint-chip{right:auto;left:0}.mode-ratio{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto auto 1fr;column-gap:3cqw;align-items:center}.ratio-cards{display:contents}.ratio-cards .card{width:min(22cqw,100cqh - var(--strip) - 10px);grid-row:1 / 5}.ratio-cards .card:first-child{grid-column:1}.ratio-cards .card:last-child{grid-column:3}.ratio-sentence{grid-column:2;grid-row:2}.ratio-hint{grid-column:2;grid-row:1;align-self:end}.slider{grid-column:2;grid-row:3}.logo{margin-top:0}.logo h1{font-size:40px}.logo h1 br,.home-cards{display:none}}@media(min-width:900px){.screen>*{max-width:900px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}