*{box-sizing:border-box}body{margin:0;background:#0b2229;color:#f5eee0;font:15px/1.5 system-ui,-apple-system,sans-serif;background-image:radial-gradient(ellipse at 25% 0%,#28545275,transparent 65%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #799b9347;background:#24433f;border-radius:10px;padding:10px 15px;touch-action:manipulation}button:hover{background:#345c52}button:focus-visible,a:focus-visible{outline:3px solid #f4cf7c;outline-offset:4px}button:disabled{opacity:.38;cursor:default}a{color:#e5c986}.shell{max-width:1220px;margin:auto;padding:24px 36px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #648c7b3b}.brand{display:flex;align-items:center;color:#bbcec2;letter-spacing:.19em;font-size:10px;text-decoration:none;font-weight:700}.brand img{width:32px;height:32px;margin-right:12px}.topactions{display:flex;gap:9px}.topactions button{background:transparent;font-size:12px;padding:8px 12px}.intro{display:flex;justify-content:space-between;align-items:center;margin:28px 0 24px}.eyebrow{font-size:10px;letter-spacing:.19em;color:#b9b98d;font-weight:700;margin:0 0 8px}h1{font:52px/.98 Georgia,serif;margin:8px 0 13px;color:#f2e8ce;letter-spacing:-.035em}h1 span{font-size:26px;display:block;letter-spacing:.08em;color:#9ec9b5;margin-top:10px}.intro p:not(.eyebrow){color:#a8c0b4;margin-bottom:0}.record{text-align:right;display:flex;flex-direction:column}.record span{font-size:9px;letter-spacing:.13em;color:#a5bcad}.record strong{font:35px Georgia,serif;color:#e7d8ad;margin:5px 0}.record small{font-size:10px;color:#7c9c91}main{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.play{border:1px solid #75998255;background:#122f33;border-radius:20px;overflow:hidden;box-shadow:0 22px 60px #0003}.hud{display:flex;align-items:center;gap:38px;padding:17px 23px;background:#193936}.hud>div{display:flex;flex-direction:column}.hud span{font-size:9px;letter-spacing:.15em;color:#a6b9a3}.hud strong{font-size:20px;color:#eee1ba;letter-spacing:.03em;font-weight:500}.hud button{margin-left:auto;font-size:12px}.arena{position:relative;height:440px;overflow:hidden;background:radial-gradient(circle,#36564955 0%,#173838 45%,#102c32 100%);isolation:isolate}.arena:before{content:'';position:absolute;inset:18px;border:1px solid #71897729;border-radius:50%}.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed #9dbd8b2b;border-radius:50%;width:290px;height:240px}.orbit2{width:550px;height:375px;transform:translate(-50%,-50%) rotate(-12deg);border-style:solid}.north{position:absolute;left:49%;top:13px;color:#c6b679;font-size:20px}#crystal{position:absolute;left:50%;top:50%;width:126px;height:150px;transform:translate(-50%,-50%);padding:0;background:transparent;border:0;z-index:2;filter:drop-shadow(0 0 20px #60edbb44)}#crystal img{width:126px;height:126px;object-fit:contain}#crystal span{font-size:8px;letter-spacing:.12em;color:#c5dac5;display:block}#crystal:active{scale:.96}.enemy{position:absolute;width:67px;height:78px;padding:0;border:0;background:transparent;z-index:3;transform:translate(-50%,-50%);transition:filter .15s}.enemy:hover{background:transparent;filter:brightness(1.25)}.enemy img{width:65px;height:65px;object-fit:contain;pointer-events:none}.enemy b{position:absolute;font-size:10px;background:#11252de0;color:#f9e1ae;border:1px solid #e3ce8d55;border-radius:20px;right:2px;top:0;padding:0 5px}.enemy i{height:3px;display:block;background:#80d8b1;border-radius:3px;width:100%}.enemy.selected{outline:2px solid #f3d188;outline-offset:1px;border-radius:50%}.enemy.protected{filter:drop-shadow(0 0 7px #ffe284)}.enemy.phased{opacity:.45}.enemy.hit{filter:brightness(2)}.health{padding:16px 22px 5px}.health>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px;font-size:10px;letter-spacing:.12em;color:#bcc9ae}.health strong{color:#e3e4c6}.bar{height:7px;border-radius:9px;background:#081e23;overflow:hidden}.bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#57bfa7,#cee4a5);transition:width .2s}.controls{font-size:10px;text-align:center;color:#8ead9f;margin:10px 8px 17px}.cover{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#142e32ed;backdrop-filter:blur(8px);padding:20px}.cover[hidden]{display:none}.cover h2{font:34px/1.15 Georgia,serif;color:#efe2be;margin:3px 0 12px}.cover p:not(.eyebrow){font-size:13px;color:#b7cbbd;margin:0 0 20px}.cover button{margin:4px;min-width:220px}.cover .primary,.primary{background:#dfc582;color:#173b38;font-weight:700;border:0}.cover small{color:#7c9c91;font-size:9px;margin-top:15px}.cover img{width:65px;height:65px;margin-bottom:10px}#notice{position:absolute;bottom:10px;left:10px;right:10px;text-align:center;font-size:11px;color:#c7d6bf;pointer-events:none;z-index:4;text-shadow:0 2px 4px #000}aside{background:#e6dfc9;color:#254239;border-radius:18px;padding:23px 19px}.shophead .eyebrow{color:#687a59;font-size:9px}.shophead h2{font:26px/1.15 Georgia,serif;margin:8px 0}.shophead p:last-child{font-size:11px;color:#6b7763;line-height:1.6}.upgrade{display:block;text-align:left;width:100%;color:#294436;background:#f5efdccc;border:1px solid #a5ae8877;border-radius:11px;margin:9px 0;padding:11px 12px}.upgrade:hover{background:#fff6dc}.upgrade:disabled{opacity:.58}.upgrade .row{display:flex;align-items:center;justify-content:space-between}.upgrade strong{font:16px Georgia,serif}.upgrade em{font-size:11px;font-style:normal;color:#64734f}.upgrade small{font-size:10px;color:#748067;display:block;margin-top:5px}.tip{display:flex;gap:10px;align-items:center;border-top:1px solid #a9b08b77;margin-top:18px;padding-top:12px}.tip img{width:55px;height:65px;object-fit:contain}.tip p{font-size:10px;line-height:1.6;color:#68755e}.tip strong{color:#3e5946}.watchstats{display:flex;flex-direction:column;gap:4px;color:#778367;font-size:10px;margin-top:14px}footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#729185;font-size:10px}footer button{font-size:10px;background:transparent;border:0;color:#a2b8a5;padding:7px}dialog{background:#e9e2ce;color:#26483f;border:0;border-radius:18px;max-width:570px;width:calc(100% - 30px);padding:30px;max-height:85vh;overflow:auto}dialog::backdrop{background:#071d26b8;backdrop-filter:blur(5px)}dialog h2{font:29px Georgia,serif;margin:5px 0 15px}dialog p{font-size:13px;line-height:1.7}dialog a{color:#416946}.close{float:right;color:#31513e;background:transparent;border:0;padding:0 8px;font-size:24px}#bestiary>div{display:flex;align-items:center;gap:14px;font-size:12px;border-top:1px solid #899c7344;padding:7px 0}#bestiary img{width:48px;height:48px;object-fit:contain}#bestiary strong{display:block} @media(max-width:800px){.shell{padding:16px}.intro{margin:25px 0 20px}h1{font-size:43px}.record{display:none}main{grid-template-columns:1fr}aside{padding:20px}#shop{display:grid;grid-template-columns:1fr 1fr;gap:8px}.upgrade{margin:0}.shophead p:last-child{margin-bottom:15px}.tip{margin-top:16px}.arena{height:430px}.brand span{font-size:8px;letter-spacing:.08em}.topactions button{font-size:10px;padding:6px 8px}.hud{gap:20px;padding:14px 16px}.hud strong{font-size:17px}.controls{font-size:9px}footer span{max-width:190px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}