*{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;-moz-text-size-adjust:none;text-size-adjust:none}:where([type=search]){-webkit-appearance:textfield}.Spell{--radius:.2em;border-radius:var(--radius);min-height:5rem;color:var(--white);text-shadow:0 0 2px #000,0 0 2px #000,0 0 3px #000,0 0 3px #000,0 0 1px #000,0 0 1px #000;background:conic-gradient(#1b1b18 25%,#282624) 0 0/cover no-repeat;border:2px outset #dbdbdb;border-color:#dbdbdb #b3b3b3 #595959 #bababa;flex-basis:9rem;position:relative;box-shadow:0 1px 4px #1a1a1a80}@media (height>=760px){.Spell{min-height:6rem}}.Spell:hover{background:conic-gradient(#292924 25%,#363230)}.Spell:hover .Spell-image{filter:saturate()contrast()}.Spell:hover .Spell-gcd{border-color:var(--yellow)}.Spell:active .Spell-gcd{border-color:initial}.Spell-image{object-fit:cover;border-radius:var(--radius);filter:saturate(.85)contrast(.9);width:100%;height:100%;transition:filter .15s var(--easing);pointer-events:none;position:absolute;inset:0}.Spell-inner{z-index:2;position:relative}.Spell-inner h3{font-size:14px}.Spell-inner p{font-size:13px}.Spell-inner p:not(.Spell:hover :is(.Spell-inner p)){opacity:0}.Spell-gcd{--color:#c8dcff;z-index:1;pointer-events:none;border-radius:var(--radius);border:2px groove #ffffffb3;display:inline-block;position:absolute;inset:0}.Spell-gcd:before{content:"";border-radius:var(--radius);background:conic-gradient(#e6e6e633 var(--progress), transparent var(--progress));border:1px solid #000c;width:100%;height:100%;display:block}.Spell-shortcut{font-size:11px;position:absolute;top:.5em;left:.5em}.Bar{--health:var(--c-sap-green);--health-bg:pink;--mana:var(--c-blue-celeste);--mana-bg:lightblue;--cast:var(--c-linden-green);--radius:4px;border-radius:var(--radius);background:#4d4d4d33;border:1px solid #cccccc1a;display:flex;position:relative}.Bar div{border-radius:var(--radius);background:var(--bg);border-top:1px solid hsla(0 0% 90% / 0 4);border-right:1px solid #1a1a1a99;min-height:1.5em}div.Bar-potentialValue{background:var(--c-chrome-green-1);opacity:.6;position:absolute;top:0}.Bar span{-webkit-user-select:none;user-select:none;text-align:right;min-width:8em;font-size:13px;position:absolute;top:.28em;right:.4rem}.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{z-index:-1;position:fixed;left:0;right:0}.IngameMenu{transition:opacity .5s;position:fixed;top:.2rem;left:.2rem}.IngameMenu menu{gap:.2rem;display:flex}.IngameMenu .SoundToggle input[type=checkbox],.IngameMenu .VolumeControl input[type=range]{margin-right:.3rem}.IngameMenu .VolumeControl input[type=range]{width:6rem}.Frame-splashImage{width:600px;max-width:100%;height:auto;margin:5vh auto 4vh;display:block}#balancemender,.Game{outline:none;min-height:100dvh}.Game{flex-flow:column;place-items:center;padding-top:7rem;display:flex}.Game-bg{z-index:-1;opacity:0;background-image:url(/assets/bg-hiro-isono.jpg);background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.Player,.PartyMember,.Enemy{width:100%;max-width:20rem;margin-left:auto;margin-right:auto}.PartyGroup{flex-flow:column;margin:2rem 0;display:flex}.ActionBar{justify-content:center;gap:0;display:flex;position:absolute;bottom:-4px;left:0;right:0}.Combatlog{width:30rem;max-width:95%;height:240px;transition:transform .6s var(--easing);margin-left:auto;padding:1rem 0 1rem 1rem;position:fixed;bottom:8rem;right:0}.Combatlog:not(.sticky){transform:translate(85%)}.Combatlog:hover{transition-duration:.15s;transition-delay:0s;transform:translate(0,0)}.FloatingCombatText{position:absolute}.CastingInfo{place-content:center;display:flex}.CastBar{z-index:5;min-width:12rem;position:absolute;bottom:7rem;left:50%;transform:translate(-50%)}.GameOver{z-index:100;background-color:var(--c-crimson-lake);max-width:30em;color:var(--c-snow-white);text-align:center;border:.4rem solid var(--c-vermilion);border-left-color:var(--c-scarlet-lake);border-bottom:.4rem solid var(--c-violet-pale);margin:3rem auto;padding:2rem;position:fixed;top:30%;left:0;right:0}balance-lab{grid-template-columns:12rem 1fr;gap:.5rem;min-height:18rem;padding:.4rem;font-size:12px;display:grid}.BalanceLab-nav{border-right:1px solid color-mix(in srgb, currentColor 15%, transparent);max-height:24rem;padding-right:.3rem;overflow-y:auto}.BalanceLab-nav details{margin-bottom:.3rem}.BalanceLab-nav summary{cursor:pointer;opacity:.7;-webkit-user-select:none;user-select:none;padding:.1rem 0}.BalanceLab-nav ul{margin:.1rem 0 .3rem .2rem;padding:0;list-style:none}.BalanceLab-pick{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:.15rem .3rem;display:block}.BalanceLab-pick:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.BalanceLab-pick.is-active{background:color-mix(in srgb, currentColor 20%, transparent)}.BalanceLab-pickTitle{font-weight:500;display:block}.BalanceLab-pick small{opacity:.55;font-size:.85em}.BalanceLab-inspector{min-width:0;display:block}.BalanceInspector-empty{opacity:.6;padding:1rem}.BalanceInspector-header{margin-bottom:.4rem}.BalanceInspector-header h3{margin:0}.BalanceInspector-header small{opacity:.6}.BalanceInspector-fields{gap:.2rem;margin-bottom:.5rem;display:grid}.BalanceInspector-row{grid-template-columns:9rem 1fr;align-items:center;gap:.4rem;display:grid}.BalanceInspector-row input[type=number]{width:100%;min-width:0}.BalanceInspector-actions{flex-wrap:wrap;gap:.3rem;display:flex}.BalanceInspector-action{cursor:pointer}.BalanceInspector-action.is-danger{color:var(--c-crimson-lake,#b00)}.BalanceInspector-action.is-primary{font-weight:600}floating-view :is(balance-monitor){margin:.2em}balance-monitor table{border-collapse:collapse;width:100%}balance-monitor th{text-align:left;font-weight:400}balance-monitor td{border-bottom:1px solid}balance-monitor dl{grid-template-columns:7rem 1fr;gap:0 .2em;margin-bottom:.2em;display:grid}.Monitor{gap:1em;margin:.2rem;list-style:none;display:flex;position:fixed;top:0;right:0}.Monitor li{text-align:right;min-width:3em}.Monitor em{display:block}floating-combat-text{--easing:cubic-bezier(.23, 1, .32, 1);--duration:2s;pointer-events:none;-webkit-user-select:none;user-select:none;color:#00a100;text-shadow:.1rem .1rem #006400;animation-name:fct-up;animation-timing-function:linear;animation-duration:var(--duration);transform-origin:50%;font-size:2.5rem;animation-fill-mode:both;display:inline-block;position:absolute;top:0;left:0}floating-combat-text.damage{color:var(--darkred);text-shadow:.1rem .1rem 0px var(--red)}floating-combat-text.crit{animation:fct-crit calc(1.5 * var(--duration)) var(--easing);top:1rem}@keyframes fct-up{0%{transform:scale(1)translateY(0%)}50%{opacity:1}to{opacity:0;transform:translateY(-300%)}}@keyframes fct-crit{0%{opacity:0;transform:scale(.5)}5%{opacity:1;transform:scale(1.1)}10%{transform:scale(1)}66%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.Character{--character-bg:var(--c-snow-white);--character-hover-bg:color-mix(in oklch, var(--c-snow-white), var(--c-linden-green));--character-targeted-bg:var(--c-linden-green);border-radius:var(--radius);cursor:pointer;background:var(--character-bg);border:1px solid;width:20rem;max-width:100%;padding:.2rem;transition:background .1s;position:relative}.Character:not(.Character--targeted):hover{background:var(--character-hover-bg)}.Character--targeted{background:var(--character-targeted-bg)}.Character.Enemy{--health:var(--c-crimson-lake);--character-bg:color-mix(in oklch, var(--c-snow-white) 50%, var(--c-crimson-lake));--character-hover-bg:color-mix(in oklch, var(--c-snow-white) 50%, var(--c-crimson-lake));--character-targeted-bg:color-mix(in oklch, var(--c-snow-white) 50%, var(--c-crimson-lake))}.Character-row{display:flex}.Character-bars{flex:1;min-width:0}.Character-avatar{-webkit-user-select:none;user-select:none;margin:0;font-weight:700;position:relative}.Character-avatar img{object-fit:cover;border-radius:var(--radius);width:3rem;height:3rem;display:block}.Character-health{position:relative}.Character-name{-webkit-user-select:none;user-select:none;pointer-events:none;text-shadow:0 0 2px #000,0 0 2px #000;color:#fff;justify-content:flex-start;align-items:center;padding-left:.5rem;font-weight:700;display:flex;position:absolute;inset:0}floating-view{background:var(--c-snow-white);border-radius:var(--radius);pointer-events:auto;z-index:1;border:1px solid;border-bottom-width:2px;flex-flow:column;min-width:200px;max-width:100vw;min-height:26px;display:flex;position:absolute;top:0;left:0;overflow:hidden}floating-view header{background:var(--c-linden-green);cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid #000;align-items:center;min-height:1.5rem;padding:0 .2em;display:flex}floating-view header:active{cursor:grabbing}floating-view main{scrollbar-width:thin;flex:1;display:grid;overflow-y:auto}floating-view[minimized] :is(main,footer){display:none}floating-view:has(dev-console){transform:translate(4rem,4rem)}floating-view:has(color-palette){transform:translate(4rem,7rem)}floating-view:has(combat-log-viewer){width:40rem;transform:translate(40px,70vh)}floating-view:has(animation-debugger){width:22rem;transform:translate(4rem,11rem)}animation-debugger{padding:.4rem .5rem;display:block}.AnimationDebugger-row{align-items:center;gap:.3rem;margin-bottom:.3rem;display:flex}.AnimationDebugger-row:last-child{margin-bottom:0}.AnimationDebugger-row input[type=range]{flex:1}.AnimationDebugger-status{opacity:.6;margin-left:auto;font-size:12px}.resize-handle{z-index:1;cursor:nwse-resize;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:16px;display:flex;position:absolute;bottom:0;right:0}.CombatLogViewer{color:var(--clv-text);flex-direction:column;display:flex}.CombatLogViewer-controls{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:.2rem;padding:.2rem;display:flex}.CombatLogViewer-filters{flex-wrap:wrap;gap:.2rem;display:flex}.CombatLogViewer-list{list-style:none}.CombatLogViewer-item{border-bottom:1px solid #32323280;grid-template-columns:auto auto 1fr;align-items:baseline;gap:.2rem;padding:0 .2rem;display:grid}.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}[data-event-type=SPELL_CAST_START]{color:var(--c-blue-celeste)}[data-event-type=SPELL_CAST_SUCCESS]{color:var(--c-emerald-green)}[data-event-type=SPELL_CAST_FAILED]{color:var(--c-scarlet-lake)}[data-event-type=SPELL_CAST_INTERRUPTED]{color:var(--c-vermilion)}[data-event-type=SPELL_HEAL]{color:var(--c-viridian)}[data-event-type=SPELL_PERIODIC_HEAL]{color:var(--c-cerulean-blue)}[data-event-type=SPELL_DAMAGE]{color:var(--c-orange)}[data-event-type=SPELL_PERIODIC_DAMAGE]{color:var(--c-marigold)}[data-event-type=SWING_DAMAGE]{color:var(--c-burnt-sienna)}[data-event-type=RANGE_DAMAGE]{color:var(--c-chocolate)}[data-event-type=SPELL_AURA_APPLIED]{color:var(--c-heliotrope)}[data-event-type=SPELL_AURA_REMOVED]{color:var(--c-violet-pale)}[data-event-type=SPELL_AURA_REFRESH]{color:var(--c-mauve)}[data-event-type=RESOURCE_GAIN],[data-event-type=RESOURCE_SPENT]{color:var(--c-yellow-ochre)}[data-event-type=UNIT_DIED]{color:var(--c-prussian-blue)}[data-event-type=ENCOUNTER_START]{color:var(--c-imperial-green)}[data-event-type=ENCOUNTER_END]{color:var(--c-crimson-lake)}[data-event-type=SWEET_SPOT_HIT]{color:var(--c-lemon-yellow)}[data-event-type=SWEET_SPOT_MISS],[data-event-type=GAME_PAUSE]{color:var(--c-french-grey)}[data-event-type=GAME_RESUME]{color:var(--c-emerald-green)}dev-console{flex-direction:column;display:flex}.DevConsole-output{scrollbar-width:thin;flex-direction:column;flex:1;font-size:13px;line-height:1.4;display:flex;overflow-y:auto}.DevConsole-output div{word-wrap:break-word;opacity:.9;border-left:2px solid #0000;margin-bottom:.2rem;padding-left:.5rem;padding-right:.5rem}.DevConsole-output div:first-child{margin-top:auto}.DevConsole-output div:first-line{color:var(--green)}.DevConsole-inputWrapper{z-index:1;background-color:#0003;border-top:1px solid #0000004d;align-items:center;padding:.2rem;display:flex;position:sticky;bottom:0}.DevConsole-inputWrapper span{margin-right:5px}.DevConsole-input{border:none;flex-grow:1}color-palette{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:10px;padding:15px;display:grid}color-palette .color-swatch{cursor:pointer;width:40px;height:40px;transition:transform .2s var(--easing);border-radius:10px;position:relative;overflow:hidden}color-palette .color-swatch:hover{transform:scale(1.1)}color-palette .color-swatch:after{content:attr(data-color-name);color:#fff;opacity:0;transition:opacity .2s var(--easing);text-align:center;pointer-events:none;background:#00000080;padding:2px;font-size:8px;position:absolute;bottom:0;left:0;right:0}color-palette .color-swatch:hover:after{opacity:1}:root{--black:#0f0c00;--white:#f4e4dd;--yellow:#b38314;--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)}.Splash{z-index:200;background:var(--c-black);-webkit-user-select:none;user-select:none;cursor:pointer;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.Splash-bg{opacity:0;background-position:50%;background-size:contain;position:absolute;inset:0}.Splash-content{z-index:1;text-align:center;padding:2rem;position:relative}.Splash-title{color:var(--c-snow-white);text-shadow:0 .04em 0 var(--c-crimson-lake), 0 .08em .4em #0009;margin:0;font-family:"Rubik 80s Fade",Proza Libre,serif;font-size:clamp(3rem,14vw,9rem);line-height:.9}.Splash-titleLine{opacity:.001;will-change:transform, opacity;transform-origin:50%;backface-visibility:hidden;display:block}.Splash-subtitle{color:var(--c-snow-white);opacity:0;margin:1.5rem 0 3rem;font-size:clamp(1rem,2vw,1.4rem);font-style:italic}.Splash-prompt{letter-spacing:.15em;text-transform:uppercase;color:var(--c-snow-white);opacity:0;font-weight:700}:root{--easing:cubic-bezier(.165, .84, .4, 1);--radius:.2rem}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--c-french-grey);color:var(--c-black);font-family:Proza Libre,serif;font-size:16px;line-height:1.5}input[type=text],input[type=search],textarea,select{border:1px solid var(--c-black);border-radius:var(--radius);outline:none;min-height:1.5rem;padding:0 .2rem}h1,h2,h3,h4,h5,h6{font-size:1rem}.Title{color:var(--paleyellow);font-family:"Rubik 80s Fade";font-size:clamp(3rem,7vw,100px);font-weight:400;line-height:1.2}.Effects{min-height:4rem;display:flex}.Effects>*{background:var(--yellow);flex-basis:4rem;place-content:center;place-items:center;min-height:4rem;display:flex}.spin{transform-origin:50%;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Button{-webkit-user-select:none;user-select:none;background:var(--c-snow-white);color:var(--c-black);border-radius:var(--radius);border:1px solid;align-items:center;min-height:1.5rem;padding:.1em .3em 0;line-height:1;display:inline-flex}.Button[hidden]{display:none}.Button:hover{background:color-mix(in oklch, var(--white), transparent 80%)}.Button:active{position:relative;top:1px}.Button.active{background:color-mix(in oklch, var(--c-opera), transparent 80%)}a.Button{text-decoration:none}.is-takingDamage{filter:drop-shadow(0 .5rem .6rem #d90000b3)}