:root{--world-void:#080a10;--world-sky:#9fbf88;--world-grass:#82964b;--world-stone:#c8b879;--ink-950:#2d2f3d;--ink-900:#343747;--ink-800:#3b3e50;--ink-700:#45495e;--ink-600:#4e495c;--panel-fill:#343747f0;--line-low:#63677d73;--line-high:#8f93ab8c;--text-100:#fff;--text-300:#e0e0e3;--text-500:#9b9da7;--gold-400:#d5c976;--gold-300:#f1fe4f;--health-500:#e3634f;--action-500:#4f8fc5;--brakmar-700:#963b4a;--brakmar-900:#55212a;--vitality-500:#b0c81c;--earth-500:#b88f41;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-6:24px;--panel-radius:2px;--motion-fast:.1s;--font-ui:Arial, "Helvetica Neue", sans-serif;--font-display:"Arial Narrow", "Roboto Condensed", Arial, sans-serif;--window-control-size:44px;--window-tab-size:46px;--window-mark-size:1.25rem;--surface-panel-base:var(--panel-fill);--shadow-panel-base:inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #0000006b, 0 8px 18px #00000057, 0 2px 4px #00000075}html,body{min-block-size:100%;margin:0}body{min-block-size:100dvb;color:var(--text-100);background:var(--world-void);font-family:var(--font-ui)}button,input{font:inherit}.ui-panel{color:var(--text-100);border:1px solid var(--line-high);border-radius:var(--panel-radius);background:var(--surface-panel-base);box-shadow:var(--shadow-panel-base)}.panel-titlebar{border-block-end:1px solid var(--line-high);text-align:center;text-transform:uppercase;letter-spacing:.045em;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;min-block-size:36px;font-size:.875rem;font-weight:700;display:grid}.panel-titlebar__mark,.panel-titlebar__close{min-block-size:36px;min-inline-size:36px;color:var(--gold-300);place-items:center;display:grid}.panel-titlebar__close{color:var(--text-300)}.heading{color:var(--text-300);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:700}.caption{color:var(--text-500);letter-spacing:.055em;text-transform:uppercase;font-size:.5rem;font-weight:700}.slot-grid{gap:var(--s-1);grid-template-columns:repeat(auto-fit,minmax(min(42px,100%),1fr));display:grid}.ui-slot{aspect-ratio:1;min-inline-size:0;color:var(--text-300);border:1px solid var(--line-low);border-radius:var(--panel-radius);background:linear-gradient(145deg, var(--ink-950), var(--ink-800));place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000000a8}.ui-slot:after{content:"";background:linear-gradient(145deg, var(--slot-accent,var(--gold-400)), transparent 68%);opacity:.78;border-radius:34% 48% 28% 42%;position:absolute;inset:13%;transform:rotate(-14deg)}.ui-slot>span{z-index:1;text-shadow:0 1px 2px var(--ink-950);font-size:.625rem;font-weight:700;position:relative}.ui-slot--blue{--slot-accent:var(--action-500)}.ui-slot--green{--slot-accent:var(--vitality-500)}.ui-slot--red{--slot-accent:var(--health-500)}.ui-slot--selected{border-color:var(--gold-300);box-shadow:inset 0 2px 5px #000000a8,0 0 0 1px #d9b85d5c}.ui-slot--locked{filter:grayscale();opacity:.45}.stat-gem{block-size:72px;inline-size:104px;position:relative}.stat-gem__cell{border:3px solid var(--line-high);background:var(--cell-color);place-content:center;block-size:58px;inline-size:58px;display:grid;position:absolute;transform:rotate(45deg);box-shadow:inset 0 0 12px #00000042,0 2px 5px #00000080}.stat-gem__cell>span{text-align:center;font-size:.75rem;font-weight:700;line-height:1;display:block;transform:rotate(-45deg)}.stat-gem__cell:first-child{--cell-color:var(--health-500);inset:8px auto auto 8px}.stat-gem__cell:nth-child(2){--cell-color:var(--action-500);inset:0 4px auto auto}.stat-gem__cell:nth-child(3){--cell-color:var(--vitality-500);inset:auto 18px 0 auto}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto;min-block-size:180px;font-size:.625rem;display:grid}.chat-panel__tabs,.action-bar__tabs{gap:var(--s-3);padding:var(--s-2) var(--s-3);border-block-end:1px solid var(--line-low);display:flex}.chat-panel__log{min-block-size:0;padding:var(--s-2) var(--s-3);color:var(--text-300);line-height:1.35;overflow:auto}.chat-panel__log p{margin:0 0 var(--s-1)}.chat-panel__name{color:var(--action-500);font-weight:700}.chat-panel__input{inline-size:100%;padding:var(--s-2) var(--s-3);color:var(--text-300);border:0;border-block-start:1px solid var(--line-low);background:var(--ink-950);outline:0}.action-bar{align-items:end;gap:var(--s-2);grid-template-columns:auto minmax(0,1fr);display:grid}.action-bar__skills{min-inline-size:0;padding:var(--s-2)}.tooltip-card{inline-size:min(230px,100%);padding:var(--s-3);font-size:.625rem;line-height:1.35}.tooltip-card h3{margin:0 0 var(--s-2);color:var(--gold-300);font-size:.75rem}.tooltip-card dl{gap:var(--s-1) var(--s-3);grid-template-columns:1fr auto;margin:0;display:grid}.tooltip-card dt{color:var(--text-300)}.tooltip-card dd{color:var(--text-100);margin:0}.minimap{aspect-ratio:4/3;background:linear-gradient(28deg, transparent 46%, var(--world-stone) 47% 52%, transparent 53%), linear-gradient(118deg, transparent 44%, var(--world-stone) 45% 50%, transparent 51%), repeating-linear-gradient(45deg, var(--world-grass) 0 14px, var(--world-sky) 15px 27px);position:relative;overflow:hidden}.minimap:before,.minimap:after{content:"";aspect-ratio:1;background:var(--gold-300);inline-size:8px;box-shadow:0 0 0 2px var(--ink-950), 0 0 8px var(--gold-300);border-radius:50%;position:absolute}.minimap:before{inset:26% auto auto 64%}.minimap:after{background:var(--health-500);inset:auto auto 18% 34%}.window-shell{grid-template-rows:auto minmax(0,1fr) auto;min-block-size:280px;display:grid}.window-shell__body{min-block-size:0;padding:var(--s-3);overflow:auto}.window-shell__footer{padding:var(--s-2) var(--s-3);color:var(--text-300);border-block-start:1px solid var(--line-low);background:var(--ink-800);text-align:end;font-size:.625rem}.ui-panel:focus-within,.ui-slot:focus-visible,.view-picker label:focus-within{outline:2px solid var(--gold-300);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.ui-slot,.view-picker label{transition:border-color var(--motion-fast) ease-out, color var(--motion-fast) ease-out}}:root{--edge-light:#dce0f529;--edge-dark:#0a0c14c7;--panel-gloss:#ffffff12;--surface-panel:linear-gradient(180deg, var(--panel-gloss), transparent 18%), linear-gradient(135deg, #4e495cf5, var(--panel-fill) 38%, #2d2f3df7);--surface-title:radial-gradient(ellipse at 12% 50%, transparent 0 15%, #ffffff0a 15.5%, transparent 16%), radial-gradient(ellipse at 88% 50%, transparent 0 15%, #00000017 15.5%, transparent 16%), repeating-linear-gradient(135deg, transparent 0 30px, #ffffff08 31px 32px, transparent 33px 62px), linear-gradient(180deg, #6d6b89 0, #595d79 10%, #494d65 54%, #303341 100%);--surface-slot:radial-gradient(circle at 35% 26%, #ffffff12, transparent 38%), linear-gradient(145deg, #252735, var(--ink-950) 42%, var(--ink-800));--surface-slot-icon:radial-gradient(circle at 34% 24%, #ffffff7a, transparent 20%), linear-gradient(145deg, var(--slot-accent,var(--gold-400)), transparent 72%);--surface-gem:radial-gradient(circle at 30% 22%, #ffffff5c, transparent 24%), linear-gradient(145deg, var(--cell-color), #1c1e28b8);--surface-tabs:linear-gradient(180deg, #ffffff0a, #00000029);--surface-input:linear-gradient(180deg, #262833, var(--ink-950));--surface-footer:linear-gradient(180deg, var(--ink-800), var(--ink-950));--surface-window-body:linear-gradient(90deg, #ffffff05, transparent 24% 76%, #00000014), linear-gradient(180deg, #3b3e50fa, #2d2f3dfa);--surface-picker:linear-gradient(180deg, #252733, #151721);--surface-picker-item:linear-gradient(180deg, #55586c, var(--ink-800) 45%, #292b38);--surface-picker-active:linear-gradient(180deg, #f6ff78, var(--gold-300) 46%, #a9bb15);--surface-medallion:radial-gradient(circle at 32% 24%, #ffffff47, transparent 22%), linear-gradient(145deg, var(--ink-600), var(--ink-950));--surface-spell:linear-gradient(90deg, #ffffff0d, transparent 32%), linear-gradient(180deg, var(--ink-700), #343747 52%, var(--ink-950));--surface-spell-active:linear-gradient(90deg, #f1fe4f24, transparent 42%), linear-gradient(180deg, #6f653e, var(--earth-500) 38%, var(--ink-700));--shadow-panel:inset 0 1px 0 var(--edge-light), inset 1px 0 0 #ffffff0d, inset 0 -2px 0 var(--edge-dark), 0 10px 24px #05070d70, 0 2px 5px #0000009e;--shadow-title:inset 0 1px 0 var(--edge-light), inset 0 -1px 0 var(--edge-dark), 0 2px 5px #00000047;--shadow-slot:inset 0 2px 6px #000000c7, inset 0 -1px 0 #ffffff17, 0 1px 1px #000000a6;--shadow-selected:inset 0 2px 5px #000000a8, inset 0 0 8px #f1fe4f2e, 0 0 0 1px #f1fe4f61, 0 0 10px #f1fe4f29;--shadow-tooltip:inset 0 1px 0 var(--edge-light), inset 0 -2px 0 var(--edge-dark), 0 12px 28px #0000009e;--shadow-gem:inset 0 1px 0 #ffffff3d, inset 0 -5px 12px #00000059, 0 3px 7px #00000094;--shadow-tab:inset 0 1px 0 #ffffff0d;--shadow-input:inset 0 2px 5px #00000094;--shadow-footer:inset 0 1px 0 var(--edge-light);--shadow-picker-item:inset 0 1px 0 var(--edge-light), 0 2px 4px #0000007a;--shadow-picker-active:inset 0 1px 0 #ffffff85, inset 0 -2px 0 #4d57066b, 0 0 10px #f1fe4f2e;--shadow-avatar:inset 0 1px 0 #ffffff59, inset 0 -12px 22px #0000004d, 0 5px 14px #0000008a;--shadow-medallion:inset 0 1px 0 #ffffff2e, inset 0 -5px 10px #00000061, 0 5px 14px #00000085;--shadow-spell:inset 0 1px 0 #ffffff17, inset 0 -1px 0 #0000008c, 0 2px 4px #00000042;--shadow-drawer:0 4px 8px #00000061;--text-shadow-title:0 1px 2px #000000b8;--text-shadow-picker:0 1px 2px #000000c2;--text-shadow-picker-active:0 1px #ffffff59;--text-shadow-active:0 0 8px #f1fe4f38}.ui-panel{background:var(--surface-panel);box-shadow:var(--shadow-panel)}.ui-panel--raised,.panel-titlebar{background:var(--surface-title)}.panel-titlebar{box-shadow:var(--shadow-title);font-family:var(--font-display);text-shadow:var(--text-shadow-title)}.ui-slot{background:var(--surface-slot);box-shadow:var(--shadow-slot)}.ui-slot:after{background:var(--surface-slot-icon)}.ui-slot--selected{box-shadow:var(--shadow-selected)}.stat-gem__cell{background:var(--surface-gem);box-shadow:var(--shadow-gem)}.chat-panel__tabs,.action-bar__tabs,.window-tabs{background:var(--surface-tabs);box-shadow:var(--shadow-tab)}.chat-panel__input,.filter-column input,.spell-body>input{background:var(--surface-input);box-shadow:var(--shadow-input)}.tooltip-card{box-shadow:var(--shadow-tooltip)}.window-shell__footer,.filter-column,.spell-window>.window-tabs{background:var(--surface-footer);box-shadow:var(--shadow-footer)}.view-picker{background:var(--surface-picker)}.view-picker label{background:var(--surface-picker-item);box-shadow:var(--shadow-picker-item);text-shadow:var(--text-shadow-picker)}#view-hud:checked~.view-picker label[for=view-hud],#view-combat:checked~.view-picker label[for=view-combat],#view-equipment:checked~.view-picker label[for=view-equipment],#view-spells:checked~.view-picker label[for=view-spells]{background:var(--surface-picker-active);box-shadow:var(--shadow-picker-active);text-shadow:var(--text-shadow-picker-active)}.portrait-card__face,.paperdoll__avatar{box-shadow:var(--shadow-avatar)}.turn-medallion,.turn-wheel span{background:var(--surface-medallion);box-shadow:var(--shadow-medallion)}.spell-row{background:var(--surface-spell);box-shadow:var(--shadow-spell)}.spell-row.is-active{background:var(--surface-spell-active)}.panel-titlebar,.heading,.window-tabs,.view-picker{font-family:var(--font-display)}.window-shell__body{background:var(--surface-window-body)}.window-tabs .is-active{text-shadow:var(--text-shadow-active)}.demo-page{display:block}.demo-shell{min-block-size:100dvb}.stage-wrap{inline-size:min(100%,177.778dvb)}.view-picker{opacity:.18;transition:transform .14s ease-out,opacity .14s ease-out;position:fixed;inset:0 auto auto 50%;transform:translate(-50%,calc(4px - 100%))}.view-picker:hover,.view-picker:focus-within{opacity:1;transform:translate(-50%)}.view-picker:after{content:"Views";min-inline-size:64px;color:var(--text-300);border:1px solid var(--line-low);background:var(--surface-footer);box-shadow:var(--shadow-drawer);letter-spacing:.08em;text-align:center;text-transform:uppercase;border-block-start:0;padding:4px 12px 5px;font-size:10px;font-weight:700;position:absolute;inset:100% auto auto 50%;transform:translate(-50%)}.dofus-overlay{--s-1:.25em;--s-2:.5em;--s-3:.75em;--s-4:1em;--s-6:1.5em;z-index:2;block-size:100%;inline-size:100%;color:var(--text-100);font-family:var(--font-ui);pointer-events:none;font-size:clamp(10px,min(.8333vw,1.4815vh),16px);position:relative;overflow:hidden}.dofus-overlay :is(button,input,.ui-panel){pointer-events:auto}.game-location,.game-top-actions,.game-status,.game-chat,.game-bottom-hud,.game-map,.game-quest,.game-turn,.dofus-touch{position:absolute}.game-location{text-shadow:var(--text-shadow-title);font-size:.75em;display:grid;inset:.6em auto auto .7em}.game-location strong{font-size:1.33em}.game-top-actions{grid-auto-columns:2.25em;grid-auto-flow:column;block-size:2em;display:grid;inset:.4em .5em auto auto;overflow:hidden}.game-top-actions button{color:var(--gold-300);border-inline-end:1px solid var(--line-low);place-items:center;font-size:.625em;font-weight:700;display:grid}.game-status{block-size:38.5em;inline-size:10.5em;padding:.5em;inset:5em .5em auto auto;overflow:hidden}.game-status__name{color:var(--text-300);grid-template-columns:1fr auto;font-size:.55em;display:grid}.game-status__name strong{color:var(--text-100);font-size:1.8em}.game-status__name small{color:var(--health-500);grid-column:2}.game-status__nav{border-block:1px solid var(--line-low);justify-content:space-between;padding-block:.5em;display:flex}.game-status .slot-grid{grid-template-columns:repeat(3,1fr);margin-block:.5em}.game-chat{block-size:18.5em;inline-size:18.5em;inset:auto auto .5em .5em}.dofus-overlay .chat-panel{min-block-size:0;font-size:.625em}.game-bottom-hud{align-items:end;gap:.45em;display:flex;inset:auto auto .4em 50%;transform:translate(-50%)}.dofus-overlay .stat-gem{transform-origin:100% 100%;block-size:4.5em;inline-size:6.5em;margin-inline-end:-1.2em;transform:scale(.82)}.dofus-overlay .stat-gem__cell{border-width:.1875em;block-size:3.625em;inline-size:3.625em}.dofus-overlay .stat-gem__cell:first-child{inset:.5em auto auto .5em}.dofus-overlay .stat-gem__cell:nth-child(2){inset:0 .25em auto auto}.dofus-overlay .stat-gem__cell:nth-child(3){inset:auto 1.125em 0 auto}.dofus-overlay .stat-gem__cell>span{font-size:.75em}.game-portrait{place-items:center;block-size:6.4em;inline-size:4.8em;font-size:.5em;display:grid}.game-portrait__face{aspect-ratio:1;background:linear-gradient(145deg, var(--gold-400), var(--health-500));inline-size:3em;box-shadow:var(--shadow-avatar);border-radius:50%;place-items:center;font-size:1.3em;font-weight:700;display:grid}.game-deck{inline-size:27em;padding:.4em}.game-deck .slot-grid{grid-template-columns:repeat(6,1fr)}.game-deck .action-bar__tabs{justify-content:space-around;padding:.25em}.dofus-overlay .ui-slot>span{font-size:.625em}.game-map{inline-size:17em;padding:.25em;inset:auto .55em .5em auto}#minimap-canvas{aspect-ratio:16/9;inline-size:100%;image-rendering:pixelated;border:1px solid var(--line-low);background:var(--ink-950);display:block}.game-map__controls{justify-content:end;gap:1em;padding:.25em .5em 0;display:flex}.game-quest{inline-size:14em;color:var(--gold-300);padding:.6em;font-size:.6em;display:grid;inset:auto 11.5em 3.2em auto}.game-quest span{color:var(--text-100);font-size:1.33em;font-weight:700}.game-quest small{color:var(--text-300)}.game-turn{aspect-ratio:1;border:.45em solid var(--action-500);background:var(--surface-medallion);inline-size:6em;box-shadow:var(--shadow-medallion);place-items:center;display:grid;inset:auto 2.4em 3.1em auto;transform:rotate(45deg)}.game-turn span{font-size:.7em;transform:rotate(-45deg)}.dofus-touch{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px);gap:4px;padding:4px;display:none;inset:auto auto .75rem .75rem}.dofus-touch button{min-block-size:44px;min-inline-size:44px;color:var(--text-300);border:1px solid var(--line-low);background:var(--surface-picker-item)}.dofus-touch [data-move=north]{grid-column:2}.dofus-touch [data-move=west]{grid-area:2/1}.dofus-touch [data-move=east]{grid-area:2/3}.dofus-touch [data-move=south]{grid-area:2/2}@media (width<=767px),(pointer:coarse){.dofus-touch{display:grid}}.game-top-actions button{min-inline-size:0;color:var(--gold-300);border:0;border-inline-end:1px solid var(--line-low);background:0 0;padding:0}.game-top-actions button:hover,.game-top-actions button:focus-visible{color:var(--text-100);background:var(--ink-600);outline:0}.game-window{z-index:30;inline-size:min(34em, calc(100% - 2 * var(--s-4)));block-size:min(31em, calc(100% - 2 * var(--s-4)));border:2px solid var(--ink-950);border-radius:var(--s-2) var(--s-2) var(--panel-radius) var(--panel-radius);min-block-size:18em;box-shadow:var(--shadow-panel);pointer-events:auto;grid-template-rows:auto auto minmax(0,1fr) auto;font-size:clamp(10px,1em,16px);position:absolute;overflow:hidden}.game-window[hidden],.game-window [hidden]{display:none}.inventory-window{inset:6em auto auto 18em}.spells-window{inset:8em auto auto 48em}.game-window .panel-titlebar{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.game-window .panel-titlebar:active{cursor:grabbing}.panel-titlebar__close,.window-tabs button{color:inherit;background:0 0;border:0;padding:0}.panel-titlebar__close:hover,.panel-titlebar__close:focus-visible,.window-tabs button:focus-visible{color:var(--gold-300);outline:2px solid var(--gold-300);outline-offset:-3px}.window-tabs button{padding:var(--s-2) var(--s-4);color:var(--text-500);text-transform:uppercase;border-block-end:2px solid #0000;font-weight:700}.window-tabs button[aria-selected=true]{color:var(--gold-300);border-block-end-color:var(--gold-300)}.inventory-body>section{min-block-size:100%}.inventory-grid{grid-template-columns:repeat(4,1fr)}.inventory-detail{margin-block-start:var(--s-3)}.window-stat-list{gap:var(--s-2);color:var(--text-300);grid-template-columns:1fr auto;margin:0;display:grid}.window-stat-list dd{color:var(--gold-300);margin:0;font-weight:700}.spell-book-list{gap:var(--s-2);display:grid}.spell-book-row{align-items:center;gap:var(--s-2);min-block-size:4em;padding:var(--s-1);color:var(--text-300);border:1px solid var(--line-low);border-radius:var(--panel-radius);background:var(--surface-spell);box-shadow:var(--shadow-spell);text-align:start;grid-template-columns:3.5em 1fr auto;display:grid}.spell-book-row.is-active,.spell-book-row:hover,.spell-book-row:focus-visible{color:var(--text-100);border-color:var(--gold-300);background:var(--surface-spell-active);outline:0}.spell-book-row .ui-slot{inline-size:3.2em}.spell-book-row small{color:var(--text-500)}@media (width<=767px),(pointer:coarse){.game-window{block-size:min(31rem,100% - 8rem);inline-size:calc(100% - 1rem);inset:4rem auto auto 50%;transform:translate(-50%)}.spell-book-row{grid-template-columns:3.5em 1fr}.spell-book-row small{grid-column:2}}@media (width>=768px) and (width<=1024px){.game-window{block-size:min(48em,100% - 2em)}}@media (width<=767px){.dofus-overlay{font-size:12px}.dofus-overlay :is(.caption,.chat-panel,.ui-slot>span){font-size:.75em}.game-window{background:var(--ink-800)}.game-window .window-shell__body{background:var(--ink-950)}.game-map{inline-size:14em;inset:4.5em auto auto .5em}.game-status{block-size:30em}.game-chat{block-size:10em;inline-size:16em;inset:auto auto 14em .5em}.game-bottom-hud{inset:auto .5em .5em auto;transform:none}.game-bottom-hud :is(.stat-gem,.game-portrait){display:none}.game-deck{inline-size:17em}.game-deck .slot-grid{grid-template-columns:repeat(3,1fr)}.game-quest,.game-turn{display:none}}.game-window .panel-titlebar{isolation:isolate;min-block-size:var(--window-control-size);grid-template-columns:var(--window-control-size) minmax(0, 1fr) var(--window-control-size);border-block-end:2px solid var(--line-high);background:linear-gradient(180deg, var(--brakmar-700), var(--brakmar-900));box-shadow:var(--shadow-title);position:relative;overflow:hidden}.game-window .panel-titlebar>:nth-child(2){justify-content:center;align-items:center;gap:var(--s-1);display:flex}.game-window .window-title-icon{color:var(--gold-300);font-size:var(--window-mark-size);text-shadow:0 1px 2px var(--ink-950)}.game-window .panel-titlebar kbd{min-inline-size:var(--window-mark-size);min-block-size:var(--window-mark-size);color:var(--text-300);border:1px solid var(--line-high);border-radius:var(--panel-radius);background:var(--panel-gloss);font:inherit;vertical-align:.1em;place-items:center;margin-inline-start:var(--s-1);font-size:.65em;display:inline-grid}.game-window .window-tabs{min-block-size:var(--window-tab-size);padding:0 var(--s-3);border-block-end:1px solid var(--ink-950);background:linear-gradient(180deg, var(--ink-950), var(--world-void) 78%, var(--ink-950));box-shadow:inset 0 -1px 0 var(--line-low);grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;display:grid}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-void:#05090d;--surface-raised:#14232c;--accent-magic:#45e3d2;font-family:var(--font-ui);color:var(--text-100);background:var(--surface-void)}*{box-sizing:border-box}html,body{background:var(--surface-void);min-block-size:100%;margin:0;overflow:hidden}.game-shell{isolation:isolate;background:radial-gradient(circle at 50% 48%, var(--surface-raised), var(--surface-void) 72%);min-block-size:100dvh;max-block-size:100dvh;display:grid;overflow:hidden}#game-canvas,.game-shell>:not(script,noscript){grid-area:1/1}#game-canvas{touch-action:none;outline:none;block-size:100%;inline-size:100%;display:block}#game-canvas:focus-visible{outline:2px solid var(--accent-magic);outline-offset:-4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}noscript{z-index:3;color:var(--text-100);background:var(--panel-fill);place-self:center;padding:1rem}