:root{color-scheme:dark;--ink:#f3ead5;--gold:#e5be75;--teal:#52bfca;--navy:#112c42}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#234860,#0a1a29 70%);color:var(--ink);font-family:system-ui,-apple-system,'Microsoft JhengHei',sans-serif}button,input{font:inherit}button{padding:9px 16px;border:1px solid #b49b66;border-radius:10px;background:linear-gradient(#24475b,#142d41);color:#fff2d6;font-weight:700;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){border-color:#fff2bc;filter:brightness(1.12)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #7fe8ed;outline-offset:3px}.primary{background:linear-gradient(#d2b16c,#b28c46);color:#102a3d;border-color:#f5dca2}.app{max-width:1140px;margin:auto;padding:23px 22px 12px}header{text-align:center}.eyebrow{font-size:10px;letter-spacing:3px;color:#a6c5c7}h1{font-family:Georgia,'Microsoft JhengHei',serif;font-size:clamp(30px,4vw,49px);letter-spacing:4px;margin:7px 0;color:#ffe9b6;text-shadow:0 4px 15px #060f1f}header p{font-size:14px;color:#b6d7da;margin:6px 0 19px}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.hud>div{text-align:center;padding:8px;border:1px solid #ae9560;border-radius:9px;background:#112b40bb;box-shadow:inset 0 0 15px #050b1a70}.hud small{display:block;color:#b8cac9;font-size:11px}.hud b{font-size:24px;font-variant-numeric:tabular-nums}nav{display:flex;gap:7px;justify-content:center;padding:12px 0;flex-wrap:wrap}nav button{padding:6px 14px;font-size:12px}.arena{position:relative;aspect-ratio:1.5;overflow:hidden;border:2px solid #b19a67;border-radius:17px;background:url('sky.png') center/100% 100%;isolation:isolate;box-shadow:0 15px 50px #0005}#laneKeys{position:absolute;inset:1% 4% auto;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;pointer-events:none}#laneKeys span{justify-self:center;color:#defcff9c;font-size:12px;border:1px solid #b9e8ec66;border-radius:50%;width:22px;line-height:20px}#drops{position:absolute;inset:0;z-index:5}.drop{position:absolute;width:20%;height:15%;min-height:58px;top:0;padding:3px 2px;display:flex;justify-content:center;align-items:center;background:linear-gradient(#fffdf0,#f5e4b7);color:#172e44;border:2px solid #c5a058;border-radius:13px;box-shadow:0 0 0 3px #edcc8060,0 7px 12px #183c574a;text-shadow:none;font-weight:400;font-size:clamp(20px,3.2vw,39px);will-change:top;transition:none;overflow:visible}.drop::before{content:'';position:absolute;top:-8px;left:calc(50% - 6px);width:10px;height:10px;background:#73dbe3;transform:rotate(45deg);border:2px solid #b28f43}.drop.consumed{opacity:0;pointer-events:none}.formula{display:inline-flex;align-items:center;justify-content:center;gap:1px;font-family:Cambria,'Times New Roman',serif;white-space:nowrap;font-weight:400;line-height:1.1}.rad{display:inline-flex;align-items:stretch;vertical-align:middle;margin-left:.04em}.root-sign{font-size:1.16em;line-height:1.05;display:flex;align-items:center;margin-right:-.055em}.radicand{border-top:.065em solid currentColor;padding:.025em .1em 0 .055em;display:inline-flex;align-items:center}.frac{display:inline-flex;flex-direction:column;text-align:center;vertical-align:middle;font-size:.84em;line-height:1.15;margin:0 .08em}.frac>span:first-child{border-bottom:.055em solid currentColor;padding:0 .1em .07em}.frac>span:last-child{padding:.07em .1em 0}.mage{position:absolute;left:5%;bottom:14%;width:23%;aspect-ratio:1;z-index:3;background:url('mage.png') 0 50%/300% 100% no-repeat;transform-origin:50% 85%}.mage.throw{background-position:50% 50%;transform:translateX(2%)}.mage.victory{background-position:100% 50%}.monster{position:absolute;right:7%;bottom:18%;width:24%;height:34%;z-index:2;transform-origin:50% 95%}.enemy-sprite{width:100%;height:100%;background-image:url('enemies.png');background-repeat:no-repeat;filter:drop-shadow(0 7px 3px #112b4b66)}#bossHud{position:absolute;right:6%;bottom:54%;width:26%;text-align:center;z-index:3;text-shadow:0 2px 3px #041c2a}#bossName{font-size:13px;font-weight:700}#hp{display:flex;gap:2px;padding:4px;background:#17324a;border:1px solid #dbc384;border-radius:10px;margin-top:5px}#hp i{height:9px;flex:1;background:linear-gradient(#f5bbd5,#d3609d);border-radius:3px}#hp i.empty{background:#314254}#orb{position:absolute;width:28px;height:28px;margin:-14px;z-index:8;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff9c4 10%,#8ef4ee 42%,#ffc45b 63%,transparent 69%);box-shadow:0 0 18px #8ff6ff,0 0 35px #ffe191;pointer-events:none}#impact{position:absolute;left:76%;top:65%;width:75px;height:75px;opacity:0;z-index:6;pointer-events:none;border:5px solid #fff4b5;border-radius:50%;box-shadow:0 0 20px #87ebef}#battleCaption{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);max-width:85%;text-align:center;padding:8px 21px;background:#133349e8;border:1px solid #d4b477;border-radius:20px;color:#fff5d4;font-size:14px;z-index:12;pointer-events:none}#battleCaption:empty{display:none}#skipScene{position:absolute;right:12px;top:12px;z-index:15;font-size:12px}#armor{position:absolute;inset:0;pointer-events:none}#armor .piece{position:absolute;transition:transform .6s,opacity .6s;transform-origin:center}#armor .vine{height:80%;width:12%;border:5px solid #659651;border-radius:50%;top:5%;left:18%;transform:rotate(35deg);box-shadow:0 0 8px #78ab6560}#armor .vine:nth-child(2){left:55%;transform:rotate(-35deg)}#armor .rock{width:40%;height:38%;background:linear-gradient(140deg,#c7a873,#6b6249);clip-path:polygon(50% 0,100% 35%,82% 100%,20% 86%,0 25%);opacity:.9;left:15%;top:20%}#armor .rock:nth-child(2){left:50%;top:5%}#armor .rock:nth-child(3){left:38%;top:51%}#armor .ice{inset:-8%;background:linear-gradient(120deg,#d9fbff88,#52c4f01a,#bffcff99);border:3px solid #b4f8ff;clip-path:polygon(50% 0,90% 20%,100% 85%,70% 100%,10% 87%,0 35%)}#armor .lightning{width:18%;height:85%;top:0;background:#ffe790;clip-path:polygon(65% 0,0 55%,45% 54%,20% 100%,100% 37%,55% 39%);filter:drop-shadow(0 0 5px #91e6ff)}#armor .crystal{width:26%;height:65%;background:linear-gradient(120deg,#d9a9fc88,#6396e4aa,#eddbff);clip-path:polygon(50% 0,100% 30%,70% 100%,20% 90%,0 25%);border:1px solid #f7dfff}.shard{position:absolute;width:13px;height:24px;background:#b0ebff;clip-path:polygon(50% 0,100% 35%,35% 100%,0 20%);z-index:4;pointer-events:none}#portal{position:absolute;left:39%;bottom:19%;width:22%;height:35%;border:7px solid #d0bb7a;border-radius:50% 50% 0 0;opacity:0;transform:scaleY(.1);transform-origin:bottom;background:radial-gradient(ellipse,#94fbfd,#328abf 40%,#182f66 65%);box-shadow:0 0 35px #9bfaff;z-index:1;transition:opacity .8s,transform .8s}#portal.open{opacity:1;transform:scaleY(1)}.progress{margin-top:14px;border:1px solid #66776e;border-radius:12px;background:#11283ce0;padding:11px 16px}#badges{display:flex;justify-content:space-around;gap:7px;list-style:none;margin:0;padding:0}#badges li{text-align:center;font-size:11px;color:#8fa6ae;flex:1}#badges .crest{display:block;margin:0 auto 5px;width:36px;height:36px;border:2px solid #526579;border-radius:12px;transform:rotate(45deg);background:#15283a;line-height:32px;font-size:19px;color:#637a8b}#badges .crest i{display:block;transform:rotate(-45deg);font-style:normal}#badges .done{color:#f1dfaf}#badges .done .crest{border-color:#e5c276;background:radial-gradient(#96e8e8,#277e9b);color:#fff4c4;box-shadow:0 0 14px #80e8ea70}#hint{text-align:center;color:#b6c6c6;font-size:12px;margin:13px 0 0}.collection{display:flex;align-items:center;gap:12px;padding:16px 5px;font-size:12px;color:#a5c1c5}#collected{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:5px 8px;border:1px solid #667674;border-radius:8px;background:#173449;color:#f6e7c0;font-size:17px;animation:arrive .3s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(-14px) scale(.6)}to{opacity:1;transform:none}}.leaders{border:1px solid #786f54;border-radius:14px;background:#102a3e;padding:18px 22px;margin:12px 0}.leaders h2{font-size:20px;margin:0}.leaders p{font-size:13px;color:#a6bcc3}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th,td{padding:10px 7px;border-bottom:1px solid #486071}th{color:#dec995}footer{text-align:center;font-size:12px;color:#91a9b3;padding:14px}footer a{color:#bbd8d7}dialog{color-scheme:light;border:2px solid #bba371;border-radius:22px;background:#fff9e9;color:#233e4a;max-width:min(680px,94vw);width:680px;max-height:94vh;padding:0;box-shadow:0 25px 80px #0008}dialog::backdrop{background:#071b2b99;backdrop-filter:blur(4px)}.dialog-inner{padding:24px 30px;text-align:center}.modal-tools{display:flex;justify-content:flex-end;margin:-12px -12px 6px}.modal-tools button{font-size:11px;padding:5px 9px}.dialog-inner .eyebrow{color:#678485}dialog h2{font-size:26px;color:#264b5b;margin:12px 0}dialog p{line-height:1.7}dialog input{padding:12px;border:1px solid #abbdbb;background:#fff;color:#234756;border-radius:10px;width:min(300px,100%)}#dialogActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:19px}.note{font-size:13px;color:#627b7c}.error{color:#aa412e}.big-formula{font-size:38px;padding:16px;min-height:72px;color:#213e57}.step{display:flex;align-items:center;gap:12px;padding:10px 13px;background:#f1eddb;border:1px solid #d5d3bb;border-radius:12px;margin:9px 0;animation:arrive .5s ease-out;text-align:left}.step .formula{font-size:29px;flex:1}.step .reason{font-size:12px;color:#536b6c;flex:1}.step.active{border-color:#7cb4b3;background:#e2efdd}.lift{display:inline-block;color:#b26a26;font-weight:bold;animation:lift .7s ease-out}@keyframes lift{from{transform:translate(12px,17px);opacity:0}to{transform:none;opacity:1}}.square-mark{color:#b66b22;background:#f4dfaf;border-radius:4px;padding:0 3px}.checklist{list-style:none;padding:0;text-align:left}.checklist li{margin:8px 0;padding:12px;border-radius:10px;background:#e7f0df;animation:arrive .4s}.trials{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.trials span{background:#eee6cf;border-radius:6px;padding:5px 8px;font-size:12px}.result-score{font-size:55px;font-weight:800;color:#267882}.leader-scroll{max-height:45vh;overflow:auto;border:1px solid #cacdb8;border-radius:11px}.leader-scroll th{position:sticky;top:0;background:#eee9d6;color:#34515c}.leader-scroll td{overflow-wrap:anywhere;color:#28434c}.modal-leader-table{table-layout:fixed}.modal-leader-table th:first-child{width:35px}.modal-leader-table th:nth-child(2){width:35%}.intro-art{width:100px;height:100px;margin:auto;background:url('mage.png') 0 50%/300% 100%}.math-progress{font-size:12px;color:#617c7b;min-height:20px}.attack-flash{animation:flash .25s}@keyframes flash{50%{filter:brightness(1.7)}}@media(max-width:600px){.app{padding:13px 7px}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:29px;letter-spacing:1px}header p{font-size:12px;margin-bottom:12px}.hud{gap:5px}.hud>div{padding:6px}.hud small{font-size:10px}.hud b{font-size:20px}nav{gap:5px;padding:9px 0}nav button{font-size:11px;padding:6px 10px}.arena{aspect-ratio:.72;background-size:100% 100%}.drop{height:12%;width:21%;font-size:clamp(20px,5.8vw,30px);border-radius:9px;min-height:54px}.drop .frac{font-size:.82em}.mage{width:33%;left:0%;bottom:17%}.monster{width:34%;height:26%;right:1%;bottom:20%}#bossHud{width:33%;right:2%;bottom:47%}#bossName{font-size:10px}#hp{padding:3px;gap:1px}#hp i{height:6px}#battleCaption{font-size:12px;bottom:3%;padding:7px 12px;max-width:95%;width:max-content}#badges li{font-size:9px}#badges .crest{width:28px;height:28px;font-size:15px;line-height:24px}.progress{padding:10px}.collection{align-items:flex-start;font-size:10px;gap:7px}.chip{font-size:14px}.leaders{padding:15px}.dialog-inner{padding:22px 15px}dialog h2{font-size:22px}.step{gap:7px;padding:9px}.step .formula{font-size:26px}.step .reason{font-size:11px}.big-formula{font-size:34px}.leader-scroll{font-size:12px}.leader-scroll th,.leader-scroll td{padding:9px 5px}#portal{bottom:19%;height:28%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* v1.0.1: unobstructed character art, non-gory defeat burst. */
#armor{display:none}.burst{position:absolute;inset:0;pointer-events:none;z-index:4}.burst-ring,.burst-core,.burst-particle{position:absolute;left:50%;top:48%;opacity:0}.burst-ring{width:80%;aspect-ratio:1;border:3px solid var(--burst-color);border-radius:50%;box-shadow:0 0 16px var(--burst-color)}.burst-core{width:75%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fffde4,var(--burst-color) 30%,transparent 70%)}.burst-particle{width:10px;height:16px;background:var(--burst-color);box-shadow:0 0 9px var(--burst-color);border-radius:3px}.burst-0 .burst-particle{border-radius:90% 0}.burst-1 .burst-particle{clip-path:polygon(40% 0,100% 25%,80% 100%,0 70%)}.burst-2 .burst-particle{clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%)}.burst-3 .burst-particle{clip-path:polygon(60% 0,0 60%,45% 55%,20% 100%,100% 35%,55% 40%)}.burst-4 .burst-particle:nth-child(3n){background:#f5c3ff}.burst-4 .burst-particle:nth-child(3n+1){background:#ffe29a}