:root{font-family:Inter,system-ui,sans-serif;color:#e9dec3;background:#080e11;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #eacb82;outline-offset:4px}#app{position:relative;width:min(100%,480px);height:100svh;max-height:1040px;min-height:580px;margin:auto;display:flex;flex-direction:column;background:#101d22;border-inline:1px solid #75654855;overflow:hidden;padding-top:env(safe-area-inset-top)}header{height:87px;flex:none;padding:12px 22px 9px;text-align:center;background:linear-gradient(#101c23,#102027);position:relative;border-bottom:1px solid #a58a524f;z-index:2}.brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:39px;line-height:1.1;font-weight:700;letter-spacing:-1.8px;font-style:italic}.brand span{color:#cb5747}#progress{margin-top:7px;font-size:12px;letter-spacing:2.5px;color:#ccb98b}#pause{position:absolute;right:15px;top:22px;border:1px solid #927b4855;background:#13232a;min-width:40px;min-height:40px;font-size:20px}#arena{position:relative;flex:1;min-height:250px;background:#18353e;overflow:hidden}#game,#game canvas{width:100%!important;height:100%!important;display:block;image-rendering:pixelated}.hud{position:absolute;inset:14px 16px auto;display:flex;justify-content:space-between;gap:50px;pointer-events:none;filter:drop-shadow(0 2px 3px #000)}.fighter{width:43%}.fighter.enemy{text-align:right}.name{font-size:11px;letter-spacing:1.8px;margin-bottom:6px;text-shadow:0 1px #000;color:#f1dfb7}.bar{height:12px;border:1px solid #b8a075;background:#071013;padding:2px;box-shadow:0 0 0 2px #091419aa;transform:skew(-8deg)}.bar i{display:block;height:100%;width:100%;transition:width 80ms linear;background:linear-gradient(#da684b,#a32e2b)}.bar.posture{height:7px;margin-top:5px;width:82%;padding:1px}.enemy .posture{margin-left:auto}.posture i{background:linear-gradient(#f2cf7c,#b88838);width:0}#cue{position:absolute;left:50%;top:29%;transform:translateX(-50%);display:none;text-align:center;background:#11191bd9;border:1px solid #d99158;padding:8px 18px;color:#ffe3b4;min-width:145px;pointer-events:none}#cue.active{display:block}#cue b{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;font-weight:600;display:block}#cue span{font-size:12px;letter-spacing:2px}#cue i{display:block;height:2px;background:#e5be69;margin-top:8px;transform-origin:left}#feedback{position:absolute;inset:auto 10px 18%;text-align:center;font-size:13px;font-weight:600;letter-spacing:3px;color:#f2d18d;opacity:0;pointer-events:none;text-shadow:0 2px 5px #000,0 1px 2px #000;transition:opacity .1s}#feedback.show{opacity:1}#enemy-detail{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:16px;letter-spacing:1px;color:#e0d2b3;text-shadow:0 1px 4px #000}#gesture{height:205px;flex:none;touch-action:none;user-select:none;-webkit-user-select:none;position:relative;padding:21px 26px 15px;border-top:1px solid #b397604f;background:radial-gradient(ellipse at 50% 40%,#243339aa,transparent 60%),linear-gradient(#101c21,#0e161a);color:#d4c59e;box-shadow:inset 0 7px 16px #0003}#gesture::before{content:'';position:absolute;inset:8px;border:1px solid #927b4833;pointer-events:none}.gesture-top,.gesture-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;font-size:12px;letter-spacing:1.4px}.gesture-bottom{margin-top:62px}.gesture-bottom span:last-child{text-align:right;font-size:10px;line-height:1.9;letter-spacing:1px}.touch-ring{position:absolute;top:53px;left:50%;transform:translateX(-50%);width:68px;height:68px;border:1px solid #b2986566;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 9px #b2986507;transition:background .1s,box-shadow .1s}.touch-ring span{font-size:30px;color:#d8c395;font-family:serif}#gesture.holding .touch-ring{background:#ac925122;box-shadow:0 0 18px #deb45a33}#gesture.contact .touch-ring{border-color:#e7cd92}#hint{text-align:center;margin-top:21px;font-family:'Cormorant Garamond',Georgia,serif;font-size:15px;font-style:italic;color:#85999b}footer{height:37px;flex:none;padding:9px 17px calc(9px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;background:#0b1418;color:#8ba2a5}.overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(#071217b3,#061014eb);backdrop-filter:blur(3px)}.overlay.hidden{display:none}.panel{width:100%;max-width:380px;text-align:center;padding:25px 20px;border:1px solid #9c835a88;background:linear-gradient(145deg,#19282cee,#0d181cee);box-shadow:0 15px 60px #0006;max-height:95%;overflow-y:auto}.eyebrow{font-size:10px;letter-spacing:3px;color:#bd9e67;text-transform:uppercase}.panel h1,.panel h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:43px;margin:8px 0 13px;font-weight:600;line-height:1}.panel h1 span{color:#ce5948}.panel p{font-size:14px;line-height:1.6;color:#bbc5bb;margin:12px 0 18px}.panel .primary,.panel .secondary{display:block;width:100%;min-height:48px;margin-top:11px;border:1px solid #bd9962;background:#8a382e;color:#f4e3be;font-size:12px;letter-spacing:2px}.panel .secondary{background:transparent;border-color:#7b755b66;color:#b9c3b8}.panel .danger{border-color:#b65548}.guide{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;padding:13px 0;border-block:1px solid #8d785333;margin:20px 0;color:#dccba3}.guide div{font-size:12px;line-height:1.6}.guide small{font-size:11px;color:#879c9b;display:block}.recordline{font-size:11px;color:#92aaa7;letter-spacing:1px;margin-top:18px}.cards{display:flex;flex-direction:column;gap:10px;margin:19px 0}.upgrade{position:relative;text-align:left;padding:16px 18px;border:1px solid #927b4877;background:linear-gradient(115deg,#2a373355,#17272b);min-height:84px;width:100%;transition:border-color .15s,background .15s}.upgrade:hover{background:#34413b;border-color:#dcc48d}.upgrade b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;font-weight:600;color:#ead6a6}.upgrade span{display:block;font-size:12px;color:#afbdba;line-height:1.5;margin-top:3px}.upgrade small{position:absolute;right:12px;top:9px;color:#9d865e;font-size:9px;letter-spacing:1px}.stats{display:flex;justify-content:center;gap:34px;margin:22px 0}.stats b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:39px;color:#e5c58a}.stats span{font-size:10px;color:#90a5a2;letter-spacing:1.5px}.notice{position:absolute;z-index:30;bottom:10px;left:10px;right:10px;background:#77382a;border:1px solid #cc8b62;padding:12px;font-size:12px;line-height:1.5;text-align:center}#app.paused #cue{display:none}.sound-button{background:none;border:none;color:#91a6a2;font-size:12px;margin-top:16px;min-height:32px}.bonus{color:#edc87d!important}@media(max-height:730px){header{height:74px;padding-top:8px}.brand{font-size:34px}#progress{font-size:10px;margin-top:5px}#gesture{height:172px;padding-top:16px}.touch-ring{top:43px;width:60px;height:60px}.gesture-bottom{margin-top:55px}#hint{margin-top:12px;font-size:13px}footer{height:30px}.panel{padding:18px}.panel h1,.panel h2{font-size:36px}}@media(min-width:600px){body{min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#1b3039,#080e11 70%)}#app{height:min(960px,100svh);box-shadow:0 0 100px #0007}}

#cue{top:37%;min-width:87px;padding:4px 9px;background:#1b141baa;border-color:#c2775155;box-shadow:0 0 15px #cf5c3322;transition:left .1s linear;pointer-events:none}#cue b{font-size:28px;line-height:1.1;color:#ed9374}#cue span{font-size:9px;letter-spacing:1.6px}#combo{position:absolute;left:18px;top:75px;font-size:11px;letter-spacing:2px;color:#ebcc87;text-shadow:0 1px 5px #000;pointer-events:none}.update-notice{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#213337}.update-notice button{background:#8a382e;border:1px solid #b99464;padding:10px;color:#f3dfb8;font-size:10px;letter-spacing:1px}