:root{--somnio-cap-inset:18px;--somnio-content-padding:20px;--somnio-plate-inset:3px;--somnio-plate:#0009;--somnio-plate-solid:#0c0a10f0;--somnio-edge-padding:12px;--somnio-ink:#f2ead9;--somnio-ink-dim:#b9ae98;--somnio-secondary-text:#ffffffb3;--somnio-chat-purple:#d88ce8;--somnio-chat-red:#ff6e6e;--somnio-chat-blue:#82b4ff;--somnio-font:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--somnio-ink);font-family:var(--somnio-font);-webkit-user-select:none;user-select:none;background:#05060a;margin:0;font-size:13px;overflow:hidden}#somnio-root{width:100%;height:100%;position:relative}#somnio-canvas{width:100%;height:100%;display:block}.fantasy-panel,.fantasy-button{border:0 solid #0000;border-image-slice:36;border-image-width:var(--somnio-cap-inset);background-repeat:no-repeat;background-origin:border-box;background-clip:border-box;background-position:var(--somnio-plate-inset) var(--somnio-plate-inset);background-size:calc(100% - 2 * var(--somnio-plate-inset)) calc(100% - 2 * var(--somnio-plate-inset));border-image-repeat:stretch}.fantasy-panel{padding:var(--somnio-content-padding);background-image:linear-gradient(var(--somnio-plate), var(--somnio-plate));border-image-source:url(/assets/UI/panel-primary.png)}.fantasy-panel--opaque{--somnio-plate:var(--somnio-plate-solid)}.fantasy-button{min-width:96px;color:var(--somnio-ink);font:inherit;cursor:pointer;background-image:linear-gradient(#000c,#000c);border-image-source:url(/assets/UI/panel-button.png);padding:8px 18px;font-weight:500}.fantasy-button:hover:enabled,.fantasy-button:focus-visible{border-image-source:url(/assets/UI/panel-button-hover.png)}.fantasy-button:active:enabled{background-image:linear-gradient(#0000008c,#0000008c)}.fantasy-button:disabled{cursor:default;opacity:.4}.fantasy-button--compact{min-width:0;padding:8px 10px}.fantasy-button:has(>.fantasy-icon){place-items:center;display:grid}.fantasy-icon{width:20px;height:20px}.fantasy-divider{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 1.5px;border:0;height:6px;margin:6px 0}.fantasy-field{color:#fff;width:100%;font:inherit;resize:none;background:#00000080;border:1px solid #ffffff59;padding:6px}.fantasy-field:focus{border-color:#ffffffb3;outline:none}.floating{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.floating--top-leading{top:var(--somnio-edge-padding);left:var(--somnio-edge-padding)}.floating--bottom-leading{bottom:var(--somnio-edge-padding);left:var(--somnio-edge-padding)}.floating--top-trailing{top:var(--somnio-edge-padding);right:var(--somnio-edge-padding);align-items:flex-end}.floating--bottom-trailing{bottom:var(--somnio-edge-padding);right:var(--somnio-edge-padding);align-items:flex-end}.hud-panel{flex-direction:column;gap:6px;display:flex}.hud-bar__track{background:#0000008c;border:1px solid #ffffffb3;width:150px;height:10px;position:relative}.hud-bar__fill{width:0;position:absolute;inset:0 auto 0 0}.chat-panel{flex-direction:column;gap:8px;width:380px;display:flex}.chat-panel .fantasy-field{height:64px;padding:9px;line-height:16px}.chat-scrollback{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;height:180px;overflow-y:auto}.chat-line{margin:0 0 3px;line-height:1.35}.chat-line--ownMessage{color:var(--somnio-chat-purple)}.chat-line--peerMessage,.chat-line--npcMessage,.chat-line--itemInfo{color:#fff}.chat-line--adminBroadcast,.chat-line--error{color:var(--somnio-chat-red)}.chat-line--joinLeave,.chat-line--startupGreeting{color:var(--somnio-chat-blue);font-style:italic}.trailing-column{flex-direction:column;gap:4px;width:180px;display:flex}.trailing-list{overflow-y:auto}.trailing-list--players{height:260px}.trailing-list--items{height:150px}.list-footer{color:var(--somnio-secondary-text)}.list-row{color:#fff;cursor:default;align-items:baseline;gap:4px;padding:1px 0;display:flex}.list-row--activatable{cursor:pointer}.list-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.list-row__marker{text-align:right;width:24px}.overlay-scrim{background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-card{width:min(440px,100vw - 48px);max-height:calc(100vh - 48px);overflow-y:auto}.overlay-card--wide{width:min(560px,100vw - 48px)}.overlay-card--menu{width:min(280px,100vw - 48px)}.overlay-title{color:#fff;align-items:center;gap:10px;margin:0 0 10px;font-size:15px;font-weight:700;display:flex}.overlay-title--large{font-size:26px}.overlay-title:before,.overlay-title:after{content:"";border:0 solid #0000;border-image-source:url(/assets/UI/divider.png);border-image-slice:0 48 0 24 fill;border-image-width:0 24px 0 12px;flex:1;height:22px}.overlay-title:after{transform:scaleX(-1)}.menu-actions{flex-direction:column;gap:10px;display:flex}.menu-actions .fantasy-button{width:100%}.about-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.about-panel p{margin:0}.about-panel .overlay-title,.about-panel .fantasy-divider,.about-panel .about-credits{align-self:stretch;margin:0}.about-caption,.about-credits{font-size:10px}.about-blurb{max-width:360px}.about-credits{color:var(--somnio-secondary-text);flex-direction:column;gap:2px;display:flex}.about-panel .form-actions{margin-top:0}.form-row{grid-template-columns:110px 1fr;align-items:center;gap:8px;margin-bottom:8px;display:grid}.form-row--checkbox{grid-template-columns:auto 1fr}.form-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.form-error{color:var(--somnio-chat-red);margin:4px 0 0}.form-note{color:var(--somnio-ink-dim);margin:6px 0 0}.link-button{color:#b7d9ff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.blocking-notice{background:#05060a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hidden{display:none!important}