.hotbar{height:48px;display:flex;flex:0 0 auto;align-items:center;justify-content:center}.hotbar-item:hover{cursor:pointer;box-shadow:0 0 10px #fff}.active{animation:fade .25s ease-in-out}@keyframes fade{0%{box-shadow:0 0 #fff}50%{box-shadow:0 0 10px #fff}to{box-shadow:0 0 #fff}}.hotbar-item{color:gray;display:flex;height:32px;width:32px;user-select:none;align-items:flex-end;justify-content:center;border:1px solid black;background-image:url(/png/bg2.png);margin:2px;position:relative;box-shadow:0 0 10px #000}.hotbar-item .hotbar-text{flex:1 1 auto;z-index:10;font-size:8px;color:#fff;text-align:center}.hotbar-item .hotbar-key{font-size:8px;pointer-events:none;position:absolute;left:2px;top:2px}.hotbar-item canvas{position:absolute;pointer-events:none;width:32px;height:32px}#text-wrapper{width:100%;height:100%;position:absolute;pointer-events:none;z-index:10000}.prototype{display:none}.text-bubble{background-color:#00000080;border:1px solid rgba(0,0,0,.5);border-radius:8px;padding:4px;text-align:center;word-break:break-word;max-width:256px}.text-window{line-height:14px;pointer-events:none;position:absolute;font-size:10px;text-align:center}#screen{z-index:100;background-color:#000;box-shadow:0 0 10px #000}.screen-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:101;pointer-events:none}.canvas-wrapper{position:relative;display:flex;justify-content:center;align-items:center}#screen,.slot,.hotbar-item{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:16px;background:#000}::-webkit-scrollbar-thumb{background:#222;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.75);border:1px solid grey}::-webkit-scrollbar-corner{background:#000}.chat-message{max-width:100%}.chat-message:hover{color:#fff;cursor:pointer}.chatbox-wrapper{display:flex;height:100%;flex-direction:column;word-wrap:break-word}#chat-input{width:100%;color:#ff0;outline:none;padding-left:8px;border-top:1px solid black;border-bottom:1px solid black}#chat-input:disabled{background-image:url(/png/bg4.png);color:gray}#chat-text{overflow-y:hidden;background-image:url(/png/bg3.png);height:100%;padding:4px;border:1px solid black;border-top:0px}.chat-header{display:flex;flex:1 1 auto;overflow-x:hidden}.channel-header{display:flex}.wrapper-header{display:flex;height:46px}.chat-title span{pointer-events:none;margin:4px 24px}.chat-title{flex:1 1 auto;display:flex;align-items:center;background-image:url(/png/bg2.png);cursor:pointer;font-weight:700;border:1px solid black}.chat-title.selected{background-image:url(/png/bg3.png);border-bottom:0px}.chat-body{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;height:100%;align-items:flex-start}.channel-empty{height:100%;display:flex;align-items:center;justify-content:center;width:100%}.chat-footer{margin-top:2px;margin-bottom:2px;display:flex}#login-wrapper{display:flex;align-items:center;justify-content:center;height:100%;min-width:640px;min-height:480px}#login-wrapper #login-inner{justify-content:center;position:relative;height:100%;min-width:640px;min-height:480px;display:flex}.password-input{text-align:center}#login-wrapper #login-inner img{height:100%}#login-wrapper #login-inner .login-settings button{margin:4px;width:108px;height:32px}#login-wrapper #login-inner .login-settings{border:1px solid black;position:absolute;left:32px;bottom:32px;padding:12px;background-color:#00000073;width:116px}#login-wrapper #login-inner .login-version{position:absolute;width:auto;top:4px;left:10px;color:#fff}#login-wrapper #login-inner .login-settings .login-language{display:block;margin:8px 4px 0;color:#fff;font-size:12px}#login-wrapper #login-inner .login-settings .login-language select{display:block;width:108px;margin-top:2px}html{height:100%}.oogwrap{display:flex;flex-direction:column}body{height:100%;margin:0;font-family:Verdana,"Sans-Serif";font-weight:700;text-shadow:0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black;font-size:12px;color:#fff;scrollbar-width:thin;scrollbar-color:rgba(24,24,24,1) rgba(51,51,51,1);background-image:url(/png/bg2.png)}#battle-window-target{display:none;align-items:center}.battle-window-bar-wrapper span{flex:1 1 auto;font-size:10px}.battle-window-target-stats-bar{flex:1 1 auto;margin-top:2px;margin-bottom:2px;display:flex;justify-content:center;align-items:center;height:2px}.health{background:#0f0;border:1px solid black}.battle-window-bar-wrapper{display:flex;flex-direction:column}.mana{background:#00f;border:1px solid black}.battle-window-target-wrapper:hover{border:1px solid white;cursor:pointer}.battle-window-target-wrapper{display:flex;width:100%;background-image:url(/png/bg2.png);margin:1px;border:1px solid black}.battle-window-target-title{color:#0f0}.battle-window-target-canvas{flex:0 1}.battle-window-target-canvas>canvas{width:64px;height:64px}.battle-window-target-stats{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding-left:4px}.visible{visibility:visible;opacity:1}.hidden{visibility:hidden;opacity:0}.zone-sub{font-size:24px;color:#fff;font-family:Goudy Old Style}.zone-title{font-variant:small-caps;font-family:Arno Pro;letter-spacing:5px}#zone-message hr{color:gold;padding:0;margin:0;background:gold}#zone-message{left:0;right:0;margin-left:auto;margin-right:auto;font-size:36px;color:gold;top:20%;text-align:center;position:absolute;z-index:10000000;padding:4px}#server-message{display:none;background-color:#00000080;border:1px solid rgba(0,0,0,.5);border-radius:8px;left:0;right:0;margin-left:auto;margin-right:auto;max-width:256px;top:50%;text-align:center;position:absolute;padding:4px}.checkboxes{display:flex;justify-content:center}.checkboxes label{display:inline-block;padding-right:10px;white-space:nowrap;flex:1 1 auto}.checkboxes input,.checkboxes label span{vertical-align:middle}.close-button-transparent:hover{font-weight:700;color:gray;border:none;box-shadow:none}.close-button-transparent{position:absolute;right:6px;border:0px;background:none}input{background-image:url(/png/bg3.png);height:14px;outline:none;padding:4px;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;font-weight:700;border:0px}hr{border:0;height:1px;background-image:linear-gradient(to right,#0000,gray,#0000);margin:8px}button{font-size:10px;color:#fff;cursor:pointer;font-weight:700;background-image:url(/png/bg3.png);border:1px solid black;margin:2px;padding:4px;border-radius:4px}button:hover{border:1px solid white;background-image:url(/png/bg2.png)}button:disabled{color:gray}button:disabled:hover{border:1px solid grey;box-shadow:0 0 4px 1px gray}button.symbol-button.small{font-size:8px}button.symbol-button{padding:0;width:18px;height:18px;min-width:18px;max-width:18px}.symbol-button-long{padding:0;min-width:24px}.close-button{position:absolute;right:6px}#game-wrapper{display:none;height:100%;grid-template-columns:180px minmax(0,1fr) 180px;grid-template-rows:minmax(0,1fr)}#game-wrapper .column{display:flex;min-width:0;flex-direction:column;justify-content:flex-start;background-image:url(/png/bg2.png);max-height:100%;flex:1 1 auto}#game-wrapper .main{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;min-width:0}#clock-time{font-size:10px;position:absolute;top:4px;left:4px}.main .middle{display:flex;flex:1 1 auto;justify-content:center;align-items:flex-end;background-image:url(/png/bg.png)}.main .upper{display:flex;align-items:center;justify-content:center;flex:1 1 auto;background-image:url(/png/bg.png)}.main .lower{height:100%;background-image:url(/png/bg2.png);overflow-x:auto;max-height:140px;flex:1 1 auto}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.canvas-notification{text-align:center;color:#fff;position:absolute;bottom:2px;width:100%;z-index:8000}.stack-wrapper{width:100%;height:100%;max-height:100%}.stack-top{flex:0 0 auto;height:256px;overflow:auto}#debug-statistics{z-index:1000;margin:8px;position:absolute;font-size:10px;left:0;top:0}.equipment-options-wrapper{display:flex;margin:8px}.equipment-buttons{flex:1 1 auto;text-align:center;display:flex;flex-direction:column;justify-content:center;margin:4px}.equipment-buttons button{width:100%;margin:2px;height:20px}.character-status{margin:8px}.bar{border:1px solid black;margin:2px;border-radius:8px;height:12px;text-align:center;cursor:pointer;background-image:url(/png/bg3.png);position:relative}.bar:hover{border:1px solid white}.bar .icon{position:absolute;left:0;font-size:10px}.bar .percentage{position:absolute;font-size:10px;left:0;right:0;margin-left:auto;margin-right:auto}.character-health{background-color:#ff7f7f;width:100%;height:100%;border-radius:8px;position:absolute}.character-mana{background-color:#add8e6;width:100%;height:100%;border-radius:8px;position:absolute}.equipment.wrapper{display:flex;align-items:center;justify-content:center}.equipment-column{display:flex;flex-direction:column;justify-content:center}.status-bar{width:100%;display:flex;align-items:center;min-height:18px;margin-top:4px;background-image:url(/png/bg3.png);border:1px solid black}.status-bar img{flex:0 0 auto}#head-slot{background-image:url(/png/head.png)}#armor-slot{background-image:url(/png/armor.png)}#legs-slot{background-image:url(/png/legs.png)}#backpack-slot{background-image:url(/png/backpack.png)}#boots-slot{background-image:url(/png/boots.png)}#left-slot{background-image:url(/png/left.png)}#right-slot{background-image:url(/png/right.png)}#quiver-slot{background-image:url(/png/quiver.png)}.equipment-padding{text-align:center;font-size:10px;min-height:24px}.window{display:none;color:gray;flex-direction:column;flex:0 1 auto;background-image:url(/png/bg3.png);min-height:0}.window>.body{display:flex;flex-wrap:wrap;padding:8px;min-height:40px;justify-content:center;align-items:flex-start;align-content:flex-start;overflow-y:scroll;scrollbar-width:thin}.window>.header{height:22px;display:flex;align-items:center;cursor:move;padding-left:4px;background-image:url(/png/bg4.png)}.window>.header>button{flex:0 0 auto}.window>.header>.title{flex:1 1 auto;padding-left:8px;pointer-events:none}.window>.footer{height:4px;cursor:ns-resize;background:#000}.friend-entry{cursor:pointer;width:100%}.friend-entry:hover{color:#fff!important}#skill-window .body{display:block}.minimap-container{display:flex;margin:8px;justify-content:center;align-items:center}.minimap-wrapper{height:160px;display:block;position:relative}.minimap-wrapper canvas{background-color:#000}.minimap-wrapper .crosshair{position:absolute;left:76px;top:72px;color:#fff}.minimap-wrapper .button-stack{position:absolute;width:18px;height:160px;padding:4px;top:0;right:4px}.slot{width:32px;height:32px;background-image:url(/png/item.png);position:relative;border:1px solid #111}.slot:hover{box-shadow:0 0 0 1px #fff inset}.slot.selected{box-shadow:inset 0 0 8px #fff}.slot.legendary{box-shadow:inset 0 0 8px orange}.slot.epic{box-shadow:inset 0 0 8px purple}.slot.rare{box-shadow:inset 0 0 8px #00f}.slot.uncommon{box-shadow:inset 0 0 8px green}.slot>canvas{pointer-events:none;width:32px;height:32px;position:absolute;z-index:100}.slot>.count{color:#fff;font-size:10px;position:absolute;bottom:2px;right:4px;pointer-events:none;z-index:100}.bar-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-gap:2px}.skill-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.skill-wrapper>.skill{text-align:right}.bar-wrapper>.bar>.value{background:green;width:20%;height:4px;position:relative}.bar-wrapper>.bar{border:1px solid black;background-image:url(/png/bg2.png);width:100%;height:4px;position:relative;cursor:pointer}select{background-image:url(/png/bg2.png);border:1px solid black;cursor:pointer;width:100%;font-weight:700;color:#fff;caret-color:transparent;scrollbar-width:thin}select option{background-image:url(/png/bg3.png);font-weight:700;color:#fff}select option:hover{color:gray}select option:nth-child(2n){background-image:url(/png/bg2.png)}.channel-select{width:100%;overflow:hidden;scrollbar-width:none}.slider::-webkit-slider-thumb{appearance:none;width:24px;height:12px;background-image:url(/png/bg2.png);cursor:pointer;border:1px solid black}.slider::-moz-range-thumb{width:24px;height:12px;background-image:url(/png/bg2.png);cursor:pointer;border:1px solid grey;border-radius:0}.slider::-moz-range-thumb:hover{border:1px solid white}.slider{background-image:url(/png/bg3.png);padding:0;appearance:none;height:12px;outline:none;caret-color:transparent}.modal-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:absolute}.modal{display:none;position:absolute;z-index:30000;border:1px solid black;box-shadow:0 0 10px #000;background-image:url(/png/bg.png)}.modal-header{background-image:url(/png/bg2.png);cursor:grab;text-align:center;padding:4px}.modal .modal-footer{text-align:right}.modal-body{box-shadow:inset 0 0 6px #000;padding:12px}.tab-flex{display:flex}.offer-tab{flex:1 1 auto;padding:4px;background-image:url(/png/bg2.png)}.offers{display:flex;padding:16px;justify-content:center;align-items:center;background-image:url(/png/bg3.png)}.offers canvas{margin:2px}.offer-tab.selected{border-bottom:0px;background-image:url(/png/bg3.png)}.modal input{color:#fff;border:1px solid black}#offer-modal{width:350px}#offer-price{width:32px;display:inline-block}#offer-name-wrapper{flex:1 0 auto;text-align:right}#buy-count-wrapper{display:flex}#buy-count{width:100px;margin-left:8px;margin-right:8px}#offer-count{width:32px;text-align:right}#offer-info{height:16px;display:flex;border:1px solid black;padding:4px;background-image:url(/png/bg2.png)}#book-text-area{height:220px;resize:none;scrollbar-width:thin;background-image:url(/png/bg2.png);color:#fff;font-weight:700;padding:16px 8px 16px 16px;font-size:12px;font-family:Verdana;box-shadow:inset 0 0 8px #000;border:1px solid black;border-radius:16px 0 0 16px}#book-text-area:disabled{color:gray}#book-text-area:focus{outline:none}.map-modal-wrapper{position:relative}.map-modal-wrapper span{position:absolute;left:4px;top:4px}.map-modal-wrapper .vline{pointer-events:none;border-bottom:1px solid white;width:256px;top:128px;position:absolute}.map-modal-wrapper .hline{pointer-events:none;border-right:1px solid white;left:128px;position:absolute;height:256px}#spellbook-list{max-height:250px;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:space-between;flex-wrap:wrap;background-image:url(/png/bg.png);width:400px}.spellbook-wrapper{width:45%;border:1px solid black;flex:1 1 auto;display:flex;margin:4px;align-items:center;background-image:url(/png/bg2.png)}.spellbook-wrapper canvas{flex:0 1 auto;width:32px;height:32px;box-shadow:0 0 4px #000;cursor:pointer}.spellbook-wrapper span{flex:0 1 auto;text-align:center;width:100%}#spellbook-wrapper-prototype{display:none}.move-item-wrapper{display:flex}.move-item-wrapper-inner{display:flex;flex-direction:column;align-items:stretch}.move-item-wrapper-inner-row{display:flex}.move-item-wrapper-inner-row button{flex:1 1 auto;margin:2px}.change-outfit{display:flex}.change-outfit-inner{display:flex;flex:1 1 auto;flex-basis:100%;margin:2px}.change-outfit-inner span{display:flex;flex:1 1 auto;background-image:url(/png/bg2.png);align-items:center;justify-content:center}.change-outfit-inner button{flex:0 0 auto}.outfit-face-picker.on{background-image:url(/png/bg2.png)}.outfit-color-picker{display:flex;height:100%;flex-direction:column;justify-content:center}.outfit-color-picker-row{display:flex;flex-direction:row;justify-content:center}.outfit-color-picker-row>button{display:flex;flex:0 1 auto;background-image:none;margin:1px;height:12px;width:12px}#outfit-modal .outfit-canvas-wrapper{position:relative;flex:0 0 auto}#outfit-modal .button-wrapper{position:absolute;left:4px;top:4px}#outfit-modal .modal-body>.change-outfit-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-content:stretch;align-items:stretch;height:128px}.outfit-color-picker-wrapper{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;align-content:stretch}.outfit-color-picker-wrapper .outfit-button-row{display:flex;flex:0 0 auto;justify-content:space-between}.outfit-color-picker-wrapper .outfit-button-row button{flex:1 1 auto;margin:2px}.contextmenu{position:absolute;width:80px;padding:2px}.contextmenu>.menu-header{background-image:url(/png/bg2.png);cursor:auto;text-align:center;padding:2px}.contextmenu button{width:100%;padding:2px;border:0px;border-radius:0;margin:0}#achievement{background-color:#c8c80abf;width:200px;height:50px;border:1px solid gold;border-radius:20px;box-shadow:0 0 20px gold;padding:16px;bottom:16px}#achievement.visible{visibility:visible;opacity:1;transition:opacity .25s ease-in-out;animation:pulse .25s}#achievement.hidden{visibility:hidden;opacity:0;transition:visibility 0s 2s,opacity 2s ease-in-out}@keyframes pulse{0%{transform:scale(0)}to{transform:scale(1)}}:root{--ui-bg: #121419;--ui-panel: #1b1e26;--ui-panel-2: #232733;--ui-line: #343a48;--ui-text: #eef0f4;--ui-muted: #9aa3b2;--ui-accent: #e9b24c;--ui-accent-ink: #1a1306;--ui-teal: #4fc2a2;--ui-danger: #e05656;--ui-hp: #d84a4a;--ui-mp: #4b7fe2;--ui-pixel-shadow: 2px 2px 0 0 rgba(0, 0, 0, .55);--ui-touch: 44px;--ui-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.touch-controls{display:none}.move-pad{--stick-radius: 56px;--dpad-button: 52px;--control-opacity: .6;position:absolute;inset:0;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.joystick-base{position:absolute;left:50%;top:calc(100% - var(--stick-radius) - 16px);width:calc(2 * var(--stick-radius));height:calc(2 * var(--stick-radius));margin:calc(-1 * var(--stick-radius)) 0 0 calc(-1 * var(--stick-radius));border-radius:50%;background:radial-gradient(circle,transparent 58%,rgba(255,255,255,.06) 59%,transparent 62%),#1214198c;border:2px solid rgba(233,178,76,.55);box-shadow:var(--ui-pixel-shadow);opacity:calc(var(--control-opacity) * .6);transition:opacity .12s;pointer-events:none}.move-pad.active .joystick-base{opacity:var(--control-opacity)}.joystick-thumb{position:absolute;left:50%;top:50%;width:calc(.9 * var(--stick-radius));height:calc(.9 * var(--stick-radius));margin:calc(-.45 * var(--stick-radius)) 0 0 calc(-.45 * var(--stick-radius));border-radius:50%;background:var(--ui-accent);border:2px solid var(--ui-accent-ink);box-shadow:inset -3px -3px #00000040,inset 3px 3px #ffffff4d}.move-pad[data-scheme=dpad] .joystick-base{display:none}.dpad{display:none;position:absolute;left:50%;bottom:8px;transform:translate(-50%);grid-template-columns:repeat(3,var(--dpad-button));grid-template-rows:repeat(3,var(--dpad-button));gap:4px;opacity:var(--control-opacity)}.move-pad[data-scheme=dpad] .dpad{display:grid}.dpad-button{width:var(--dpad-button);height:var(--dpad-button);min-width:var(--ui-touch);min-height:var(--ui-touch);margin:0;padding:0;display:grid;place-items:center;background:var(--ui-panel);background-image:none;border:2px solid var(--ui-line);border-radius:0;box-shadow:var(--ui-pixel-shadow);touch-action:none}.dpad-button svg{width:45%;height:45%;fill:var(--ui-muted);pointer-events:none}.dpad-button.pressed{background:var(--ui-accent);border-color:var(--ui-accent-ink)}.dpad-button.pressed svg{fill:var(--ui-accent-ink)}.destination-marker{position:absolute;left:0;top:0;z-index:9000;pointer-events:none;box-sizing:border-box;border:2px dashed var(--ui-accent);box-shadow:inset 0 0 0 2px #00000073;animation:marker-pulse .9s steps(3) infinite}@keyframes marker-pulse{0%{opacity:1}to{opacity:.35}}.controls-panel{margin-top:8px;font-family:var(--ui-font);font-weight:400;text-shadow:none}.controls-panel h3{margin:4px 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-accent)}.setting-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-height:32px}.setting-row select,.setting-row input[type=range]{min-width:120px}.touch-mode .setting-row{min-height:var(--ui-touch)}.touch-mode .setting-row select{min-height:var(--ui-touch);font-size:14px}.setting-row output{min-width:52px;text-align:right;color:var(--ui-muted)}.game-menu{position:fixed;left:0;top:0;z-index:30000;min-width:168px;max-width:min(280px,calc(100vw - 16px));background:var(--ui-panel);border:2px solid var(--ui-line);box-shadow:4px 4px #0009;font-family:var(--ui-font);font-weight:600;text-shadow:none;color:var(--ui-text)}.game-menu-title{padding:6px 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-accent);border-bottom:2px solid var(--ui-line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-menu-item{display:block;width:100%;margin:0;padding:6px 10px;min-height:30px;text-align:left;font:inherit;font-size:13px;color:var(--ui-text);background:none;background-image:none;border:0;border-radius:0}.game-menu-item+.game-menu-item{border-top:1px solid var(--ui-line)}.game-menu-item:hover,.game-menu-item:focus-visible{background:var(--ui-panel-2);border-color:var(--ui-line);outline:none;box-shadow:inset 3px 0 0 var(--ui-accent)}.game-menu[data-source=touch] .game-menu-item,.touch-mode .game-menu-item{min-height:var(--ui-touch);font-size:15px;padding:10px 14px}.target-mode-bar{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 8px);transform:translate(-50%);z-index:30000;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 16px);padding:6px 6px 6px 14px;background:var(--ui-accent);color:var(--ui-accent-ink);border:2px solid var(--ui-accent-ink);box-shadow:var(--ui-pixel-shadow);font-family:var(--ui-font);font-size:14px;font-weight:700;text-shadow:none}.target-mode-bar[hidden]{display:none}.target-mode-cancel{min-height:var(--ui-touch);min-width:88px;margin:0;padding:0 14px;font:inherit;color:var(--ui-text);background:var(--ui-bg);background-image:none;border:2px solid var(--ui-accent-ink);border-radius:0}.target-mode #screen{cursor:crosshair}.drag-ghost{position:fixed;left:0;top:0;z-index:30000;width:56px;height:56px;display:grid;place-items:center;pointer-events:none;background:#121419bf;border:2px solid var(--ui-accent);box-shadow:var(--ui-pixel-shadow)}.drag-ghost[hidden]{display:none}.drag-ghost canvas{width:48px;height:48px;image-rendering:pixelated}.slot.drop-target{box-shadow:inset 0 0 0 2px var(--ui-accent)}#screen.drop-target{outline:2px solid var(--ui-accent);outline-offset:-2px}.onboarding{position:fixed;z-index:26000;box-sizing:border-box;padding:8px 10px;background:var(--ui-panel);color:var(--ui-text);border:2px solid var(--ui-teal);box-shadow:4px 4px #0009;font-family:var(--ui-font);text-shadow:none}.onboarding[hidden]{display:none}.onboarding-step{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-teal)}.onboarding p{margin:4px 0 8px;font-size:14px;font-weight:600;line-height:1.3}.onboarding-buttons{display:flex;justify-content:flex-end;gap:8px}.onboarding-buttons button{min-width:88px;min-height:44px;margin:0;font:inherit;font-size:13px;border-radius:0;background-image:none}.onboarding-skip{color:var(--ui-muted);background:none;border:2px solid var(--ui-line)}.onboarding-next{color:var(--ui-accent-ink);background:var(--ui-teal);border:2px solid var(--ui-accent-ink)}.onboarding-focus{animation:onboarding-pulse 1s steps(2) infinite}@keyframes onboarding-pulse{0%{outline:3px solid var(--ui-teal);outline-offset:2px}to{outline:3px solid transparent;outline-offset:2px}}.hud,.chat-line,.action-pad,.tab-bar,.sheet{display:none}.safe-area-probe{position:fixed;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}html,body{overscroll-behavior:none}html.layout-mobile,html.layout-mobile body{height:100%;overflow:hidden;touch-action:manipulation}html.layout-mobile body{position:fixed;inset:0;background:var(--ui-bg);-webkit-tap-highlight-color:transparent}.layout-mobile #game-wrapper{position:fixed;inset:0;box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);gap:4px;background:var(--ui-bg);font-family:var(--ui-font);text-shadow:none;font-weight:600}html[data-layout=portrait] #game-wrapper{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:44px var(--map-h, 264px) 44px minmax(0,1fr) 56px;grid-template-areas:"hud hud" "map map" "chat chat" "move actions" "tabs tabs"}html[data-layout=portrait][data-control-side=right] #game-wrapper{grid-template-areas:"hud hud" "map map" "chat chat" "actions move" "tabs tabs"}html[data-layout=landscape] #game-wrapper{grid-template-columns:minmax(112px,1fr) var(--map-w, 480px) minmax(112px,1fr) 60px;grid-template-rows:auto 44px minmax(0,1fr);grid-template-areas:"hud map actions tabs" "chat map actions tabs" "move map actions tabs"}html[data-layout=landscape][data-control-side=right] #game-wrapper{grid-template-areas:"actions map hud tabs" "actions map chat tabs" "actions map move tabs"}.layout-mobile .oogwrap,.layout-mobile .main>.middle,.layout-mobile .main>.lower{display:none}.layout-mobile #game-wrapper .main{display:contents}.layout-mobile .main>.upper{grid-area:map;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000;background-image:none}.layout-mobile #screen{image-rendering:pixelated;box-shadow:none}.layout-mobile .canvas-wrapper{flex:0 0 auto}.layout-mobile .hud{grid-area:hud;display:flex;align-items:center;gap:8px;min-width:0;padding:0 8px;background:var(--ui-panel);border-bottom:2px solid var(--ui-line)}.hud-bars{flex:1 1 auto;min-width:0}html[data-layout=landscape] .hud{flex-wrap:wrap;padding:6px 8px;row-gap:4px}html[data-layout=landscape] .hud-bars{flex:1 1 100%}html[data-layout=landscape] .hud-meta{flex-direction:row;gap:8px}.layout-mobile .hud .character-status{margin:0;display:grid;gap:3px}.layout-mobile .hud .bar{height:14px;margin:0;border-radius:0;border:2px solid #000;background:#2a2f3a;background-image:none;cursor:default}.layout-mobile .hud .bar>div{border-radius:0}.layout-mobile .hud .character-health{background:var(--ui-hp)}.layout-mobile .hud .character-mana{background:var(--ui-mp)}.layout-mobile .hud .bar .percentage{top:-1px;font-size:10px;line-height:14px;text-shadow:1px 1px 0 #000}.hud-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:11px;line-height:14px;white-space:nowrap}.hud-level{color:var(--ui-accent)}.hud-exp{color:var(--ui-muted)}.hud-status{display:flex;max-width:30%;overflow:hidden}.layout-mobile .hud .status-bar{min-height:0;margin:0;border:0;background:none}.layout-mobile .chat-line{grid-area:chat;display:block;min-width:0;margin:0;padding:0 10px;text-align:left;font:inherit;font-size:13px;font-weight:500;color:var(--ui-text);background:var(--ui-panel);background-image:none;border:0;border-left:3px solid var(--ui-teal);border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-mobile .touch-controls{grid-area:move;display:block;position:relative;min-width:0;min-height:0}.layout-mobile .action-pad{grid-area:actions;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-width:0;min-height:0;padding:4px;overflow-y:auto;overscroll-behavior:contain}.layout-mobile .action-hotbar{width:100%;display:flex;justify-content:center}.layout-mobile .action-hotbar .hotbar{display:grid;grid-template-columns:repeat(auto-fill,44px);gap:4px;height:auto;width:min(100%,192px);justify-content:center}.layout-mobile .hotbar-item{width:44px;height:44px;margin:0;box-sizing:border-box;background:var(--ui-panel);background-image:none;border:2px solid var(--ui-line);box-shadow:var(--ui-pixel-shadow)}.layout-mobile .hotbar-item canvas{width:40px;height:40px;image-rendering:pixelated}.action-buttons{display:flex;gap:8px}.action-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:96px;min-height:48px;margin:0;padding:0 14px;font:inherit;font-size:14px;color:var(--ui-accent-ink);background:var(--ui-accent);background-image:none;border:2px solid var(--ui-accent-ink);border-radius:0;box-shadow:var(--ui-pixel-shadow)}.action-button:hover{border:2px solid var(--ui-accent-ink);background:var(--ui-accent)}.action-button:active{transform:translate(2px,2px);box-shadow:none}.pixel-icon{width:20px;height:20px;fill:currentColor;flex:0 0 auto}.layout-mobile .tab-bar{grid-area:tabs;display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));background:var(--ui-panel);border-top:2px solid var(--ui-line)}html[data-layout=landscape] .tab-bar{grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(44px,1fr));border-top:0;border-left:2px solid var(--ui-line)}.tab-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:44px;min-height:44px;margin:0;padding:2px;font:inherit;font-size:10px;letter-spacing:.02em;color:var(--ui-muted);background:none;background-image:none;border:0;border-radius:0}.tab-button:hover{border:0;background:var(--ui-panel-2)}.tab-button.active{color:var(--ui-accent);background:var(--ui-panel-2);box-shadow:inset 0 3px 0 var(--ui-accent)}html[data-layout=landscape] .tab-button.active{box-shadow:inset 3px 0 0 var(--ui-accent)}.tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-badge{position:absolute;top:4px;right:calc(50% - 22px);min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;font-size:10px;line-height:16px;color:var(--ui-accent-ink);background:var(--ui-teal)}.tab-badge[hidden]{display:none}.layout-mobile .sheet{position:absolute;z-index:25000;display:flex;flex-direction:column;box-sizing:border-box;background:var(--ui-panel);color:var(--ui-text);border:2px solid var(--ui-line);box-shadow:0 -4px #00000073}.layout-mobile .sheet[hidden]{display:none}html[data-layout=portrait] .sheet{left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);bottom:max(calc(env(safe-area-inset-bottom,0px) + 60px),var(--kb-inset, 0px));height:var(--sheet-max, 50vh);max-height:calc(100% - var(--kb-inset, 0px) - 8px);border-top-color:var(--ui-accent)}html[data-layout=landscape] .sheet{top:env(safe-area-inset-top,0px);bottom:max(env(safe-area-inset-bottom,0px),var(--kb-inset, 0px));right:calc(env(safe-area-inset-right,0px) + 64px);width:var(--drawer-w, 320px);border-left-color:var(--ui-accent);box-shadow:-4px 0 #00000073}html[data-layout=landscape][data-control-side=right] .sheet{right:calc(env(safe-area-inset-right,0px) + 64px)}.sheet-header{position:relative;display:flex;align-items:center;min-height:44px;padding-left:12px;border-bottom:2px solid var(--ui-line);touch-action:none}.sheet-handle{position:absolute;left:50%;top:4px;width:36px;height:4px;margin-left:-18px;background:var(--ui-line)}html[data-layout=landscape] .sheet-handle{display:none}.sheet-title{flex:1 1 auto;margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-accent)}.sheet-close{width:44px;height:44px;margin:0;padding:0;display:grid;place-items:center;color:var(--ui-muted);background:none;background-image:none;border:0;border-radius:0}.sheet-close:hover{border:0;color:var(--ui-text)}.sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sheet-pane{padding:8px}.sheet-pane[hidden]{display:none}.pane-empty{margin:24px 8px;text-align:center;color:var(--ui-muted);font-weight:500}.pane-empty[hidden]{display:none}.layout-mobile .sheet .slot{width:48px;height:48px;box-sizing:border-box;background-size:cover;image-rendering:pixelated;border:2px solid #0b0c10}.layout-mobile .sheet .slot>canvas{width:44px;height:44px;image-rendering:pixelated}.layout-mobile .sheet .slot>.count{font-size:12px;text-shadow:1px 1px 0 #000}.layout-mobile .pane-inventory .equipment.wrapper{gap:8px;align-items:flex-start}.layout-mobile .pane-inventory .equipment-column{gap:6px}.layout-mobile .pane-inventory .equipment-padding{min-height:48px;display:grid;place-items:center;font-size:11px}.layout-mobile .pane-inventory #keyring{min-width:48px;min-height:44px}.layout-mobile .sheet .column{display:flex;flex-direction:column;gap:8px;background:none;max-height:none}.layout-mobile .sheet .window{background:var(--ui-panel-2);background-image:none;border:2px solid var(--ui-line);color:var(--ui-text);min-height:0!important}.layout-mobile .sheet .window>.header{height:44px;background:none;background-image:none;border-bottom:2px solid var(--ui-line);cursor:default}.layout-mobile .sheet .window>.header button.symbol-button{width:44px;height:44px;min-width:44px;max-width:44px;margin:0;font-size:14px;background:none;background-image:none;border:0;border-radius:0}.layout-mobile .sheet .window>.footer{display:none!important}.layout-mobile .sheet .window>.body{display:grid;grid-template-columns:repeat(auto-fill,48px);gap:4px;justify-content:start;height:auto!important;max-height:none!important;overflow:visible}.layout-mobile .sheet #battle-window,.layout-mobile .sheet #skill-window,.layout-mobile .sheet #friend-window{display:flex!important;border:0;background:none}.layout-mobile .sheet #battle-window>.header,.layout-mobile .sheet #skill-window>.header{display:none}.layout-mobile .sheet #battle-window>.body,.layout-mobile .sheet #skill-window>.body,.layout-mobile .sheet #friend-window>.body{display:block;padding:0}.layout-mobile .sheet .battle-window-target-wrapper{min-height:52px;margin:0 0 4px;background:var(--ui-panel-2);background-image:none;border:2px solid var(--ui-line)}.layout-mobile .sheet .outer-skill-wrapper{padding:6px 4px;border-bottom:1px solid var(--ui-line);font-size:13px}.layout-mobile .sheet .friend-entry{min-height:44px;display:flex;align-items:center}.layout-mobile .sheet[data-tab=chat] .sheet-body{display:flex;flex-direction:column;overflow:hidden}.layout-mobile .pane-chat{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:0}.layout-mobile .pane-chat[hidden]{display:none}.layout-mobile .pane-chat .chatbox-wrapper{flex:1 1 auto;min-height:0}.layout-mobile .pane-chat .wrapper-header{height:44px}.layout-mobile .pane-chat .symbol-button-long,.layout-mobile .pane-chat .symbol-button-text{min-width:44px;min-height:44px;margin:0}.layout-mobile .pane-chat #chat-text{flex:1 1 auto;min-height:0;overflow-y:auto;font-size:13px}.layout-mobile .pane-chat .chat-footer{margin:0}.layout-mobile .pane-chat #chat-input{height:44px;box-sizing:border-box;font-size:16px}.layout-mobile .pane-chat .chat-title{min-height:40px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;margin:0;padding:6px;font:inherit;font-size:12px;color:var(--ui-text);background:var(--ui-panel-2);background-image:none;border:2px solid var(--ui-line);border-radius:0;box-shadow:var(--ui-pixel-shadow)}.menu-button:hover{border:2px solid var(--ui-accent);background:var(--ui-panel-2)}.menu-button .pixel-icon{width:24px;height:24px;color:var(--ui-accent)}.menu-logout .pixel-icon{color:var(--ui-danger)}.menu-language{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.menu-language select{min-height:44px;min-width:140px;font-size:15px}.layout-mobile .menu-map .minimap-container{margin:8px 0;justify-content:flex-start}.layout-mobile .menu-map .minimap-wrapper{display:flex;gap:8px;height:auto}.layout-mobile .menu-map .button-stack{position:static;display:grid;grid-template-columns:repeat(2,44px);align-content:start;gap:4px;width:auto;height:auto;padding:0}.layout-mobile .menu-map .button-stack button.symbol-button{width:44px;height:44px;max-width:44px;margin:0;font-size:14px}.layout-mobile .menu-map .crosshair{pointer-events:none}.layout-mobile .modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}.layout-mobile .contextmenu.modal{position:absolute;left:0;top:0;transform:none;max-height:none;width:auto;min-width:160px}.layout-mobile .modal button,.layout-mobile .modal select{min-height:44px;min-width:44px}.layout-mobile .modal input[type=range]{min-height:44px}.layout-mobile .modal .close-button-transparent{width:44px;height:44px;max-width:44px;top:0;right:0}.layout-mobile .contextmenu button{min-height:44px;font-size:14px}.layout-mobile #enable-resolution,.layout-mobile #resolution{display:none}@media(max-width:720px),(max-height:520px){#login-wrapper,#login-wrapper #login-inner{min-width:0;min-height:0;width:100%;overflow:hidden}#login-wrapper #login-inner img{width:100%;height:100%;object-fit:cover}#login-wrapper #login-inner .login-settings{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);transform:translate(-50%);width:min(320px,calc(100vw - 32px));box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:8px}#login-wrapper #login-inner .login-settings button{width:100%;height:44px;margin:0;font-size:13px}#login-wrapper #login-inner .login-settings .login-language{grid-column:1 / -1;margin:0}#login-wrapper #login-inner .login-settings .login-language select{width:100%;min-height:44px}#login-wrapper .modal{max-width:calc(100vw - 16px);box-sizing:border-box}#login-wrapper .modal input{height:32px;font-size:16px;max-width:100%;box-sizing:border-box}#login-wrapper .modal button{min-height:44px}}.hotbar-item.disabled canvas,.hotbar-item.disabled .hotbar-text{opacity:.35;filter:grayscale(1)}.hotbar-item .hotbar-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.hotbar-picker{position:fixed;z-index:1000;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));max-height:70vh;overflow-y:auto;overscroll-behavior:contain;padding:12px;color:var(--ui-ink, #eee);background:var(--ui-panel, #222);border:2px solid var(--ui-line, #555);box-shadow:var(--ui-pixel-shadow, 0 0 8px #000)}.hotbar-picker[hidden]{display:none}.hotbar-picker header{display:flex;justify-content:space-between;align-items:center}.hotbar-picker h2,.hotbar-picker h3{margin:4px 0;font-size:15px}.hotbar-picker button,.hotbar-picker input{min-height:44px;min-width:44px;margin:2px;font:inherit}.hotbar-picker input{width:calc(100% - 110px);box-sizing:border-box}.hotbar-picker .spell-option{display:block;width:100%;text-align:left}.hotbar-picker .hotbar-item-list{display:flex;flex-wrap:wrap}.hotbar-picker .hotbar-mode[aria-checked=true]{outline:2px solid var(--ui-accent, #fc0)}.combat-controls{display:grid;grid-template-columns:repeat(2,auto);gap:4px;align-items:center;justify-content:center}.combat-button{min-width:44px;min-height:44px;padding:0 4px;font:inherit;font-size:11px;color:var(--ui-ink, #eee);background:var(--ui-panel, #222);border:2px solid var(--ui-line, #555)}.combat-button[aria-pressed=true]{border-color:var(--ui-accent, #fc0)}.soul-points{font-size:12px;min-width:44px;text-align:center}html:not(.layout-mobile) .combat-controls{display:none}.house-panel,.house-confirm{position:fixed;z-index:1000;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));max-height:70vh;overflow-y:auto;overscroll-behavior:contain;padding:12px;color:var(--ui-ink, #eee);background:var(--ui-panel, #222);border:2px solid var(--ui-line, #555);box-shadow:var(--ui-pixel-shadow, 0 0 8px #000)}.house-confirm{z-index:1001;border-color:var(--ui-accent, #fc0)}.house-panel[hidden],.house-confirm[hidden]{display:none}.house-panel header{display:flex;justify-content:space-between;align-items:center}.house-panel h2,.house-panel h3{margin:4px 0;font-size:15px}.house-note,.house-confirm-text{margin:4px 0 8px;font-size:13px}.house-actions,.house-lists{display:flex;flex-wrap:wrap;gap:4px}.house-panel button,.house-confirm button,.house-panel input{min-height:44px;min-width:44px;font:inherit}.house-actions button{flex:1 1 30%}.house-panel input{width:100%;margin:6px 0;box-sizing:border-box}.house-list[aria-checked=true]{outline:2px solid var(--ui-accent, #fc0)}.house-confirm-ok{font-weight:700;border-color:var(--ui-accent, #fc0)}.pwa-overlay{position:fixed;inset:0;z-index:200000;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#0a0b0ed1;font-family:var(--ui-font);text-shadow:none}.pwa-overlay[hidden]{display:none}.pwa-card{width:min(360px,100%);padding:20px;background:var(--ui-panel);border:2px solid var(--ui-line);box-shadow:var(--ui-pixel-shadow);color:var(--ui-text);text-align:center}.pwa-card h2{margin:0 0 8px;font-size:18px}.pwa-card p,.pwa-card ol{margin:0 0 16px;color:var(--ui-muted);font-size:15px;line-height:1.4}.pwa-card ol{text-align:left;padding-left:20px}.pwa-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pwa-actions button{min-width:44px;min-height:44px;padding:0 16px;border:2px solid var(--ui-line);background:var(--ui-panel-2);color:var(--ui-text);font:600 15px var(--ui-font);cursor:pointer}.pwa-actions button.pwa-primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-ink)}.pwa-actions button[hidden],#install-app[hidden]{display:none}.pwa-spinner{width:24px;height:24px;margin:0 auto 16px;border:3px solid var(--ui-line);border-top-color:var(--ui-teal);animation:pwa-spin .9s linear infinite}.pwa-spinner[hidden]{display:none}@keyframes pwa-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pwa-spinner{animation:none}}.asset-progress{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:150000;width:min(420px,calc(100% - 32px));padding:10px 12px;background:var(--ui-panel);border:2px solid var(--ui-line);color:var(--ui-text);font:14px var(--ui-font);text-shadow:none}.asset-progress[hidden]{display:none}.asset-progress-bar{display:block;height:8px;margin-top:6px;background:var(--ui-panel-2)}.asset-progress-bar span{display:block;height:100%;width:0;background:var(--ui-teal)}.game-keyboard{position:fixed;left:0;right:0;bottom:0;z-index:30000;display:flex;flex-direction:column;gap:4px;padding:6px max(4px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));background:var(--ui-bg);border-top:2px solid var(--ui-accent);font-family:var(--ui-font);text-shadow:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game-keyboard[hidden],.game-keyboard .kb-row[hidden]{display:none}.game-keyboard .kb-row{display:flex;gap:4px}.game-keyboard .kb-suggestions,.game-keyboard .kb-quick{overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.game-keyboard .kb-chip{flex:0 0 auto;min-height:40px;min-width:44px;padding:0 12px;border:2px solid var(--ui-line);background:var(--ui-panel-2);color:var(--ui-text);font:600 15px var(--ui-font);white-space:nowrap}.game-keyboard .kb-npc{border-color:var(--ui-teal);color:var(--ui-teal)}.game-keyboard .kb-spell{border-color:var(--ui-mp)}.game-keyboard .kb-keys{display:flex;flex-direction:column;gap:4px}.game-keyboard .kb-key{flex:1 1 0;min-width:0;height:44px;padding:0;border:0;border-radius:4px;background:var(--ui-panel-2);color:var(--ui-text);font:500 19px var(--ui-font);box-shadow:0 2px #00000080}.game-keyboard .kb-key:active{background:var(--ui-line)}.game-keyboard .kb-special{flex:1.5 1 0;background:var(--ui-panel);font-size:15px}.game-keyboard .kb-space{flex:5 1 0}.game-keyboard .kb-send{flex:2.2 1 0;background:var(--ui-accent);color:var(--ui-accent-ink);font-weight:700}.game-keyboard .kb-shift[aria-pressed=true]{background:var(--ui-teal);color:var(--ui-accent-ink)}.setting-column{flex-direction:column;align-items:stretch}.keyboard-panel textarea{width:100%;box-sizing:border-box;min-height:88px;font:15px var(--ui-font)}@media(max-height:500px){.game-keyboard{gap:3px;padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.game-keyboard .kb-keys,.game-keyboard .kb-row{gap:3px}.game-keyboard .kb-key{height:30px;font-size:16px}.game-keyboard .kb-chip{min-height:30px;font-size:14px}}html[data-layout=portrait].game-keyboard-open .sheet{height:min(var(--sheet-max, 50vh),34vh)}.social-panel{position:fixed;z-index:1000;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));max-width:560px;margin:0 auto;max-height:70vh;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:12px;color:var(--ui-text, #eee);font-family:var(--ui-font, sans-serif);font-size:14px;background:var(--ui-panel, #222);border:2px solid var(--ui-line, #555);box-shadow:var(--ui-pixel-shadow, 0 0 8px #000)}.social-panel[hidden]{display:none}.social-panel header{display:flex;justify-content:space-between;align-items:center;gap:8px}.social-panel h2,.social-panel h3{margin:4px 0;font-size:15px}.social-panel h3{color:var(--ui-muted, #aaa)}.social-panel button,.social-panel input,.social-panel select{min-height:44px;min-width:44px;margin:2px;font:inherit;box-sizing:border-box}.social-panel input,.social-panel select{max-width:100%}.social-panel .social-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:2px 0;border-bottom:1px solid var(--ui-line, #444)}.social-panel .social-label{flex:1 1 140px;overflow-wrap:anywhere}.social-panel .social-note{margin:4px 0;color:var(--ui-muted, #aaa)}.social-panel button[aria-pressed=true]{outline:2px solid var(--ui-accent, #fc0)}.social-panel .social-items{display:flex;flex-wrap:wrap;gap:4px;min-height:44px}.social-panel .social-item{display:flex;align-items:center;gap:4px;padding:2px 4px;background:var(--ui-panel-2, #333)}.social-panel .social-item canvas{width:32px;height:32px;image-rendering:pixelated}.social-panel .social-accepted{color:var(--ui-teal, #4fc2a2)}.social-bug-report .bug-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.social-bug-report .bug-category,.social-bug-report .bug-shot-toggle,.social-bug-report .bug-send,.social-bug-report .bug-done{min-height:48px}.social-bug-report .bug-send{width:100%}.social-bug-report .bug-label{display:block;margin-top:8px}.social-bug-report .bug-description{display:block;width:100%;min-height:112px;margin:4px 0;padding:8px;font:inherit;font-size:16px;color:inherit;background:var(--ui-panel-2, #333);border:2px solid var(--ui-line, #555);box-sizing:border-box;resize:vertical}.social-bug-report .bug-shot-preview{display:block;max-width:100%;max-height:140px;margin:4px 0;border:2px solid var(--ui-line, #555)}.social-bug-report .bug-shot-preview[hidden]{display:none}.social-bug-report .bug-context summary,.social-bug-report .bug-chat summary{display:flex;align-items:center;min-height:44px}.social-bug-report .social-error{color:var(--ui-danger, #f66)}.social-bug-report .bug-sent{color:var(--ui-teal, #4fc2a2)}.social-bug-report .bug-chat-line .social-label{font-size:13px}.social-bug-report .bug-chat-remove,.social-bug-report .bug-chat-clear{min-height:48px}