:root{color:#17202a;background:#fff0da;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input{font:inherit}#app{position:relative;width:100vw;height:100vh;background:radial-gradient(circle at 74% 18%,rgba(255,255,255,.75),transparent 24rem),linear-gradient(180deg,#fff4e4,#fee7c4)}#scene{display:block;width:100%;height:100%;transform-origin:50% 50%}#app.is-impacting #scene{animation:scene-hit-shake .26s cubic-bezier(.2,.8,.35,1)}.creator-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:24px;padding:20px;pointer-events:none}.creator-panel{display:flex;flex-direction:column;min-height:0;padding:20px;border:3px solid #17202a;border-radius:10px;color:#17202a;background:#fffbf0;box-shadow:5px 5px #17202a;pointer-events:auto}.creator-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.creator-panel__reset{flex:none;min-width:92px}.creator-panel__start{margin-top:auto}.creator-loading{position:fixed;left:50%;top:50%;z-index:14;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 40px));padding:16px;border:3px solid #17202a;border-radius:10px;color:#17202a;background:#fffbf0;box-shadow:6px 6px #17202a;pointer-events:none}.creator-loading__eyebrow{margin:0 0 4px;color:#17202a99;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.creator-loading strong{display:block;margin-bottom:12px;font-size:1.18rem;line-height:1.15}.creator-loading__spinner{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;border:2.5px solid #17202a;border-radius:8px;background:#ffe15c;box-shadow:3px 3px #17202a}.creator-loading__spinner span{height:32px;border:2px solid #17202a;border-radius:5px;background:#fffbf0;transform-origin:50% 100%;animation:creator-loader-bounce .8s steps(2,end) infinite}.creator-loading__spinner span:nth-child(2){animation-delay:.12s}.creator-loading__spinner span:nth-child(3){animation-delay:.24s}.creator-loading__spinner span:nth-child(4){animation-delay:.36s}.creator-loading__copy{margin:10px 0 0;color:#263241;font-size:.86rem;font-weight:700;line-height:1.35}.panel{position:fixed;top:20px;left:20px;z-index:10;width:min(340px,calc(100vw - 40px));overflow:hidden;border:3px solid #17202a;border-radius:10px;color:#17202a;background:#fffbf0;box-shadow:5px 5px #17202a}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:3px solid #17202a;background:#ffe15c}.eyebrow{margin:0 0 2px;color:#17202a;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:1.45rem;line-height:1.1}.status{flex:none;min-width:66px;padding:4px 10px;border:2.5px solid #17202a;border-radius:5px;color:#17202a;background:#d8dee7;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-align:center;text-transform:uppercase;box-shadow:2px 2px #17202a}.status--active{background:#75d895}.status--error{background:#ff9b8d}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.controls button:last-child:nth-child(odd){grid-column:span 2}button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;border:2.5px solid #17202a;border-radius:7px;font-weight:900;font-size:.875rem;letter-spacing:.03em;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}button:active{transform:translate(2px,2px);box-shadow:none!important}button:disabled{pointer-events:none;opacity:.45}.toggle,.meter{display:flex;align-items:center;justify-content:space-between;min-height:36px;color:#263241;font-size:.92rem}.toggle{gap:12px}.toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex:none;width:46px;height:26px;border:2.5px solid #17202a;border-radius:999px;background:#17202a1a;cursor:pointer;box-shadow:2px 2px #17202a;transition:background .18s ease}.toggle input[type=checkbox]:checked{background:#f5a400}.toggle input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border:2px solid #17202a;border-radius:50%;background:#fff;transition:transform .18s ease}.toggle input[type=checkbox]:checked:before{transform:translate(20px)}.toggle input[type=checkbox]:focus-visible{outline:2px solid #f5a400;outline-offset:3px}.meter+.meter{border-top:1px solid rgba(112,91,59,.08)}.meter strong{color:#9f6100;font-weight:700}.stat-bar{margin-bottom:10px}.stat-bar__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.stat-bar__label{font-size:.82rem;font-weight:700;color:#17202a8c;letter-spacing:.04em;text-transform:uppercase}.stat-bar__value{font-size:.9rem;font-weight:900;color:#17202a;font-variant-numeric:tabular-nums}.stat-bar__track{display:flex;gap:3px;padding:3px;border:2.5px solid #17202a;border-radius:6px;background:#17202a0f;box-shadow:2px 2px #17202a}.stat-bar__seg{flex:1;height:14px;border-radius:3px;background:#17202a1a;transition:background .12s ease}.stat-bar__seg--on{background:linear-gradient(180deg,#ffe15c,#f5a400);box-shadow:inset 0 1px #ffffff73}.stat-bar__seg--on:nth-child(-n+3){background:linear-gradient(180deg,#75d895,#3ab85e)}.stat-bar__seg--on:nth-last-child(-n+2):nth-child(n+9){background:linear-gradient(180deg,#ff8a3d,#d93948)}.combat-badge{display:inline-block;padding:3px 10px;border:2px solid #17202a;border-radius:5px;background:#ffe15c;color:#17202a;font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:2px 2px #17202a}.opponent-hud{position:fixed;z-index:10;width:min(240px,calc(100vw - 32px));padding:10px 12px;border:3px solid #17202a;border-radius:8px;color:#17202a;background:#fffbf0;box-shadow:4px 4px #17202a;opacity:0;pointer-events:none;transform:translate(-50%,calc(-100% - 12px));transition:opacity .12s ease}.opponent-hud.is-visible{opacity:1}.opponent-hud__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-weight:800;font-size:.88rem}.opponent-hud__header strong{color:#8c2832}.health-bar{height:12px;overflow:hidden;border:2px solid #17202a;border-radius:4px;background:#17202a1a;box-shadow:2px 2px #17202a}.health-bar__fill{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d93948,#ff8a3d);transition:width .18s ease}.damage-pop{position:fixed;z-index:13;min-width:58px;padding:7px 12px;border:2px solid #17202a;border-radius:7px;color:#fff4d6;background:#d31937;box-shadow:4px 5px #17202a,0 12px 34px #5c44233d;font-size:1.55rem;font-weight:900;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,12px) scale(.94)}.damage-pop.is-visible{animation:damage-pop .92s cubic-bezier(.16,.9,.3,1) forwards}.hit-effect{position:fixed;z-index:12;width:180px;height:180px;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}.hit-effect.is-visible{opacity:1}.hit-effect__flash,.hit-effect__ring,.hit-effect__spark,.hit-effect__word{position:absolute;left:50%;top:50%;pointer-events:none}.hit-effect__flash{width:74px;height:74px;border:3px solid #17202a;border-radius:50%;background:radial-gradient(circle,#fffbe9 0 18%,#ffe15c 19% 42%,#ff4a38 43% 68%,transparent 69%);transform:translate(-50%,-50%) scale(.1);animation:impact-flash .52s ease-out forwards}.hit-effect__ring{width:42px;height:42px;border:5px solid #fff2a1;border-radius:50%;box-shadow:0 0 0 2px #17202a;transform:translate(-50%,-50%) scale(.2);animation:impact-ring .62s ease-out forwards}.hit-effect__spark{--spark-index: 0;width:11px;height:34px;border:2px solid #17202a;border-radius:999px;background:#ffd43d;transform:translate(-50%,-50%) rotate(calc(var(--spark-index) * 30deg)) translateY(-18px) scaleY(.2);transform-origin:50% 88px;animation:impact-spark .62s cubic-bezier(.16,.9,.28,1) forwards}.hit-effect__spark:nth-of-type(3n){background:#ff5a3d}.hit-effect__spark:nth-of-type(4n){background:#75d895}.hit-effect__word{color:#fff8dc;font-size:2rem;font-weight:1000;letter-spacing:.03em;text-shadow:3px 3px 0 #17202a,-2px 2px 0 #17202a,2px -2px 0 #17202a,0 7px 18px rgba(92,68,35,.28);transform:translate(-50%,-50%) rotate(-9deg) scale(.3);animation:impact-word .72s cubic-bezier(.14,1.18,.36,1) forwards}.status-detail{min-height:38px;margin:10px 0 0;color:#516170;font-size:.84rem;line-height:1.35}.video-shell{position:fixed;right:20px;bottom:20px;z-index:9;width:min(330px,calc(100vw - 40px));aspect-ratio:4 / 3;overflow:hidden;border:3px solid #17202a;border-radius:8px;background:#07090a;box-shadow:5px 5px #17202a}.video-shell.is-hidden,.screen-customizer .video-shell{display:none}.video-shell video,.video-shell canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-shell video{object-fit:cover;transform:scaleX(-1)}.video-shell canvas{pointer-events:none}.toast{position:fixed;left:50%;bottom:24px;z-index:12;max-width:min(520px,calc(100vw - 40px));padding:12px 16px;border:2.5px solid #17202a;border-radius:8px;color:#17202a;background:#fffbf0;box-shadow:4px 4px #17202a;font-weight:700;opacity:0;transform:translate(-50%,12px);transition:opacity .16s ease,transform .16s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#17202a7a}.confirm-modal{width:min(420px,100%);padding:20px;border:3px solid #17202a;border-radius:10px;color:#17202a;background:#fffbf0;box-shadow:6px 6px #17202a}.confirm-modal h2{margin:0;font-size:1.35rem;line-height:1.14}.confirm-modal__copy{margin:12px 0 18px;color:#516170;font-size:.94rem;line-height:1.45}.confirm-modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirm-modal__actions--single{grid-template-columns:1fr}.name-modal__field{display:grid;gap:7px;margin-bottom:18px;color:#263241;font-size:.9rem;font-weight:800}.name-modal__field input{min-height:44px;width:100%;border:2.5px solid #17202a;border-radius:7px;padding:10px 12px;color:#17202a;background:#fff;outline:none;box-shadow:2px 2px #17202a;transition:box-shadow .12s ease}.name-modal__field input:focus{box-shadow:3px 3px #f5a400}.character-modal{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto}.character-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.character-modal__reset{min-width:92px}.character-fields{display:grid;gap:11px;margin-bottom:18px}.character-field{display:grid;grid-template-columns:92px minmax(0,1fr) 54px;align-items:center;gap:12px;min-height:44px;color:#263241;font-size:.92rem;font-weight:800}.character-field input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;border:2.5px solid #17202a;border-radius:4px;background:linear-gradient(#f5a400,#f5a400) no-repeat left center / calc(var(--val, 50%) * 1%) 100%,#17202a14;box-shadow:2px 2px #17202a;cursor:pointer;outline:none}.character-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:2.5px solid #17202a;border-radius:4px;background:linear-gradient(180deg,#fff8e1,#ffe15c);box-shadow:2px 2px #17202a;cursor:grab;transition:transform .1s ease}.character-field input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.character-field input[type=range]::-moz-range-thumb{width:20px;height:20px;border:2.5px solid #17202a;border-radius:4px;background:linear-gradient(180deg,#fff8e1,#ffe15c);box-shadow:2px 2px #17202a;cursor:grab}.character-field input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid #f5a400;outline-offset:2px}.character-field strong{color:#9f6100;font-size:.84rem;text-align:right}.tone-picker{min-width:0;margin:0 0 18px;padding:0;border:0}.tone-picker legend{margin-bottom:10px;color:#263241;font-size:.9rem;font-weight:800}.tone-picker__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tone-option{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:8px;border:2px solid #17202a;border-radius:7px;color:#17202a;background:#fff;font-size:.84rem;font-weight:800;box-shadow:2px 2px #17202a;cursor:pointer;transition:background .12s ease}.tone-option:has(input:checked){background:#ffe15c}.tone-option span{width:22px;height:22px;border:2px solid rgba(23,32,42,.76);border-radius:50%}.tone-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tone-option strong{min-width:0;overflow-wrap:anywhere}.button--primary{color:#17202a;background:#f5a400;box-shadow:3px 3px #17202a}.button--primary:hover{background:#ffe15c}.button--secondary{color:#17202a;background:#fffbf0;box-shadow:3px 3px #17202a}.button--secondary:hover{background:#fff0c0}.button--primary:focus-visible,.button--secondary:focus-visible{outline:3px solid #f5a400;outline-offset:2px}.panel__section{padding:12px 16px}.panel__section--divider{border-top:2px solid #17202a}.section-label{margin:0 0 8px;color:#17202a;font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.45}.toggle:not(:last-child){border-bottom:1.5px solid rgba(23,32,42,.1)}@media(max-width:720px){body{overflow:auto}#app{min-height:100vh}.creator-screen{grid-template-columns:1fr;align-content:start;min-height:100vh;padding:12px}.creator-panel{max-height:calc(100vh - 24px);overflow:auto}.creator-loading{width:min(360px,calc(100vw - 24px))}.panel{top:12px;left:12px;width:calc(100vw - 24px)}.opponent-hud{width:min(220px,calc(100vw - 24px))}.video-shell{right:12px;bottom:12px;width:180px}.controls,.confirm-modal__actions{grid-template-columns:1fr}.character-field{grid-template-columns:1fr 52px;gap:8px 10px}.character-field input[type=range]{grid-column:1 / -1;grid-row:2}.tone-picker__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes damage-pop{0%{opacity:0;transform:translate(-50%,16px) rotate(-5deg) scale(.72)}18%{opacity:1;transform:translate(-50%,-4px) rotate(3deg) scale(1.14)}42%{opacity:1;transform:translate(-50%,-20px) rotate(-2deg) scale(1)}to{opacity:0;transform:translate(-50%,-58px) rotate(2deg) scale(.88)}}@keyframes impact-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(0)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(20deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.65) rotate(42deg)}}@keyframes impact-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}22%{opacity:.95;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@keyframes impact-spark{0%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--spark-index) * 30deg)) translateY(-20px) scaleY(.1)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--spark-index) * 30deg)) translateY(-84px) scaleY(1)}}@keyframes impact-word{0%{opacity:0;transform:translate(-50%,-50%) rotate(-14deg) scale(.2)}18%{opacity:1;transform:translate(-50%,-62%) rotate(-7deg) scale(1.18)}68%{opacity:1;transform:translate(-50%,-92%) rotate(-9deg) scale(1)}to{opacity:0;transform:translate(-50%,-126%) rotate(-5deg) scale(.86)}}@keyframes scene-hit-shake{0%,to{transform:translateZ(0)}18%{transform:translate3d(8px,-4px,0)}36%{transform:translate3d(-7px,3px,0)}54%{transform:translate3d(5px,2px,0)}72%{transform:translate3d(-3px,-2px,0)}}@keyframes creator-loader-bounce{0%,to{transform:scaleY(.35);background:#fffbf0}50%{transform:scaleY(1);background:#f5a400}}