*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#020917;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;position:relative}canvas{display:block}.loading-overlay{z-index:20;opacity:0;background:#020917f2;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.loading-overlay--visible{opacity:1}.loading-text{color:#8a7e6e;letter-spacing:.15em;font-family:Georgia,Times New Roman,serif;font-size:1.3rem;animation:1.5s ease-in-out infinite pulse}.hud-placeholder{text-align:center;z-index:10;position:absolute;top:20px;left:0;right:0}.hud-text{color:#6a6575;letter-spacing:.05em;font-size:.9rem}.hud-text kbd{color:#c8bda8;background:#6444cc33;border:1px solid #6444cc66;border-radius:3px;padding:2px 6px;font-family:inherit}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.pause-overlay{z-index:30;opacity:0;background:#020917b3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pause-overlay--visible{opacity:1}.pause-overlay__panel{flex-direction:column;align-items:center;gap:16px;display:flex}.pause-overlay__title{color:#c8bda8;letter-spacing:.15em;margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:2rem}.pause-overlay__btn{color:#c8bda8;cursor:pointer;letter-spacing:.08em;background:#6444cc26;border:1px solid #6444cc66;border-radius:4px;min-width:220px;padding:10px 32px;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;transition:background .15s,border-color .15s}.pause-overlay__btn:hover,.pause-overlay__btn:focus{background:#6444cc4d;border-color:#6444ccb3;outline:none}.pause-overlay__btn:disabled{opacity:.4;cursor:default;pointer-events:none}.save-slot-btn{text-align:center;width:380px}.loot-tooltip{z-index:15;text-align:center;pointer-events:none;background:#020917d9;border:1px solid #ffffff26;border-radius:6px;flex-direction:column;gap:4px;padding:8px 16px;display:flex;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.loot-tooltip__name{letter-spacing:.05em;font-family:Georgia,Times New Roman,serif;font-size:.95rem;font-weight:700}.loot-tooltip__hint{color:#6a6058;letter-spacing:.03em;font-size:.7rem}.loot-tooltip__hint kbd{color:#8a7e6e;background:#ffffff1a;border:1px solid #fff3;border-radius:3px;padding:1px 5px;font-size:.7rem}.room-code-ui{z-index:25;opacity:0;background:#020917d9;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.room-code-ui--visible{opacity:1}.room-code-ui__panel{flex-direction:column;align-items:center;gap:12px;min-width:500px;display:flex}.room-code-ui__title{color:#c8bda8;letter-spacing:.12em;margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:1.8rem}.room-code-ui__form{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.room-code-ui__input{color:#e8dcc8;box-sizing:border-box;background:#141228e6;border:1px solid #6444cc66;outline:none;width:100%;padding:12px 16px;font-family:Courier New,monospace;font-size:1rem;transition:border-color .2s}.room-code-ui__input:focus{border-color:#6444cccc;box-shadow:0 0 12px #6444cc33}.room-code-ui__name-input{text-align:center;align-self:center;max-width:300px;margin-bottom:20px}.room-code-ui__section{flex-direction:column;gap:10px;width:100%;display:flex}.room-code-ui__section-label{color:#e8dcc8;letter-spacing:.1em;text-shadow:0 0 10px #6444cc66;font-family:Georgia,Times New Roman,serif;font-size:1.1rem}.room-code-ui__row{align-items:stretch;gap:12px;width:100%;display:flex}.room-code-ui__seed-row{flex:1;align-items:stretch;gap:0;display:flex}.room-code-ui__seed-row .room-code-ui__seed-input{border-right:none;flex:1}.room-code-ui__seed-random{color:#c8bda8;cursor:pointer;background:linear-gradient(135deg,#1e1932cc,#141228e6);border:1px solid #6444cc4d;justify-content:center;align-items:center;padding:0 16px;font-size:1.3rem;transition:all .2s;display:flex}.room-code-ui__seed-random:hover{color:#e8dcc8;border-color:#6444ccb3}.room-code-ui__divider{background:#6444cc4d;width:100%;height:1px;margin:10px 0}.room-code-ui__row>.room-code-ui__input{flex:1}.room-code-ui__btn{color:#c8bda8;letter-spacing:.1em;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1e1932cc,#141228e6);border:1px solid #6444cc4d;padding:12px 20px;font-family:Georgia,Times New Roman,serif;font-size:1rem;transition:all .2s;position:relative;overflow:hidden}.room-code-ui__btn:before{content:"";background:linear-gradient(90deg,#0000,#6444cc26,#0000);transition:transform .3s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.room-code-ui__btn:hover{color:#e8dcc8;text-shadow:0 0 10px #6444cc66;border-color:#6444ccb3;transform:scale(1.02)}.room-code-ui__btn:hover:before{transform:translate(100%)}.room-code-ui__btn:active{transform:scale(.98)}.room-code-ui__btn--primary{min-width:140px}.room-code-ui__back{color:#6a6278;cursor:pointer;letter-spacing:.05em;background:0 0;border:none;margin-top:8px;padding:8px 16px;font-family:Georgia,Times New Roman,serif;font-size:.9rem;transition:color .2s}.room-code-ui__back:hover{color:#c8bda8}.room-code-ui__error{color:#c44;margin-top:4px;font-size:.85rem}.lobby-ui{z-index:25;opacity:0;background:#020917d9;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.lobby-ui--visible{opacity:1}.lobby-ui__panel{flex-direction:column;align-items:center;gap:16px;min-width:360px;display:flex}.lobby-ui__title{color:#e8dcc8;letter-spacing:.12em;text-shadow:0 0 10px #6444cc66;font-family:Georgia,Times New Roman,serif;font-size:1.8rem}.lobby-ui__name-section{width:100%}.lobby-ui__name-input{color:#e8dcc8;text-align:center;box-sizing:border-box;background:#141228e6;border:1px solid #6444cc66;outline:none;width:100%;padding:12px 16px;font-family:Courier New,monospace;font-size:1rem;transition:border-color .2s}.lobby-ui__name-input:focus{border-color:#6444cccc;box-shadow:0 0 12px #6444cc33}.lobby-ui__code-section{flex-direction:column;gap:6px;width:100%;display:flex}.lobby-ui__label{color:#6a6278;letter-spacing:.05em;font-size:.8rem}.lobby-ui__code-row{gap:0;width:100%;display:flex}.lobby-ui__code{color:#e8dcc8;letter-spacing:.1em;-webkit-user-select:all;user-select:all;background:#141228e6;border:1px solid #6444cc66;border-right:none;flex:1;align-items:center;padding:12px 16px;font-family:Courier New,monospace;font-size:1rem;display:flex}.lobby-ui__copy-btn{color:#c8bda8;cursor:pointer;background:linear-gradient(135deg,#1e1932cc,#141228e6);border:1px solid #6444cc4d;flex-shrink:0;justify-content:center;align-items:center;padding:12px 20px;font-size:1.3rem;transition:all .2s;display:flex}.lobby-ui__copy-btn:hover{color:#e8dcc8;border-color:#6444ccb3}.lobby-ui__players{flex-direction:column;gap:6px;width:100%;min-height:80px;display:flex}.lobby-ui__player{background:#141228b3;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.lobby-ui__player--ready{border-color:#3cb43c66}.lobby-ui__player--disconnected{opacity:.4}.lobby-ui__player-name{color:#c8bda8;font-size:.95rem}.lobby-ui__player-status{color:#6a6058;font-size:.85rem}.lobby-ui__player--ready .lobby-ui__player-status{color:#4a4}.lobby-ui__waiting{color:#5a5050;text-align:center;padding:20px;font-size:.85rem}.lobby-ui__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.lobby-ui__btn{color:#c8bda8;letter-spacing:.1em;cursor:pointer;background:linear-gradient(135deg,#1e1932cc,#141228e6);border:1px solid #6444cc4d;padding:12px 24px;font-family:Georgia,Times New Roman,serif;font-size:1rem;transition:all .2s;position:relative;overflow:hidden}.lobby-ui__btn:before{content:"";background:linear-gradient(90deg,#0000,#6444cc26,#0000);transition:transform .3s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.lobby-ui__btn:hover{color:#e8dcc8;text-shadow:0 0 10px #6444cc66;border-color:#6444ccb3;transform:scale(1.02)}.lobby-ui__btn:hover:before{transform:translate(100%)}.lobby-ui__btn:active{transform:scale(.98)}.lobby-ui__btn:disabled{opacity:.4;cursor:default;pointer-events:none}.lobby-ui__btn--active{background:linear-gradient(135deg,#193219cc,#142814e6);border-color:#3cb43c80}.lobby-ui__btn--active:before{background:linear-gradient(90deg,#0000,#3cb43c1a,#0000)}.lobby-ui__btn--leave{border-color:#b43c3c66}.lobby-ui__btn--leave:before{background:linear-gradient(90deg,#0000,#b43c3c1a,#0000)}.lobby-ui__btn--leave:hover{border-color:#b43c3cb3}.main-menu{z-index:10;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.main-menu--visible{opacity:1;pointer-events:all}.main-menu__content{flex-direction:column;align-items:center;gap:8px;display:flex}.main-menu__title{color:#e8dcc8;text-shadow:0 0 20px #6444cc99,0 0 60px #6444cc4d,0 2px 4px #000c;letter-spacing:.08em;-webkit-user-select:none;user-select:none;margin:0;font-family:Georgia,Times New Roman,serif;font-size:4.5rem;font-weight:700}.main-menu__subtitle{color:#8a7e6e;letter-spacing:.2em;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin:0 0 40px;font-family:Georgia,Times New Roman,serif;font-size:1.1rem}.main-menu__nav{flex-direction:column;gap:12px;min-width:280px;display:flex}.main-menu__btn{color:#c8bda8;letter-spacing:.1em;cursor:pointer;background:linear-gradient(135deg,#1e1932cc,#141228e6);border:1px solid #6444cc4d;padding:14px 32px;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;transition:all .2s;position:relative;overflow:hidden}.main-menu__btn:before{content:"";background:linear-gradient(90deg,#0000,#6444cc26,#0000);transition:transform .3s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.main-menu__btn:hover,.main-menu__btn--selected{color:#e8dcc8;text-shadow:0 0 10px #6444cc66;border-color:#6444ccb3;transform:scale(1.02)}.main-menu__btn:hover:before,.main-menu__btn--selected:before{transform:translate(100%)}.main-menu__btn:active{transform:scale(.98)}.main-menu__btn:focus-visible{outline-offset:2px;outline:2px solid #6444cccc}.main-menu__version{color:#4a4555;letter-spacing:.05em;-webkit-user-select:none;user-select:none;margin-top:48px;font-size:.75rem}.main-menu__seed-panel{flex-direction:column;align-items:center;gap:12px;min-width:320px;display:flex}.main-menu__seed-label{color:#e8dcc8;letter-spacing:.1em;text-shadow:0 0 10px #6444cc66;font-family:Georgia,Times New Roman,serif;font-size:1.3rem}.main-menu__seed-input{color:#e8dcc8;text-align:center;letter-spacing:.05em;background:#141228e6;border:1px solid #6444cc66;outline:none;width:100%;padding:12px 16px;font-family:Courier New,monospace;font-size:1.2rem;transition:border-color .2s}.main-menu__seed-input:focus{border-color:#6444cccc;box-shadow:0 0 12px #6444cc33}.main-menu__seed-hint{color:#6a6278;letter-spacing:.05em;margin:0;font-size:.8rem}.main-menu__seed-actions{gap:12px;width:100%;display:flex}.main-menu__btn--seed{flex:1;padding:10px 16px!important;font-size:1rem!important}.main-menu__seed-back{color:#6a6278;cursor:pointer;letter-spacing:.05em;background:0 0;border:none;padding:8px 16px;font-family:Georgia,Times New Roman,serif;font-size:.9rem;transition:color .2s}.main-menu__seed-back:hover{color:#c8bda8}.main-menu__load-panel{flex-direction:column;align-items:center;gap:12px;min-width:320px;display:flex}.main-menu__load-slots{flex-direction:column;gap:10px;width:100%;display:flex}.main-menu__load-slot{text-align:center;width:380px;padding:12px 16px!important;font-size:1rem!important}.main-menu__load-slot:disabled{opacity:.35;cursor:default;pointer-events:none}.player-hud{z-index:10;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;left:16px}.player-hud__level-row{margin-bottom:2px}.player-hud__level{color:#e0d8a0;text-shadow:0 1px 3px #000000e6;letter-spacing:.05em;font-size:.8rem;font-weight:700}.player-hud__bar-group{align-items:center;gap:8px;display:flex}.player-hud__label{letter-spacing:.1em;color:#b0a890;text-align:right;text-shadow:0 1px 2px #000c;width:22px;font-size:.7rem;font-weight:700}.player-hud__bar{background:#0009;border:1px solid #ffffff26;border-radius:2px;width:180px;height:14px;overflow:hidden}.player-hud__fill{height:100%;transition:width .15s}.player-hud__fill--hp{background:linear-gradient(#4a2,#271)}.player-hud__fill--mana{background:linear-gradient(#36a,#214)}.player-hud__fill--xp{background:linear-gradient(#a8a030,#605810)}.player-hud__fill--mount{background:linear-gradient(#4888cc,#264880)}.player-hud__label--mount{color:#88b8dd;width:38px}.player-hud__value{color:#999;text-shadow:0 1px 2px #000c;min-width:60px;font-size:.65rem}.player-hud__buffs{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.player-hud__buff{background:#0000008c;border:1px solid #6444cc66;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;display:flex}.player-hud__buff-icon{font-size:.85rem;line-height:1}.player-hud__buff-time{color:#c8bda8;text-shadow:0 1px 2px #000c;font-size:.6rem}.interact-tooltip{z-index:10;pointer-events:none;color:#e0dcc8;text-shadow:0 1px 3px #000000e6;letter-spacing:.03em;white-space:nowrap;opacity:0;background:#000000bf;border:1px solid #fff3;border-radius:6px;padding:8px 18px;font-size:.85rem;transition:opacity .2s,transform .2s;position:absolute;bottom:20%;left:50%;transform:translate(-50%)translateY(8px)}.interact-tooltip--visible{opacity:1;transform:translate(-50%)translateY(0)}.action-bar{z-index:10;pointer-events:none;gap:3px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.action-bar__slot{background:#000000b3;border:1px solid #ffffff26;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}.action-bar__slot--attack{border-color:#ffb45066}.action-bar__slot--equipped{border-color:#ffffff4d}.action-bar__icon{justify-content:center;align-items:center;height:24px;display:flex}.action-bar__sword{color:#ccc;font-size:1.1rem;line-height:1}.action-bar__orb{border-radius:50%;width:14px;height:14px;display:inline-block}.action-bar__name{color:#b0a890;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:44px;font-size:.45rem;line-height:1.1;overflow:hidden}.action-bar__cooldown{pointer-events:none;background:#000000a6;height:0;transition:height .1s linear;position:absolute;bottom:0;left:0;right:0}.action-bar__cooldown--active{border-top:1px solid #fff3}.action-bar__key{color:#ffffff73;text-shadow:0 1px 2px #000000e6;font-size:.55rem;font-weight:700;line-height:1;position:absolute;top:2px;right:3px}.interact-tooltip kbd{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:3px;margin-right:6px;padding:1px 6px;font-size:.8rem;font-weight:700;display:inline-block}.char-panel{z-index:25;opacity:0;pointer-events:all;background:#020917d9;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.char-panel--visible{opacity:1}.char-panel__tabs{background:#0006;border-right:1px solid #ffffff14;flex-direction:column;gap:4px;width:180px;padding:24px 0;display:flex}.char-panel__tab{color:#8a7e6e;cursor:pointer;text-align:left;letter-spacing:.05em;background:0 0;border:none;border-left:3px solid #0000;padding:12px 20px;font-family:Georgia,Times New Roman,serif;font-size:.95rem;transition:color .15s,background .15s,border-color .15s}.char-panel__tab:hover{color:#c8bda8;background:#6444cc14}.char-panel__tab--active{color:#e0d8c0;background:#6444cc1f;border-left-color:#6444ccb3}.char-panel__close-hint{color:#5a5448;letter-spacing:.05em;margin-top:auto;padding:16px 20px;font-size:.7rem}.char-panel__close-hint kbd{color:#8a7e6e;background:#ffffff1a;border:1px solid #fff3;border-radius:3px;padding:1px 5px;font-size:.7rem}.char-panel__content{flex-direction:column;flex:1;padding:24px 32px;display:flex;overflow-y:auto}.char-panel__title{color:#e0d8c0;letter-spacing:.1em;margin-bottom:20px;font-family:Georgia,Times New Roman,serif;font-size:1.4rem}.equip-layout{flex:1;align-items:flex-start;gap:32px;display:flex}.equip-preview{background:#0006;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;width:260px;height:380px;position:relative;overflow:hidden}.equip-preview canvas{width:100%!important;height:100%!important}.equip-preview__label{text-align:center;color:#6a6058;letter-spacing:.05em;font-size:.7rem;position:absolute;bottom:8px;left:0;right:0}.equip-slots{flex-direction:column;gap:10px;display:flex}.equip-slots__row{gap:10px;display:flex}.equip-slot{background:#00000080;border:1px solid #ffffff1f;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative}.equip-slot:hover{background:#ffffff0d}.equip-slot--drag-over{background:#6444cc33!important;border-color:#6444ccb3!important}.equip-slot__icon{color:#4a4440;font-size:1.4rem;line-height:1}.equip-slot__label{color:#5a5448;letter-spacing:.05em;text-transform:uppercase;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:60px;margin-top:4px;font-size:.45rem;overflow:hidden}.char-panel__wip{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.char-panel__wip-icon{color:#3a3430;font-size:3rem}.char-panel__wip-text{color:#5a5448;letter-spacing:.1em;font-family:Georgia,Times New Roman,serif;font-size:1.1rem}.char-panel__wip-sub{color:#3a3430;font-size:.75rem}.char-panel__gold{color:#e0c860;letter-spacing:.05em;text-shadow:0 1px 3px #000c;align-items:center;gap:8px;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;display:flex;position:absolute;bottom:20px;right:28px}.char-panel__gold-icon{background:radial-gradient(circle,gold,#b8860b);border:1px solid #a80;border-radius:50%;width:20px;height:20px;box-shadow:0 0 6px #ffd7004d}.equip-stats{flex-direction:column;gap:6px;margin-top:20px;display:flex}.equip-stat{color:#8a7e6e;justify-content:space-between;gap:16px;font-size:.75rem;display:flex}.equip-stat__label{color:#6a6058}.equip-stat__value{color:#c8bda8;font-weight:700}.inventory-filters{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.inventory-filter{color:#6a6058;cursor:pointer;letter-spacing:.04em;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:6px 14px;font-family:Georgia,Times New Roman,serif;font-size:.75rem;transition:color .15s,background .15s,border-color .15s}.inventory-filter:hover{color:#c8bda8;background:#6444cc1a;border-color:#6444cc4d}.inventory-filter--active{color:#e0d8c0;background:#6444cc33;border-color:#6444cc99}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding-bottom:60px;display:grid}.inventory-cell{background:#00000080;border:2px solid #ffffff1f;border-radius:4px;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,transform .1s,opacity .1s;display:flex;position:relative}.inventory-cell--equippable{cursor:grab}.inventory-cell--equippable:hover,.inventory-cell--usable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.inventory-cell--usable{cursor:pointer}.inventory-cell--dragging{opacity:.4}.inventory-cell__header{align-items:center;gap:8px;display:flex}.inventory-cell__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.inventory-cell__name{letter-spacing:.03em;font-family:Georgia,Times New Roman,serif;font-size:.8rem;font-weight:700}.inventory-cell__qty{color:#8a7e6e;font-size:.65rem;position:absolute;top:6px;right:8px}.inventory-cell__cat{color:#5a5448;text-transform:uppercase;letter-spacing:.05em;font-size:.6rem}.inventory-cell__use-btn{color:#c8bda8;cursor:pointer;letter-spacing:.05em;background:#6444cc33;border:1px solid #6444cc66;border-radius:3px;padding:3px 10px;font-family:Georgia,Times New Roman,serif;font-size:.6rem;transition:background .15s,border-color .15s;position:absolute;bottom:6px;right:6px}.inventory-cell__use-btn:hover{background:#6444cc66;border-color:#6444ccb3}.item-icon{vertical-align:middle;display:inline-block}.item-icon--emoji{font-size:1.3rem;line-height:1}.item-icon--img{object-fit:contain;image-rendering:pixelated;border-radius:2px}.item-icon--sprite{image-rendering:pixelated;border-radius:2px;display:inline-block}.equip-slot__icon .item-icon--emoji{font-size:1.4rem}.equip-slot__icon .item-icon--img,.equip-slot__icon .item-icon--sprite{width:28px;height:28px}.debug-console{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-bottom:2px solid #444;align-items:center;height:40px;padding:0 8px;font-family:Courier New,monospace;display:flex;position:fixed;top:0;left:0;right:0}.debug-console__prefix{color:#0f0;-webkit-user-select:none;user-select:none;margin-right:6px;font-size:14px}.debug-console__input{color:#0f0;caret-color:#0f0;background:0 0;border:none;outline:none;flex:1;font-family:Courier New,monospace;font-size:14px}.debug-console__input::placeholder{color:#00ff004d}.debug-console__log{z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;max-height:200px;padding:4px 8px;font-family:Courier New,monospace;font-size:12px;position:fixed;top:42px;left:0;right:0;overflow-y:auto}.debug-console__log-entry{border-bottom:1px solid #ffffff0d;padding:2px 0}.debug-console__log-entry--info{color:#0f0}.debug-console__log-entry--error{color:#f44}.debug-console__log-entry--warn{color:#fa0}