*{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:where(audio,iframe,img,svg,video){max-block-size:100%;max-inline-size:100%}:where(label):has(+:where(textarea,input,select)){display:block}:where(button,input,select,textarea){font-family:inherit;font-size:inherit}html{-webkit-text-size-adjust:none;text-size-adjust:none}:where([type=search]){-webkit-appearance:textfield}.Spell{--radius: .2em;position:relative;flex-basis:9rem;min-height:5rem;border-radius:var(--radius);border:2px outset hsl(0,0%,86%);border-right-color:#b3b3b3;border-bottom-color:#595959;border-left-color:#bababa;background:conic-gradient(#1b1b18 25%,#282624);background-repeat:no-repeat;background-size:cover;box-shadow:0 1px 4px #1a1a1a80;color:var(--white);text-shadow:0 0 2px black,0 0 2px black,0 0 3px black,0 0 3px black,0 0 1px black,0 0 1px black}.Spell:hover{background:#183918;background:linear-gradient(#23231f 25%,#363230);background:linear-gradient(#64b4a7 20%,#24423d);background:conic-gradient(#292924 25%,#363230)}.Spell:hover .Spell-gcd{border-color:var(--yellow)}.Spell:active .Spell-gcd{border-color:initial}.Spell-inner{position:relative;z-index:2}.Spell-inner p{font-size:13px}.Spell-gcd{--color: rgba(200, 220, 270, 1);position:absolute;inset:0;z-index:1;pointer-events:none;display:inline-block;border-radius:var(--radius);border:2px groove hsla(0,0%,100%,.7)}.Spell-gcd:before{display:block;content:"";width:100%;height:100%;border-radius:var(--radius);border:1px solid hsla(0,0%,0%,.8);background:conic-gradient(hsla(0 0% 90% / .2) var(--progress),transparent var(--progress))}.Spell-shortcut{position:absolute;top:.5em;left:.5em;font-size:11px}.Bar{--health: var(--c-sap-green);--health-bg: pink;--mana: var(--c-blue-celeste);--mana-bg: lightblue;--cast: var(--c-linden-green);--radius: 4px;display:flex;position:relative;background:#4d4d4d33;border-radius:var(--radius);border:1px solid hsla(0,0%,80%,.1)}.Bar div{min-height:1.5em;border-radius:var(--radius);background:var(--bg);border-top:1px solid hsla(0 0% 90% / 0 4);border-right:1px solid hsla(0 0% 10% / .6)}div.Bar-potentialValue{position:absolute;top:0;background:var(--c-chrome-green-1);opacity:.6}.Bar span{user-select:none;font-size:13px;position:absolute;right:.4rem;top:.28em;text-align:right;min-width:8em}.Bar span[hidden]{visibility:hidden;height:0}[data-type=health]{--bg: var(--health)}[data-type=mana]{--bg: var(--mana)}[data-type=cd]{--bg: rgb(from var(--cast) r g b / .8)}[data-type=cast]{--bg: var(--cast);margin-bottom:.7rem}.Bar[data-type=cast] div{min-height:.5rem}[hidden]{display:none}body{overflow:hidden}.Frame-game[disabled]{opacity:0;pointer-events:0}.Frame-splash{position:fixed;left:0;right:0;z-index:-1}.IngameMenu{position:fixed;top:.2rem;left:.2rem;transition:opacity .5s;& menu{display:flex}}.Frame-splashImage{display:block;margin:auto;width:600px;max-width:100%;height:auto;margin-top:5vh;margin-bottom:4vh}#balancemender,.Game{min-height:100dvh;outline:none}.Game{display:flex;flex-flow:column;place-items:center;padding-top:7rem}.Game-bg{position:fixed;inset:0;z-index:-1;background-image:url(/assets/bg-hiro-isono.jpg);background-repeat:no-repeat;background-size:cover;opacity:0}.Player,.PartyMember,.Enemy{width:100%;max-width:20rem;margin-left:auto;margin-right:auto}.PartyGroup{display:flex;flex-flow:column;margin:2rem 0}.ActionBar{position:absolute;left:0;bottom:-4px;right:0;display:flex;justify-content:center;gap:0px}.Combatlog{margin-left:auto;width:30rem;max-width:95%;height:240px;position:fixed;right:0;bottom:8rem;padding:1rem 0 1rem 1rem;transition:transform .6s var(--easing)}.Combatlog:not(.sticky){transform:translate3d(85%,0,0)}.Combatlog:hover{transition-duration:.15s;transform:translateZ(0);transition-delay:0ms}.FloatingCombatText{position:absolute}.CastingInfo{display:flex;place-content:center}.CastBar{position:absolute;left:50%;transform:translate(-50%);z-index:5;bottom:7rem;min-width:12rem}.GameOver{max-width:30em;margin:3rem auto;position:fixed;top:30%;left:0;right:0;z-index:100;background-color:var(--c-crimson-lake);color:var(--c-snow-white);text-align:center;padding:2rem;border:.4rem solid var(--c-vermilion);border-left-color:var(--c-scarlet-lake);border-bottom:.4rem solid var(--c-violet-pale)}balance-monitor{floating-view &{margin:.2em}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:400}td{border-bottom:1px solid}dl{display:grid;grid-template-columns:7rem 1fr;gap:0 .2em;margin-bottom:.2em}}.Monitor{position:fixed;top:0;right:0;gap:1em;margin:.2rem;display:flex;list-style:none;& li{min-width:3em;text-align:right}em{display:block}}floating-combat-text{--easing: cubic-bezier(.23, 1, .32, 1);--duration: 2s;display:inline-block;pointer-events:none;user-select:none;position:absolute;top:0;left:0;font-size:2.5rem;color:#00a100;text-shadow:.1rem .1rem 0px rgb(0,100,0);animation-name:fct-up;animation-timing-function:linear;animation-duration:var(--duration);animation-fill-mode:both;transform-origin:center}floating-combat-text.damage{color:var(--darkred);text-shadow:none;text-shadow:.1rem .1rem 0px var(--red)}floating-combat-text.crit{top:1rem;animation:fct-crit calc(1.5 * var(--duration)) var(--easing)}@keyframes fct-up{0%{transform:scale(1) translateY(0)}50%{opacity:1}to{transform:translateY(-300%);opacity:0}}@keyframes fct-crit{0%{transform:scale(.5);opacity:0}5%{opacity:1;transform:scale(1.1)}10%{transform:scale(1)}66%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.Character{position:relative;padding:.2rem;border:1px solid;border-radius:var(--radius);cursor:pointer;transition:background .1s;background:var(--c-snow-white);max-width:100%;width:20rem}.Character:not(.Character--targeted):hover{background:color-mix(in oklch,var(--c-snow-white),var(--c-linden-green))}.Character--targeted{background:var(--c-linden-green)}.Character-avatar{position:relative;margin-right:1rem;font-weight:700;user-select:none}floating-view{position:fixed;top:0;left:0;display:flex;flex-flow:column nowrap;position:absolute;background:var(--c-snow-white);border:1px solid;border-bottom-width:2px;border-radius:var(--radius);min-height:26px;min-width:200px;max-width:100vw;overflow:hidden;pointer-events:auto;header{display:flex;align-items:center;padding:0 .2em;min-height:1.5rem;background:var(--c-linden-green);border-bottom:1px solid black;cursor:grab;user-select:none;&:active{cursor:grabbing}}main{display:grid;flex:1;overflow-y:auto;scrollbar-width:thin}}floating-view[minimized] :is(main,footer){display:none}floating-view:has(dev-console){transform:translate3d(4rem,4rem,0)}floating-view:has(color-palette){transform:translate3d(4rem,7rem,0)}floating-view:has(combat-log-viewer){transform:translate3d(40px,70vh,0);width:40rem}.resize-handle{position:absolute;bottom:0;right:0;z-index:1;width:16px;height:16px;cursor:nwse-resize;font-size:16px;display:flex;align-items:center;justify-content:center;user-select:none}.CombatLogViewer{color:var(--clv-text);display:flex;flex-direction:column}.CombatLogViewer-controls{display:flex;flex-wrap:wrap;gap:.2rem;padding:.2rem;border-bottom:1px solid rgba(255,255,255,.1)}.CombatLogViewer-filters{display:flex;flex-wrap:wrap;gap:.2rem}.CombatLogViewer-list{list-style:none}.CombatLogViewer-item{border-bottom:1px solid rgba(50,50,50,.5);display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;padding:0 .2rem;gap:.2rem}.CombatLogViewer-item:nth-child(2n){background-color:var(--clv-item-bg)}.CombatLogViewer time{color:var(--clv-timestamp);min-width:10ch}.CombatLogViewer-filters .Button,.CombatLogViewer-eventType{text-transform:lowercase}dev-console{display:flex;flex-direction:column}.DevConsole-output{flex:1;overflow-y:auto;line-height:1.4;display:flex;flex-direction:column;font-size:13px;scrollbar-width:thin}.DevConsole-output div{margin-bottom:.2rem;word-wrap:break-word;opacity:.9;padding-left:.5rem;padding-right:.5rem;border-left:2px solid transparent}.DevConsole-output div:first-child{margin-top:auto}.DevConsole-output div:first-line{color:var(--green)}.DevConsole-inputWrapper{position:sticky;bottom:0;z-index:1;display:flex;align-items:center;background-color:#0003;padding:.2rem}.DevConsole-inputWrapper span{margin-right:5px}.DevConsole-input{flex-grow:1;border:none}color-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:10px;padding:15px;.color-swatch{width:40px;height:40px;border-radius:10px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s var(--easing);&:hover{transform:scale(1.1)}&:after{content:attr(data-color-name);position:absolute;bottom:0;left:0;right:0;background:#00000080;color:#fff;font-size:8px;padding:2px;opacity:0;transition:opacity .2s var(--easing);text-align:center;pointer-events:none}&:hover:after{opacity:1}}}:root{--black: hsl(47deg 100% 3%);--white: hsl(20deg 50% 91%);--yellow: hsl(41.8, 79.8%, 39%);--c-lemon-yellow: lab(94.2674 -9.40282 82.8094);--c-permanent-yellow: lab(85.3906 10.2282 92.7778);--c-chrome-yellow: lab(85.3861 16.208 93.4389);--c-chrome-yellow-deep: lab(78.1128 32.6792 82.6376);--c-marigold: lab(65.1177 53.6556 66.5807);--c-orange: lab(62.8388 56.6662 58.8344);--c-scarlet-lake: lab(45.05 60.3279 41.5119);--c-vermilion: lab(51.0916 62.7477 41.8985);--c-carmine: lab(41.7688 64.4412 34.4842);--c-crimson-lake: lab(38.4285 56.2639 29.7217);--c-coral: lab(63.0034 54.6564 26.0879);--c-rose-red: lab(47.16 68.98 17.79);--c-opera: lab(51.212 67.8799 10.8645);--c-magenta: lab(44.9946 68.9684 -6.21602);--c-brilliant-rose: lab(50.227 76.0093 -8.98042);--c-pink: lab(67.5775 68.3862 -12.7348);--c-violet-pale: lab(34.7926 53.7108 -27.3196);--c-cobalt-violet: lab(29.1228 39.7406 -35.8505);--c-mauve: lab(21.6938 25.8671 -33.7391);--c-iris-blue: lab(24.6344 25.0934 -48.2078);--c-heliotrope: lab(59.173 20.487 -39.7255);--c-ultramarine: lab(24.8584 32.9191 -70.7267);--c-prussian-blue: lab(15.1153 7.788 -18.7404);--c-cobalt-blue: lab(30.2304 28.9849 -71.6502);--c-indigo: lab(22.2702 5.37059 -14.0214);--c-french-blue: lab(28.3369 5.74303 -50.1995);--c-blue-celeste: lab(63.0659 1.23221 -44.4879);--c-marine-blue: lab(32.9597 -2.47469 -37.2772);--c-french-grey: lab(70.024 -1.25023 -9.22515);--c-sky-blue: lab(58.0569 -10.4415 -45.1862);--c-cerulean-blue: lab(44.5032 -23.5638 -46.1849);--c-light-blue: lab(65.9893 -26.7224 -32.2677);--c-blue-gray: lab(67.5044 -17.3946 -7.71007);--c-compose-blue: lab(70.855 -36.4744 -14.9111);--c-turkey-green: lab(43.3265 -45.1403 -17.333);--c-viridian: lab(38.92 -48.1083 -.874702);--c-chrome-green-3: lab(30.5325 -23.1375 -.1884);--c-cobalt-green: lab(59.2648 -49.2568 3.41769);--c-emerald-green: lab(71.1376 -44.6808 10.8983);--c-chrome-green-2: lab(46.1633 -55.204 14.4567);--c-imperial-green: lab(45.7792 -56.0089 22.497);--c-light-green: lab(61.5296 -58.6363 39.9921);--c-sap-green: lab(52.2011 -37.329 34.1102);--c-chrome-green-1: lab(72.5603 -41.5438 62.4397);--c-linden-green: lab(89.078 -22.7311 68.7124);--c-naples-yellow: lab(84.6744 6.12866 46.9872);--c-raw-umber: lab(41.2198 3.80537 23.9634);--c-yellow-ochre: lab(68.1739 14.7461 54.8651);--c-jaune-brilliant: lab(81.9857 19.8556 41.6542);--c-sepia: lab(33.2388 7.39939 11.5045);--c-burnt-umber: lab(29.9456 10.1868 11.5943);--c-burnt-sienna: lab(43.7626 33.3261 27.7532);--c-chocolate: lab(28.335 11.6426 9.22044);--c-purple-lake: lab(35.14 42.75 14.27);--c-olive-green: lab(41.171 -8.84617 26.7596);--c-snow-white: lab(99.0984 -.122539 .363965);--c-white: lab(98.6917 .0397944 .116489);--c-b-black: lab(11.9702 1.31062 -1.58183);--c-black: lab(9.38758 .879477 -.339045)}:root{--easing: cubic-bezier(.165, .84, .4, 1);--radius: .2rem}html{color-scheme:light;background:var(--c-french-grey);color:var(--c-black);font-size:16px;font-family:Proza Libre,serif;line-height:1.5}input[type=text],input[type=search],textarea,select{border:1px solid var(--c-black);border-radius:var(--radius);padding:0 .2rem;min-height:1.5rem;outline:none}h1,h2,h3,h4,h5,h6{font-size:1rem}.Title{color:var(--paleyellow);font-family:"Rubik 80s Fade";font-size:clamp(3rem,7vw,100px);line-height:1.2;font-weight:400}.Effects{display:flex;min-height:4rem}.Effects>*{min-height:4rem;flex-basis:4rem;display:flex;place-content:center;place-items:center;background:var(--yellow)}.spin{display:inline-block;transform-origin:center;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Button{display:inline-flex;align-items:center;user-select:none;background:var(--c-snow-white);color:var(--c-black);border:1px solid;min-height:1.5rem;line-height:1;padding:.1em .3em 0;border-radius:var(--radius);&[hidden]{display:none}&:hover{background:color-mix(in oklch,var(--white),transparent 80%)}&:active{position:relative;top:1px}&.active{background:color-mix(in oklch,var(--c-opera),transparent 80%)}}a.Button{text-decoration:none}.is-takingDamage{filter:drop-shadow(0 .5rem .6rem rgba(217,0,0,.7))}