.gi-panel{border:1px solid var(--gianora-border);border-radius:var(--gianora-radius-lg);background:linear-gradient(145deg, var(--gianora-surface), var(--gianora-surface-muted));min-width:0}.gi-button{border-radius:var(--gianora-radius-sm);justify-content:center;align-items:center;gap:.45rem;font-weight:700;text-decoration:none;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out;display:inline-flex}.gi-button--md{padding:8px 11px;font-size:10px}.gi-button--sm{padding:5px 8px;font-size:9px}.gi-button--primary{border:1px solid var(--gianora-accent);color:#07110d;background:var(--gianora-accent)}.gi-button--secondary{border:1px solid var(--gianora-border);color:#cbd7db;background:var(--gianora-surface)}.gi-button--danger{border:1px solid var(--gianora-danger-border);color:#ffabb4;background:var(--gianora-danger-bg)}.gi-button--quiet{color:var(--gianora-text-muted);background:0 0;border:0}.gi-button:hover:not(:disabled):not([aria-busy=true]){border-color:var(--gianora-border-strong)}.gi-button--primary:hover:not(:disabled):not([aria-busy=true]){background:var(--gianora-accent-warm-soft)}.gi-button--secondary:hover:not(:disabled):not([aria-busy=true]){color:var(--gianora-text-bright);background:var(--gianora-surface-alt)}.gi-button--danger:hover:not(:disabled):not([aria-busy=true]){color:#ffc7cd;border-color:var(--gianora-danger)}.gi-button--quiet:hover:not(:disabled):not([aria-busy=true]){color:var(--gianora-text);background:var(--gianora-surface)}.gi-button:active:not(:disabled):not([aria-busy=true]),.gi-pressable:active:not(:disabled):not([aria-busy=true]){filter:brightness(.92);transform:translateY(1px)}.gi-button:disabled{opacity:.4;cursor:default}.gi-button[aria-busy=true],.gi-button[aria-busy=true]:disabled{cursor:progress;opacity:.75}@media (prefers-reduced-motion:reduce){.gi-button{transition:none}.gi-button:active:not(:disabled):not([aria-busy=true]),.gi-pressable:active:not(:disabled):not([aria-busy=true]){transform:none}}.gi-hit-target{position:relative}.gi-hit-target:after{content:"";width:max(100%, var(--gi-hit-inline,var(--gi-hit-size,32px)));height:max(100%, var(--gi-hit-block,var(--gi-hit-size,32px)));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (pointer:coarse){.gi-hit-target{--gi-hit-size:44px}}.gi-reveal-on-hover{opacity:0;transition:opacity .12s}.gi-reveal-group:hover .gi-reveal-on-hover,.gi-reveal-on-hover:focus-visible{opacity:1}@media (hover:none),(pointer:coarse){.gi-reveal-on-hover{opacity:1}}.gi-badge{font:500 9px var(--gianora-font-mono);border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;display:inline-flex}.gi-badge--accent{border:1px solid var(--gianora-accent-warm-strong);color:var(--gianora-accent);background:var(--gianora-accent-muted)}.gi-badge--muted{border:1px solid var(--gianora-border);color:#cbd7db;background:var(--gianora-surface-muted)}.gi-badge--danger{border:1px solid var(--gianora-danger-border);color:#ffabb4;background:var(--gianora-danger-bg)}.gi-field{color:#b8c6cd;gap:8px;font-size:12px;font-weight:600;display:grid}.gi-field--compact{color:var(--gianora-text-muted);font:500 8px var(--gianora-font-mono);letter-spacing:.06em;text-transform:uppercase;gap:5px}.gi-field--compact small{color:#6f8490;font:400 8px/1.25 var(--gianora-font-mono);letter-spacing:0;text-transform:none}.gi-field--compact input,.gi-field--compact select{border-radius:var(--gianora-radius-sm);font:400 10px var(--gianora-font-mono);padding:8px 9px}.gi-field--compact.field-with-help input,.gi-field--compact.field-with-help select{margin-bottom:1px}.gi-field--compact.inline-check{align-content:end}.gi-field--compact.inline-check input{justify-self:start;width:auto}@media (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=image]):not([type=hidden]),textarea,select{font-size:max(16px,1em)!important}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=image]):not([type=hidden]),select{min-block-size:var(--gi-field-block,44px)!important}textarea{min-block-size:var(--gi-field-block,44px)}}.gi-status{border:1px solid var(--gianora-border);border-radius:var(--gianora-radius-sm);color:var(--gianora-text-muted);background:var(--gianora-surface-muted);font:400 9px var(--gianora-font-mono)}.gi-status--valid,.gi-status[data-state=valid]{color:var(--gianora-accent);border-color:var(--gianora-accent-warm-strong);background:var(--gianora-accent-muted)}.gi-status--error,.gi-status[data-state=error]{color:#ffabb4;border-color:var(--gianora-danger-border);background:var(--gianora-danger-bg)}.gi-card-grid{grid-template-columns:1fr;gap:1rem;margin:1.5rem 0;display:grid}.gi-nav-card{border:2px solid var(--color-surface-border,var(--gianora-border));border-radius:var(--gianora-radius-xs);color:var(--foreground,var(--gianora-text));background:var(--color-surface-dark,var(--gianora-surface));font-family:var(--font-display,var(--gianora-font-display));text-decoration:none;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:block;position:relative;box-shadow:inset 0 1px #ffffff0d,0 4px #00000080}.gi-nav-card:hover{border-color:var(--color-primary-500,var(--gianora-accent-warm));background:#1a1e2d;transform:translateY(2px);box-shadow:inset 0 1px #ffffff0d,0 2px #00000080}.gi-nav-card:active{box-shadow:none;transform:translateY(4px)}.gi-nav-card__body{z-index:1;flex-direction:column;gap:.5rem;display:flex;position:relative}.gi-nav-card__header{color:var(--color-primary-500,var(--gianora-accent-warm));align-items:center;gap:.75rem;transition:color .15s;display:flex}.gi-nav-card:hover .gi-nav-card__header{color:var(--color-primary-400,var(--gianora-accent-warm-soft))}.gi-nav-card h3{color:var(--foreground,var(--gianora-text-bright));font-family:var(--font-display,var(--gianora-font-display));letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:1.5rem;transition:color .15s}.gi-nav-card:hover h3{color:var(--color-primary-500,var(--gianora-accent-warm))}.gi-nav-card p{color:var(--color-text-dim,var(--gianora-text-soft));font-family:var(--font-sans,var(--gianora-font-sans));margin:0;font-size:.875rem;line-height:1.6;transition:color .15s}.gi-nav-card:hover p{color:var(--color-text-bright,var(--gianora-text-bright))}@media (min-width:768px){.gi-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.control-switcher{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.control-switcher__group{align-items:center;gap:6px;min-width:0;display:flex}.control-switcher__group-label{color:var(--muted,var(--gianora-text-muted));font:700 8px var(--mono,var(--gianora-font-mono));letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.control-switcher__items{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.control-switcher__item{border-radius:var(--gianora-radius-sm,8px);min-width:0;max-width:132px;color:var(--muted,var(--gianora-text-muted));text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;padding:6px 9px;font-size:11px;font-weight:700;text-decoration:none;overflow:hidden}.control-switcher__item:hover,.control-switcher__item:focus-visible{color:var(--gianora-text,#d9e4e7);background:var(--gianora-surface,#ffffff08);outline:none}.control-switcher__item[data-active=true]{color:var(--green,var(--gianora-accent));background:#f3c96517;border-color:#f3c9655c}.control-menu{min-width:0;display:none}.control-menu__toggle{border:1px solid var(--gi-appbar-border,var(--gianora-border));border-radius:var(--gianora-radius-sm,8px);max-width:46vw;min-height:32px;color:var(--gianora-text,#d9e4e7);background:var(--gianora-surface,#ffffff08);cursor:pointer;align-items:center;gap:6px;padding:6px 8px 6px 10px;font-size:11px;font-weight:700;display:inline-flex}.control-menu__current{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.control-menu__chevron{flex:none;transition:transform .12s ease-out}.control-menu__toggle[aria-expanded=true]{color:var(--green,var(--gianora-accent));background:#f3c96517;border-color:#f3c9655c}.control-menu__toggle[aria-expanded=true] .control-menu__chevron{transform:rotate(180deg)}.control-menu__popover{z-index:50;border:1px solid var(--gi-appbar-border,var(--gianora-border));border-radius:var(--gianora-radius-md,12px);background:var(--gi-appbar-surface,#10191d);gap:10px;max-height:calc(100vh - 72px);padding:12px;display:grid;position:absolute;top:calc(100% + 6px);left:8px;right:8px;overflow:auto;box-shadow:0 24px 80px #000b}.control-menu__popover[hidden]{display:none}.control-menu__nav{gap:10px;display:grid}.control-menu__group{gap:4px;display:grid}.control-menu__group-label{color:var(--muted,var(--gianora-text-muted));font:700 8px var(--mono,var(--gianora-font-mono));letter-spacing:.08em;text-transform:uppercase}.control-menu__item{border-radius:var(--gianora-radius-sm,8px);color:var(--muted,var(--gianora-text-muted));border:1px solid #0000;padding:10px;font-size:13px;font-weight:700;text-decoration:none;display:block}.control-menu__item:hover,.control-menu__item:focus-visible{color:var(--gianora-text,#d9e4e7);background:var(--gianora-surface,#ffffff08);outline:none}.control-menu__item:focus-visible{border-color:var(--green,var(--gianora-accent))}.control-menu__item[data-active=true]{color:var(--green,var(--gianora-accent));background:#f3c96517;border-color:#f3c9655c}.control-menu__user{border-top:1px solid var(--gi-appbar-border,var(--gianora-border));justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.control-menu__identity{color:var(--gi-appbar-soft,var(--gianora-text-soft));gap:2px;font-size:12px;display:grid}.control-menu__identity small{color:var(--muted,var(--gianora-text-muted));font:500 9px var(--mono,var(--gianora-font-mono));letter-spacing:.08em;text-transform:uppercase}.gi-appbar{--gi-appbar-bg:#0b1215e8;--gi-appbar-border:#213038;--gi-appbar-text:#e9f0f1;--gi-appbar-muted:#8197a9;--gi-appbar-soft:#b3b9c5;--gi-appbar-accent:#f3c965;--gi-appbar-surface:#10191d;--gi-appbar-mono:"Cascadia Mono", Consolas, "Courier New", monospace;--muted:var(--gi-appbar-muted);--green:var(--gi-appbar-accent);--mono:var(--gi-appbar-mono);--gianora-text:var(--gi-appbar-text);--gianora-text-muted:var(--gi-appbar-muted);--gianora-surface:var(--gi-appbar-surface);--gianora-radius-sm:7px;--gianora-font-mono:var(--gi-appbar-mono);z-index:40;border-bottom:1px solid var(--gi-appbar-border);background:var(--gi-appbar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:48px;padding:6px 16px;display:flex;position:sticky;top:0}.gi-appbar__brand{color:var(--gi-appbar-text);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:9px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.gi-appbar__mark{border-radius:var(--gianora-radius-sm);color:#16130a;background:var(--gi-appbar-accent);place-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:grid}.gi-appbar__switcher{flex:0 auto}.gi-appbar__nav{border-left:1px solid var(--gi-appbar-border);flex-wrap:wrap;align-items:center;gap:4px;padding-left:12px;display:flex}.gi-appbar__nav a,.gi-appbar__nav button{border-radius:var(--gianora-radius-sm);color:var(--gi-appbar-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:6px 10px;font-size:11px;font-weight:700;text-decoration:none}.gi-appbar__nav a:hover,.gi-appbar__nav button:hover{color:var(--gi-appbar-text);background:var(--gi-appbar-surface)}.gi-appbar__nav a[data-active=true],.gi-appbar__nav button[data-active=true],.gi-appbar__nav a[aria-current=page],.gi-appbar__nav button[aria-current=page]{color:var(--gi-appbar-accent);background:#f3c96517;border-color:#f3c9655c}.gi-appbar__spacer{flex:1 1 0}.gi-appbar__actions{align-items:center;gap:10px;display:flex}.gi-appbar__user{align-items:center;gap:12px;display:flex}.gi-appbar__identity{text-align:right;color:var(--gi-appbar-soft);gap:2px;font-size:12px;display:grid}.gi-appbar__identity small{color:var(--gi-appbar-muted);font:500 9px var(--gi-appbar-mono);letter-spacing:.08em;text-transform:uppercase}@media (max-width:900px){.gi-appbar{flex-wrap:nowrap;gap:8px}.gi-appbar__switcher{display:none}.gi-appbar__menu{display:block}.gi-appbar__title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gi-appbar__brand{flex:none}.gi-appbar__user{display:none}.gi-appbar__nav{scrollbar-width:none;flex-wrap:nowrap;min-width:0;overflow-x:auto}.gi-appbar__nav::-webkit-scrollbar{display:none}.gi-appbar__actions{gap:6px;min-width:0}}.gi-section-nav__toggle{display:none}.gi-section-nav__panel{display:contents}.gi-skeleton{gap:8px;width:100%;padding:4px 0;display:grid}.gi-skeleton__row{border-radius:var(--gianora-radius-xs);background:linear-gradient(90deg, var(--gianora-surface-muted) 25%, var(--gianora-surface-deep) 37%, var(--gianora-surface-muted) 63%);background-size:400% 100%;border:1px solid #ffffff08;min-width:0;animation:1.4s infinite gi-skeleton-shimmer;display:block}.gi-skeleton--text .gi-skeleton__row{border:0;height:14px}.gi-skeleton--text .gi-skeleton__row:nth-child(3n+2){width:82%}.gi-skeleton--text .gi-skeleton__row:nth-child(3n){width:68%}.gi-skeleton--list .gi-skeleton__row{height:44px}.gi-skeleton--list .gi-skeleton__row:nth-child(2n){width:94%}.gi-skeleton--table{border:1px solid var(--gianora-border);border-radius:var(--gianora-radius-md);background:var(--gianora-border);gap:1px;padding:0;overflow:hidden}.gi-skeleton--table .gi-skeleton__row{border:0;border-radius:0;height:34px}.gi-skeleton--table .gi-skeleton__row:first-child{filter:brightness(1.12);height:40px}.gi-skeleton--panel{border:1px solid var(--gianora-border);border-radius:var(--gianora-radius-md);background:var(--gianora-surface);align-content:start;min-height:176px;padding:16px}.gi-skeleton--panel .gi-skeleton__row{border:0;height:14px}.gi-skeleton--panel .gi-skeleton__row:first-child{width:46%;height:24px;margin-bottom:14px}.gi-skeleton--panel .gi-skeleton__row:nth-child(3){width:84%}.gi-skeleton--panel .gi-skeleton__row:nth-child(4){width:64%}@keyframes gi-skeleton-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.gi-skeleton__row{animation:none}}@media (max-width:720px){.gi-section-nav__toggle{border:1px solid var(--gianora-border);border-radius:var(--gianora-radius-md);width:100%;min-height:48px;color:var(--gianora-text-bright);background:var(--gianora-surface);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:10px 14px;display:flex}.gi-section-nav[data-open=true] .gi-section-nav__toggle{border-color:var(--gianora-border-strong)}.gi-section-nav__toggle-label{color:var(--gianora-text-muted);font:700 8px/1 var(--gianora-font-mono);letter-spacing:.16em;text-transform:uppercase;flex:none}.gi-section-nav__toggle-active{min-width:0;color:var(--gianora-accent);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:13px;font-weight:700;overflow:hidden}.gi-section-nav__toggle-mark{border-bottom:2px solid;border-right:2px solid;flex:none;width:7px;height:7px;margin-left:auto;transition:transform .12s;transform:translateY(-2px)rotate(45deg)}.gi-section-nav[data-open=true] .gi-section-nav__toggle-mark{transform:translateY(2px)rotate(225deg)}.gi-section-nav__panel{align-content:start;gap:14px;margin-top:10px;display:grid}.gi-section-nav[data-open=false] .gi-section-nav__panel{display:none}}.gi-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.gi-metric{border-radius:var(--gianora-radius-lg);background:linear-gradient(145deg,#152227,#0e171a);border:1px solid #ffffff0f;gap:8px;min-width:0;padding:18px;display:grid;box-shadow:0 4px 12px #0003}.gi-metric span,.gi-metric small{min-width:0;color:var(--gianora-text-muted);text-transform:uppercase;letter-spacing:.08em;overflow-wrap:anywhere;font-size:9px}.gi-metric strong{letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;font-size:22px;overflow:hidden}.gi-metric:first-child strong{color:var(--gianora-accent)}.gi-metric-action{justify-self:start;margin-top:2px;padding:5px 7px;font-size:8px}.gi-fact-list{border:1px solid var(--gianora-border);border-radius:var(--gianora-radius-md);background:var(--gianora-border);gap:1px;margin:0;display:grid;overflow:hidden}.gi-fact{background:#10191d;justify-content:space-between;padding:12px;display:flex}.gi-fact dt{color:var(--gianora-text-muted);font-size:10px}.gi-fact dd{font:500 10px var(--gianora-font-mono);margin:0}.gi-audit-list{padding-left:4px;display:grid}.gi-audit-row{border-top:1px solid #ffffff0a;grid-template-columns:14px 1fr;align-items:start;gap:12px;padding:12px 4px 12px 0;transition:all .2s;display:grid;position:relative}.gi-audit-row:first-child{border-top:0}.gi-audit-row:hover{background:#ffffff05}.gi-audit-mark{background:var(--gianora-accent);z-index:2;border-radius:50%;width:8px;height:8px;margin-top:5px;position:relative;box-shadow:0 0 12px #f3c96599}.gi-audit-row:before{content:"";z-index:1;background:#f3c96526;width:2px;position:absolute;top:18px;bottom:-18px;left:3px}.gi-audit-row:last-child:before{display:none}.gi-audit-row div{gap:4px;display:grid}.gi-audit-row strong{letter-spacing:.02em;color:#e9f0f1;font-size:12px}.gi-audit-row strong:first-letter{text-transform:uppercase}.gi-audit-row small,.gi-audit-category{color:var(--gianora-text-muted);font-size:10px}.gi-revision-list{display:grid}.gi-revision-row{border-top:1px solid var(--gianora-border);justify-content:space-between;align-items:center;gap:16px;padding:12px 4px;display:flex}.gi-revision-row:first-child{border-top:0}.gi-revision-row div{gap:3px;min-width:0;display:grid}.gi-revision-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.gi-revision-row small{font:400 9px var(--gianora-font-mono)}@media (max-width:1100px){.gi-metric-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.gi-metric-grid{grid-template-columns:repeat(2,1fr)}.gi-metric{padding:14px}}.gi-modal{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020607c8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gi-modal--top{z-index:1100}.gi-modal__dialog{border:1px solid var(--gianora-border);border-radius:var(--gianora-radius-lg);background:linear-gradient(145deg,#111b1f,#0e171a);width:min(520px,100%);max-height:calc(100vh - 48px);padding:18px;position:relative;overflow:auto;box-shadow:0 24px 90px #000b}.gi-modal__dialog:focus{outline:none}.gi-modal__dialog--sm{width:min(420px,100%)}.gi-modal__dialog--md{width:min(520px,100%)}.gi-modal__dialog--lg{width:min(720px,100%)}.gi-confirm{gap:14px;display:grid}.gi-confirm__title{letter-spacing:-.02em;margin:0;font-size:16px}.gi-confirm__message{color:var(--gianora-text-muted);white-space:pre-line;font-size:13px;line-height:1.5}.gi-confirm__actions{justify-content:flex-end;gap:8px;display:flex}.gi-toasts{z-index:1200;pointer-events:none;justify-items:end;gap:8px;display:grid;position:fixed;bottom:18px;right:18px}.gi-toast{pointer-events:auto;border:1px solid var(--gianora-border-strong);border-radius:var(--gianora-radius-md);width:-moz-fit-content;width:fit-content;max-width:min(380px,100vw - 36px);color:var(--gianora-text);font:500 13px/1.45 var(--gianora-font-sans);text-align:left;background:linear-gradient(145deg,#111b1f,#0e171a);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 10px 10px 14px;animation:.16s ease-out gi-toast-in;display:grid;box-shadow:0 14px 40px #000a}.gi-toast[data-tone=success]{border-color:var(--gianora-ok);color:var(--gianora-ok)}.gi-toast[data-tone=danger]{border-color:var(--gianora-danger-border);color:var(--gianora-danger);background:linear-gradient(145deg,#1c1114,#140d10)}.gi-toast__message{overflow-wrap:anywhere;align-self:center;min-width:0}.gi-toast__dismiss{border-radius:var(--gianora-radius-sm);color:currentColor;width:26px;height:26px;font:600 20px/1 var(--gianora-font-sans);cursor:pointer;opacity:.72;background:0 0;border:0;place-items:center;margin:-3px -3px -3px 0;padding:0;display:inline-grid}.gi-toast__dismiss:hover{opacity:1;background:#ffffff12}.gi-toast__dismiss:focus-visible{outline-offset:1px;opacity:1;outline:2px solid}@keyframes gi-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gi-not-found{background:var(--gianora-surface);border:1px solid var(--gianora-border);border-radius:var(--gianora-radius-lg);gap:10px;padding:24px;display:grid}.gi-not-found__eyebrow{color:var(--gianora-accent);font:600 10px/1 var(--gianora-font-mono);letter-spacing:.08em;text-transform:uppercase}.gi-not-found__title{font:600 var(--gianora-text-xl)/1.2 var(--gianora-font-sans);color:var(--gianora-text-bright);margin:0}.gi-not-found__detail{color:var(--gianora-text-muted);font-size:var(--gianora-text-sm);margin:0}.gi-not-found__detail code{color:var(--gianora-text-bright);font:500 12px var(--gianora-font-mono);overflow-wrap:anywhere}.gi-not-found__actions{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}@font-face{font-family:Pixel Operator;src:url(/fonts/PixelOperator.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pixel Operator;src:url(/fonts/PixelOperator-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--panel-bg:#281b0ff2;--panel-bg-deep:#180f08eb;--panel-border:#2a1a0e;--panel-wood:#5a3a22;--panel-edge:#936231;--parchment:#e7d6ad;--parchment-ink:#3a2a16;--leather:#160e07db;--text:#efdcb1;--text-dim:#b9a079;--text-soft:#d8c39a;--accent:#e8c84e;--accent-strong:#f4dd7a;--accent-deep:#b9892a;--hp:#79c264;--hp-low:#e0584a;--danger:#e0584a;--font:"Pixel Operator", ui-monospace, "Cascadia Mono", Consolas, monospace;--font-num:"Departure Mono", ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--text);background:#1a120a;margin:0;overflow:hidden}#game,#game canvas{position:fixed;inset:0}#game canvas{image-rendering:pixelated;touch-action:none;display:block}#react-ui{pointer-events:none;z-index:10;position:fixed;inset:0}.panel{pointer-events:auto;background:var(--panel-bg);border:3px solid var(--panel-wood);box-shadow:inset 0 0 0 1px var(--panel-border), inset 1px 1px 0 0 #be8a4e73, inset -1px -1px 0 0 #0000008c, 0 5px 16px #0000008c;border-radius:3px}.panel-title{letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--panel-border);padding:6px 8px 4px;font-size:11px}#hud{align-items:center;gap:9px;padding:6px 11px 6px 6px;font-size:12px;display:flex;position:absolute;top:12px;left:12px}.hud-portrait{width:44px;height:44px;image-rendering:pixelated;background:var(--leather);border:1px solid var(--panel-edge);border-radius:2px;flex:none}.hud-info{flex-direction:column;gap:3px;min-width:146px;display:flex}.hud-name-row{align-items:center;gap:7px;display:flex}#hud-name{color:var(--accent)}.hud-hp{background:#1a0f10;border:1px solid #000;border-radius:2px;height:13px;position:relative;overflow:hidden}.hud-hp-fill{background:linear-gradient(#79c264,#3c8746);height:100%;transition:width .25s steps(6,end)}.hud-hp[data-low] .hud-hp-fill{background:linear-gradient(#e0584a,#a8362c)}.hud-hp-text{font-family:var(--font-num);text-align:center;color:#f3e4c0;text-shadow:1px 1px #000;font-size:10px;line-height:13px;position:absolute;inset:0}.hud-sub{justify-content:space-between;gap:8px;display:flex}#hud-action{color:var(--accent-deep);font-style:italic}#hud-action:empty{display:none}#hud-pos{color:var(--text-dim)}#sidebar{flex-direction:column;width:232px;max-height:calc(100vh - 156px);display:flex;position:absolute;top:144px;right:12px}.tab-strip{border-bottom:1px solid var(--panel-border);display:flex}.tab-btn{border:none;border-right:1px solid var(--panel-border);color:var(--text-dim);cursor:pointer;background:#160e0780;flex:1;justify-content:center;align-items:center;padding:9px 0;display:flex}.tab-icon{width:20px;height:20px;display:block}.tab-btn:hover{color:var(--text)}.tab-btn.active{background:var(--panel-bg);color:var(--accent);box-shadow:inset 0 2px 0 0 var(--accent)}#sidebar-collapse{width:28px;color:var(--text-dim);font-family:var(--font);cursor:pointer;background:#160e0780;border:none;flex:none;font-size:14px;line-height:1}#sidebar-collapse:hover{color:var(--accent)}.tab-body{scrollbar-width:thin;scrollbar-color:var(--panel-border) transparent;overflow-y:auto}#sidebar.collapsed .tab-body{display:none}#sidebar.collapsed .tab-btn{opacity:.85}.tab-pane[hidden]{display:none}#tab-account:not([hidden]){flex-direction:column;gap:8px;padding:10px;display:flex}#account-form{flex-direction:column;gap:8px;margin:0;display:flex}#rename-form{border-top:1px solid var(--panel-border);flex-direction:column;gap:6px;margin:0;padding-top:8px;display:flex}.panel-subtitle{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:10px}#rename-row{gap:8px;display:flex}#rename-input{flex:1;min-width:0}#rename-submit{border:1px solid var(--panel-border);color:var(--text);font-family:var(--font);cursor:pointer;background:#160e07d9;border-radius:2px;padding:7px 10px;font-size:12px}#rename-submit:hover{color:var(--accent);border-color:var(--panel-edge)}#account-user,#account-pass,#rename-input{border:1px solid var(--panel-border);color:var(--text);font-family:var(--font);background:#160e07d9;outline:none;padding:7px 9px;font-size:12px}#account-user:focus,#account-pass:focus,#rename-input:focus{box-shadow:inset 0 0 0 1px var(--panel-edge)}#account-buttons{gap:8px;display:flex}#account-buttons button,#account-logout,#account-switch,#account-leave{border:1px solid var(--panel-border);color:var(--text);font-family:var(--font);cursor:pointer;background:#160e07d9;border-radius:2px;flex:1;padding:7px 0;font-size:12px}#account-leave{width:100%}#account-buttons button:hover,#account-logout:hover,#account-switch:hover,#account-leave:hover{color:var(--accent);border-color:var(--panel-edge)}#account-leave[hidden]{display:none}#account-note{color:var(--text-dim);font-size:11px;line-height:1.4}#account-session{flex-direction:column;gap:8px;display:flex}#account-form[hidden],#account-session[hidden]{display:none}#account-who{color:var(--accent);font-size:12px}#account-error{color:#d8434e;font-size:11px;line-height:1.4}.status-dot{background:#777;border-radius:50%;width:8px;height:8px;box-shadow:0 0 4px #0009}.status-dot[data-state=connected]{background:#4cc35e;box-shadow:0 0 6px #4cc35e88}.status-dot[data-state=connecting]{background:var(--accent)}.status-dot[data-state=disconnected]{background:#d8434e}#main-menu{z-index:100;background:#160d06;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#main-menu[hidden]{display:none}#menu-backdrop{z-index:0;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.menu-scrim{z-index:1;pointer-events:none;background:radial-gradient(120% 95% at 50% 38%,#1a110959 30%,#120b05db 100%),linear-gradient(#120b058c,#120b0533 40%,#120b05b3);position:absolute;inset:0}.menu-card{z-index:2;border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);scrollbar-width:thin;scrollbar-color:var(--panel-border) transparent;background:linear-gradient(#2e1f12ed,#1c1209f2);border-radius:8px;width:min(340px,100%);max-height:calc(100vh - 40px);padding:26px 24px 16px;position:relative;overflow-y:auto;box-shadow:inset 0 1px #be8a4e38,0 18px 60px #000000a8,0 0 0 1px #00000080}.menu-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.7;height:2px;position:absolute;inset:0 24px auto}.menu-brand{text-align:center;margin:0 0 22px}.menu-title{letter-spacing:8px;text-indent:8px;text-transform:uppercase;background:linear-gradient(180deg, #f4dd7a, var(--accent) 55%, #b9952f);color:#0000;filter:drop-shadow(0 2px #0000008c)drop-shadow(0 0 14px #e8c84e40);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(30px,9vw,38px);font-weight:700}.menu-tagline{letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin:7px 0 0;font-size:11px}.menu-view{flex-direction:column;gap:10px;margin:0;display:flex}.menu-view[hidden]{display:none}.menu-btn{border:1px solid var(--panel-border);color:var(--text);font-family:var(--font);letter-spacing:1px;cursor:pointer;background:#160e07b3;border-radius:4px;min-height:44px;padding:11px 14px;font-size:13px;transition:border-color .15s,background-color .15s,color .15s,transform 50ms}.menu-btn:hover:not(:disabled){color:var(--accent);border-color:var(--panel-edge);background:#2e1f12e6}.menu-btn:active:not(:disabled){transform:translateY(1px)}.menu-btn:disabled{opacity:.45;cursor:default}.menu-btn.primary{background:linear-gradient(180deg, #f0d265, var(--accent) 60%, #cda736);color:#1b1606;text-shadow:none;border-color:#0000;font-weight:700}.menu-btn.primary:hover:not(:disabled){color:#1b1606;background:linear-gradient(#f6dd7e,#f0d052 60%,#d8b03d)}.menu-btn.danger{color:#f0a49b;border-color:#e0584aa6}.menu-btn.danger:hover:not(:disabled){border-color:var(--danger);color:#ffd0ca;background:#561c14d1}.menu-btn:focus-visible,.menu-input:focus-visible,.menu-icon-btn:focus-visible,.trait-arrow:focus-visible,.menu-toggle input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-row{gap:10px;display:flex}.menu-row .menu-btn{flex:1}.menu-input{border:1px solid var(--panel-border);color:var(--text);font-family:var(--font);background:#160e07d9;border-radius:2px;outline:none;padding:9px 10px;font-size:13px}.menu-input:focus{box-shadow:inset 0 0 0 1px var(--panel-edge)}.menu-error{color:#d8434e;min-height:2.8em;font-size:11px;line-height:1.4}.menu-error:empty,.menu-status:empty{visibility:hidden}.menu-status{text-align:center;letter-spacing:1px;min-height:1.4em;color:var(--text-dim);margin-top:14px;font-size:11px;line-height:1.4}#creator-preview,#manage-preview{width:96px;height:96px;image-rendering:pixelated;border:1px solid var(--panel-border);background:#160e07d9;border-radius:2px;align-self:center}.character-traits{flex-direction:column;gap:6px;display:flex}.trait-row{align-items:center;gap:8px;display:flex}.trait-label{color:var(--text-dim);letter-spacing:1px;flex:1;font-size:12px}.trait-swatch{border:1px solid var(--panel-edge);width:22px;height:22px;image-rendering:pixelated;border-radius:2px}.trait-arrow{border:1px solid var(--panel-border);width:44px;height:44px;color:var(--text);font-family:var(--font);cursor:pointer;background:#160e07d9;border-radius:2px;font-size:15px;line-height:1}.trait-arrow:hover:not(:disabled){color:var(--accent);border-color:var(--panel-edge)}.trait-arrow:disabled{opacity:.45;cursor:default}.menu-subtitle{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);text-align:center;margin-bottom:2px;font-size:10px}#roster-list{scrollbar-width:thin;scrollbar-color:var(--panel-border) transparent;flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.roster-row{border:1px solid var(--panel-border);background:#160e07d9;border-radius:2px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:6px 10px;padding:6px 8px;display:grid}.roster-thumb{width:48px;height:48px;image-rendering:pixelated;grid-row:1/span 2}.roster-name{min-width:0;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.roster-actions{gap:6px;display:flex}.roster-actions .menu-btn{flex:1;min-height:44px;padding:6px 8px;font-size:12px}.menu-foot{border-top:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding-top:12px;display:flex}.menu-server{letter-spacing:.5px;color:var(--text-dim);align-items:center;gap:7px;font-size:11px;display:inline-flex}.menu-icon-btn{color:var(--text-dim);font-family:var(--font);letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:6px 8px;font-size:11px;transition:color .15s,border-color .15s}.menu-icon-btn:hover{color:var(--accent);border-color:var(--panel-border)}.menu-version{text-align:center;letter-spacing:.5px;color:#8b93ad99;margin-top:10px;font-size:10px}.menu-version a{color:inherit;border-bottom:1px dotted #8b93ad66;text-decoration:none}.menu-version a:hover{color:var(--accent)}.menu-settings{z-index:3;border:1px solid var(--panel-edge);background:linear-gradient(#302113fa,#1c1209fa);border-radius:8px;flex-direction:column;gap:12px;width:min(300px,100% - 40px);padding:14px 16px 16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 60px #000000b3}.menu-settings[hidden]{display:none}.menu-settings-head{letter-spacing:2px;text-transform:uppercase;color:var(--accent);justify-content:space-between;align-items:center;font-size:12px;display:flex}.menu-toggle{color:var(--text);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.menu-toggle input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.menu-toggle em{color:var(--text-dim);font-size:11px;font-style:italic}@media (max-width:460px){.menu-card{width:100%;padding:22px 18px 14px}.menu-title{letter-spacing:6px}}@media (max-height:560px){.menu-brand{margin-bottom:14px}#creator-preview{width:72px;height:72px}}@media (prefers-reduced-motion:reduce){.menu-btn,.menu-icon-btn{transition:none}}#chat-panel{flex-direction:column;width:360px;display:flex;position:absolute;bottom:12px;left:12px}#chat-log{scrollbar-width:thin;scrollbar-color:var(--panel-border) transparent;flex-direction:column;gap:3px;height:150px;padding:8px 10px;display:flex;overflow-y:auto}.chat-line{word-break:break-word;font-size:12px;line-height:1.45}.chat-line.system{color:var(--text-dim);font-style:italic}.chat-name{color:var(--accent)}#chat-input{border:none;border-top:1px solid var(--panel-border);color:var(--text);font-family:var(--font);background:#160e07d9;outline:none;padding:8px 10px;font-size:12px}#chat-input:focus{box-shadow:inset 0 0 0 1px var(--panel-edge);background:#160e07}#chat-input::placeholder{color:var(--text-dim)}#inventory-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:46px;gap:4px;padding:10px;display:grid}.inv-cell{background:#160e07cc;border:1px solid #4a331f;border-radius:2px;position:relative}.inv-cell.filled{border-color:var(--panel-edge)}.inv-cell.filled:hover{border-color:var(--accent);cursor:help}.inv-cell.edible:hover{cursor:pointer;border-color:#7ec97f}.inv-cell.pop{animation:.28s ease-out inv-pop}@keyframes inv-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}.inv-icon{color:#ffffffeb;text-shadow:1px 1px #000000b3;image-rendering:pixelated;border-radius:2px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:7px}.inv-icon.inv-sprite{background:0 0;width:calc(100% - 8px);height:calc(100% - 8px);inset:4px}.inv-qty{font-family:var(--font-num);color:var(--accent);text-shadow:1px 1px #000;font-size:10px;font-weight:700;position:absolute;bottom:2px;right:3px}#skills-list{flex-direction:column;gap:8px;padding:10px;display:flex}.skill-row{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:3px 8px;font-size:12px;display:grid}.skill-name{color:var(--text)}.skill-level{font-family:var(--font-num);color:var(--accent);font-weight:700}.skill-track{background:#160e07d9;border:1px solid #4a331f;grid-column:1/-1;height:6px}.skill-bar{background:linear-gradient(#5fae54,#3c8746);width:0;height:100%;transition:width .3s steps(8,end)}#craft-list{flex-direction:column;gap:6px;padding:10px;display:flex}.craft-empty{color:var(--text-dim);text-align:center;padding:16px 12px;font-size:12px}.recipe-row{text-align:left;width:100%;color:var(--text);cursor:pointer;font:inherit;background:#160e078c;border:1px solid #4a331f;border-radius:3px;align-items:center;gap:10px;padding:6px;transition:background .12s,border-color .12s;display:flex}.recipe-row:hover:not(:disabled){border-color:var(--accent);background:#3c2814b3}.recipe-row.locked{cursor:default;opacity:.55}.recipe-icon{background:#0c080499;border:1px solid #3a2817;border-radius:2px;flex:none;width:34px;height:34px;position:relative}.recipe-text{flex-direction:column;gap:2px;min-width:0;display:flex}.recipe-name{color:var(--text);font-size:12px;font-weight:700}.recipe-needs{font-family:var(--font-num);color:var(--text-dim);font-size:11px}#xp-toasts{pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:16px;right:256px}.xp-toast{font-family:var(--font-num);color:var(--accent);text-shadow:1px 1px #000;font-size:12px;font-weight:700;animation:1.4s ease-out forwards xp-rise}.xp-toast.levelup{color:var(--accent-strong);text-shadow:0 0 6px #f4dd7a99,1px 1px #000;font-size:15px;animation:2.6s ease-out forwards xp-rise}.xp-toast.place{color:#bff5ef;text-shadow:1px 1px #000;background:#051113d1;border:1px solid #7ed8d06b;border-radius:4px;padding:3px 7px;animation:2.2s ease-out forwards xp-rise}@keyframes xp-rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-26px)}}#quests-list{flex-direction:column;gap:8px;display:flex}.quest-empty{color:var(--text-dim);padding:4px 0;font-size:12px}.quest-card{border:1px solid var(--panel-border);border-left:3px solid var(--panel-border);background:#160e078c;padding:7px 8px;font-size:12px}.quest-card.active{border-left-color:var(--accent)}.quest-card.done{opacity:.72;border-left-color:#3c8746}.quest-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.quest-name{color:var(--text);font-weight:700}.quest-status{color:var(--text-dim);white-space:nowrap;font-size:11px}.quest-card.done .quest-status{color:#5fae54}.quest-desc{color:var(--text-dim);margin:3px 0 5px}.quest-objectives{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.quest-obj{color:var(--text)}.quest-obj.met{color:#5fae54}.quest-accept{border:1px solid var(--panel-border);width:100%;color:var(--accent);font-family:var(--font);cursor:pointer;background:#160e07d9;margin-top:6px;padding:5px;font-size:12px}.quest-accept:hover{border-color:var(--panel-edge)}#quest-dialog{z-index:50;pointer-events:auto;background:#04060c99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#quest-dialog[hidden]{display:none}.quest-dialog-card{width:min(380px,92vw);max-height:80vh;padding:12px;overflow-y:auto}.quest-dialog-head{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}#quest-dialog-title{color:var(--accent);font-weight:700}#quest-dialog-close{color:var(--text-dim);font-family:var(--font);cursor:pointer;background:0 0;border:none;font-size:14px}#quest-dialog-close:hover{color:var(--text)}#quest-dialog-body{flex-direction:column;gap:8px;display:flex}.npc-line{color:var(--text);margin:0 0 4px;font-style:italic;line-height:1.4}.npc-response{text-align:left;border:1px solid var(--panel-border);width:100%;color:var(--accent);font-family:var(--font);cursor:pointer;background:#160e07d9;padding:7px 9px;font-size:12px}.npc-response:hover{border-color:var(--panel-edge)}.shop-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.shop-item{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:12px;overflow:hidden}.shop-action{text-align:center;white-space:nowrap;flex:none;width:auto}#react-ui{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (pointer:coarse),(max-width:640px){.tab-btn{min-height:44px}.tab-icon{width:22px;height:22px}#sidebar-collapse{width:44px;min-height:44px;font-size:18px}#inventory-grid{grid-auto-rows:56px;gap:6px}.inv-cell.filled{border-color:var(--panel-edge)}.inv-cell.edible{border-color:#7ec97f}#chat-input{min-height:44px;font-size:16px}#account-buttons button,#rename-submit,#account-leave,#account-switch,#account-logout,#manage-save,#manage-back,#manage-delete{min-height:44px}}@media (max-width:640px){#chat-panel{width:calc(100vw - 24px);max-width:360px}#sidebar{width:min(232px,100vw - 24px)}#xp-toasts{right:12px}}#minimap{padding:5px;line-height:0;position:absolute;top:12px;right:12px}.minimap-canvas{width:110px;height:110px;image-rendering:pixelated;border:1px solid var(--panel-border);border-radius:2px;display:block}.minimap-compass{color:var(--text-soft);text-shadow:1px 1px #000;font-size:11px;line-height:1;position:absolute;top:9px;left:11px}#target-frame{width:184px;padding:6px 9px 8px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.target-head{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.target-name{color:var(--accent);font-size:12px}.target-hp-text{font-family:var(--font-num);color:var(--text-dim);font-size:11px}.target-bar{background:#1a0f10;border:1px solid #000;border-radius:2px;height:9px;overflow:hidden}.target-bar-fill{background:linear-gradient(#e0584a,#a8362c);height:100%;transition:width .2s steps(6,end)}#hotbar{gap:4px;padding:5px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hotbar-slot{background:var(--leather);cursor:pointer;width:42px;height:42px;font-family:var(--font);border:1px solid #4a331f;border-radius:2px;padding:0;position:relative}.hotbar-slot.filled{border-color:var(--panel-edge)}.hotbar-slot.filled:hover{border-color:var(--accent)}.hotbar-key{color:var(--text-dim);font-size:9px;position:absolute;top:1px;left:3px}.hotbar-slot .inv-icon{color:#ffffffeb;text-shadow:1px 1px #000000b3;image-rendering:pixelated;border-radius:2px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;inset:8px}.hotbar-qty{font-family:var(--font-num);color:var(--accent);text-shadow:1px 1px #000;font-size:10px;font-weight:700;position:absolute;bottom:1px;right:3px}.game-tip{z-index:80;pointer-events:none;background:var(--panel-bg-deep);border:1px solid var(--panel-edge);border-radius:3px;max-width:220px;padding:6px 9px;position:fixed;box-shadow:0 6px 16px #0000008c}.item-tip-body{flex-direction:column;gap:2px;display:flex}.item-tip-name{color:var(--accent);font-size:12px}.item-tip-line{color:var(--text-soft);font-size:11px}.item-tip-bonus{color:var(--hp);font-size:11px}.item-tip-examine{color:var(--text-dim);font-size:11px;font-style:italic;line-height:1.35}#game-settings{pointer-events:auto;position:absolute;bottom:12px;right:12px}#game-settings-btn{width:34px;height:34px;color:var(--text-soft);cursor:pointer;padding:0;font-size:16px;line-height:1}#game-settings-btn:hover{color:var(--accent)}.game-settings-panel{flex-direction:column;gap:9px;width:204px;padding:10px 12px 12px;display:flex;position:absolute;bottom:44px;right:0}.game-settings-head{letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-size:11px}.game-settings-action{border-top:1px solid var(--panel-border);color:var(--text);font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border-bottom:none;border-left:none;border-right:none;margin-top:3px;padding-top:11px;font-size:12px}.game-settings-action:hover{color:var(--accent)}@media (max-width:640px){#hud{gap:7px;padding:5px 9px 5px 5px}.hud-info{min-width:116px}#minimap{padding:4px}.minimap-canvas{width:84px;height:84px}#sidebar{max-height:calc(100vh - 200px);top:112px}#target-frame{width:min(184px,100vw - 24px);top:96px}#hotbar{gap:5px;bottom:10px}.hotbar-slot{width:48px;height:48px}#game-settings,#chat-panel{bottom:66px}#chat-log{height:96px}}#gear-pane{padding:4px 4px 10px}.paperdoll{grid-template-columns:repeat(3,1fr);grid-template-areas:".head.""weapon body shield""hands legs cape""feet amulet ring";gap:5px;padding:8px 8px 4px;display:grid}.gear-slot{aspect-ratio:1;background:var(--leather);cursor:default;font-family:var(--font);border:1px solid #4a331f;border-radius:2px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.gear-slot.filled{border-color:var(--panel-edge);cursor:pointer}.gear-slot.filled:hover{border-color:var(--accent)}.gear-slot-label{text-align:center;color:var(--text-dim);font-size:9px;line-height:1.1}.gear-slot .inv-icon{color:#ffffffeb;text-shadow:1px 1px #000000b3;image-rendering:pixelated;border-radius:2px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:6px}.gear-bonuses{border-top:1px solid #4a331f;flex-direction:column;gap:3px;margin:6px 8px 0;padding-top:8px;display:flex}.gear-bonus{justify-content:space-between;font-size:12px;display:flex}.gear-bonus span:first-child{color:var(--text-dim)}.gear-bonus span:last-child{color:var(--hp)}.tab-btn:focus-visible,#sidebar-collapse:focus-visible,.hotbar-slot:focus-visible,.gear-slot:focus-visible,#game-settings-btn:focus-visible,.game-settings-action:focus-visible,.npc-response:focus-visible,.quest-accept:focus-visible,.recipe-row:focus-visible,.inv-cell.filled:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){.skill-bar,.hud-hp-fill,.target-bar-fill,.xp-toast,.xp-toast.levelup,.inv-cell.pop{transition:none;animation:none}}