:root{font-family:Arial,Helvetica,sans-serif;color:#242a30;background:#82c9f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:600}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;min-width:320px;min-height:320px;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;outline:none;touch-action:none}.interface{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.hidden{display:none!important}.topbar{position:absolute;inset:0 0 auto;height:46px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:#476d84;border-bottom:2px solid #dce5e8;box-shadow:0 2px 4px #1b344438;pointer-events:auto}.brand{display:flex;align-items:center;gap:9px;padding:0;color:#fff;border:0;background:transparent;font-size:15px;font-weight:900;letter-spacing:.08em;cursor:pointer}.brick-mark{position:relative;width:28px;height:28px;display:inline-block;border:2px solid #f8f6e9;border-radius:2px;background-color:#cf5145;background-image:radial-gradient(ellipse at 18% 20%,#f5d28a 0 13%,transparent 15%),radial-gradient(ellipse at 50% 20%,#f5d28a 0 13%,transparent 15%),radial-gradient(ellipse at 82% 20%,#f5d28a 0 13%,transparent 15%);box-shadow:inset 0 -4px #551f1a33}.topbar-status{color:#e2edf2;font-size:12px}.status-dot{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#e6b458}.status-dot.connected{background:#72d077}.divider{margin:0 7px;color:#ffffff73}.topbar-actions{display:flex;gap:7px}.small-button,.tool-button,.close-button{border:1px solid rgba(255,255,255,.44);border-radius:2px;background:#edf0ef;box-shadow:0 1px #0000002e;cursor:pointer}.small-button{padding:6px 11px;font-size:12px;font-weight:800}.small-button:hover,.tool-button:hover,.classic-button:hover{filter:brightness(1.05)}.small-button:active,.tool-button:active,.classic-button:active{transform:translateY(1px);box-shadow:none}.small-button.active{background:#f5d276}kbd{padding:1px 4px;color:#4b5964;border:1px solid #c8d0d5;border-bottom-width:2px;border-radius:3px;background:#f7f8f8;font:700 10px/1.3 Trebuchet MS,Arial,sans-serif}.panel{position:absolute;z-index:3;padding:12px;border:2px solid #fff;border-radius:2px;background:#eef0eb;box-shadow:0 3px 8px #1f354347,inset 0 0 0 1px #b4c5cf;pointer-events:auto}.build-toolbar{top:68px;left:16px;width:275px}.toolbar-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.toolbar-heading strong,.panel-heading strong{color:#4a6575;font-size:12px;letter-spacing:.1em}.close-button{width:24px;height:24px;padding:0;color:#53636e;font-size:20px;line-height:18px}.button-row{display:flex;gap:5px}.tool-button{flex:1;padding:7px 4px;font-size:11px;font-weight:800}.tool-button.selected{border-color:#b3831c;background:linear-gradient(#ffe69a,#eac15a)}.world-actions{margin-top:12px}.tool-label{display:block;margin:12px 0 6px;color:#566a76;font-size:10px;font-weight:900;letter-spacing:.08em}.tool-label select{display:block;width:100%;margin-top:5px;padding:7px;border:1px solid #aebec7;border-radius:3px;background:#fff;color:#34434c}.palette{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:7px}.swatch{width:25px;height:25px;padding:0;border:2px solid #fff;border-radius:1px;box-shadow:0 0 0 1px #9caab1;cursor:pointer}.swatch.selected{outline:2px solid #ba8c24;outline-offset:1px}.tool-hint{margin:9px 0 0;color:#667780;font-size:10px;line-height:1.45}.chat-panel{left:16px;bottom:60px;width:315px;height:240px;display:flex;flex-direction:column}.chat-notice{margin:-4px 0 7px;color:#77868d;font-size:10px}.chat-messages{flex:1;min-height:50px;overflow-y:auto;font-size:12px}.chat-line{padding:2px 0;overflow-wrap:anywhere}.chat-line strong{color:#527997}#chat-form{display:flex;gap:6px;margin-top:8px}#chat-input{flex:1;min-width:0;padding:7px;border:1px solid #afbdc5;border-radius:3px;outline-color:#6ea2c3}#chat-form .classic-button{width:auto;padding:6px 11px}.players-panel{top:68px;right:16px;width:220px}.player-entry{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px}.player-swatch{width:17px;height:17px;border-radius:3px;background:#4288d3}.player-tag{margin-left:auto;color:#76848b;font-size:10px}.controls-hint{position:absolute;bottom:17px;left:50%;padding:7px 11px;color:#f6f7f3;border:1px solid rgba(255,255,255,.38);border-radius:2px;background:#2f424ed6;box-shadow:0 2px 6px #00000024;font-size:11px;white-space:nowrap;transform:translate(-50%)}.controls-hint span{padding:0 5px;color:#c4d2d7}.controls-hint kbd{margin-right:2px}.crosshair{position:absolute;top:50%;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);opacity:.8}.crosshair i,.crosshair b{position:absolute;display:block;background:#fff;box-shadow:0 0 2px #344}.crosshair i{top:6px;width:14px;height:2px}.crosshair b{left:6px;width:2px;height:14px}.combat-hud{position:absolute;left:50%;bottom:55px;display:grid;justify-items:center;gap:7px;pointer-events:auto;transform:translate(-50%)}.combat-vitals{width:196px;display:grid;grid-template-columns:48px 1fr 25px;align-items:center;gap:7px;padding:6px 9px;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:2px;background:#2f424ed6;font-size:9px}.combat-vitals b{text-align:right}.health-meter{height:7px;background:#00000052}.health-meter i{display:block;width:100%;height:100%;background:#81bd68;transition:width .15s}.health-meter i.low{background:#d65b4c}.weapon-slots{display:flex;gap:5px}.weapon-slot,.loadout-button{padding:7px 10px;color:#465761;border:1px solid #aab9c1;border-radius:2px;background:#edf0ed;box-shadow:0 1px #0003;font-size:10px;font-weight:900;cursor:pointer;pointer-events:auto}.weapon-slot.selected,.loadout-button.selected{border-color:#b3831c;background:linear-gradient(#ffe69a,#eac15a)}.weapon-slot kbd,.loadout-button kbd{margin-right:4px}.attack-slot{color:#fff;border-color:#9c4b40;background:#b9574a}.menu-loadout{display:grid;gap:7px;margin:4px 0 8px;color:#62727a;font-size:9px;letter-spacing:.08em}.loadout-buttons{display:flex;gap:6px}.loadout-button{flex:1;padding:8px 5px}.toast{position:absolute;top:67px;left:50%;padding:9px 15px;color:#fff;border-radius:4px;background:#2d4452e6;font-size:12px;transform:translate(-50%)}.round-banner{position:absolute;top:78px;left:50%;padding:12px 22px;color:#fff;border:2px solid rgba(255,255,255,.82);border-radius:3px;background:#3c494ce6;box-shadow:0 3px 8px #0000003d;font-size:18px;font-weight:900;text-align:center;transform:translate(-50%)}.screen{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#22343f57;pointer-events:auto}.screen-menu{justify-items:start;padding-left:clamp(20px,9vw,150px);background:linear-gradient(90deg,#1f37487a,#1f37481f 60%,#1f374800)}.menu-card,.dialog-card{width:min(390px,calc(100vw - 32px));padding:24px;border:2px solid #f8fbfc;border-radius:2px;background:#edf0ed;box-shadow:0 5px 16px #1c354452,inset 0 0 0 1px #b9c9d0}.menu-brand{display:flex;align-items:center;gap:13px}.brick-mark.large{width:54px;height:48px;border-width:2px;border-radius:2px;background-size:100% 100%}.eyebrow{color:#72838a;font-size:9px;font-weight:900;letter-spacing:.15em}h1{margin:1px 0 0;color:#405f75;font-size:25px;font-weight:900;letter-spacing:.045em}.menu-copy{margin:19px 0 17px;color:#62727a;font-size:13px}.classic-button{width:100%;margin:5px 0;padding:10px 12px;color:#465761;border:1px solid #aab9c1;border-radius:2px;background:#f7f8f5;box-shadow:0 1px #bac6cb;font-size:12px;font-weight:900;letter-spacing:.035em;cursor:pointer}.primary-button{color:#4c3a14;border-color:#c39535;background:#edcc75;box-shadow:0 1px #be8f2f}.unavailable{color:#8b9396;border-style:dashed;background:#e8ebeb;box-shadow:none;cursor:not-allowed}.menu-footer,.dialog-note,.settings-note{margin-top:14px;color:#839096;font-size:10px;text-align:center}.dialog-card{width:min(355px,calc(100vw - 32px));padding:20px}.dialog-title{margin-bottom:13px;color:#4e6a7c;font-size:15px;font-weight:900;letter-spacing:.14em}.browser-card{width:min(440px,calc(100vw - 32px))}.game-card{display:flex;align-items:center;gap:11px;padding:8px;text-align:left}.game-thumb{width:54px;height:47px;display:grid;place-items:center;color:#eff8e4;border:2px solid #fff;border-radius:3px;background:linear-gradient(#89caea 50%,#62a957 50%);font-size:28px}.game-info{flex:1;display:grid;gap:3px}.game-info strong{color:#435d6c;font-size:12px}.game-info small{color:#74838a;font-size:10px;font-weight:600}.game-card b{color:#7c641d;font-size:11px}.unavailable-card{display:grid;gap:4px;margin:9px 0 14px;padding:10px;color:#879398;border:1px dashed #c1cccf;border-radius:4px;background:#edf0ef;font-size:11px}.unavailable-card span{font-size:10px}.wardrobe-card{width:min(680px,calc(100vw - 28px));max-height:92vh;overflow-y:auto;padding:18px;border:2px solid #f8fbfc;border-radius:2px;background:#edf0ed;box-shadow:0 5px 16px #1c354452,inset 0 0 0 1px #b9c9d0}.wardrobe-copy{margin:-5px 0 12px;color:#74838a;font-size:11px}.modeler-viewport{position:relative;display:grid;place-items:center;width:100%;height:clamp(220px,36vh,360px);flex:0 0 auto;overflow:hidden;border:2px solid #b5c7ce;background:#b9d8e6}.modeler-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.modeler-loading{color:#536f80;font-size:12px;font-weight:800}.modeler-modebar{display:flex;align-items:center;gap:5px;margin:6px 0 12px}.modeler-modebar span{flex:1;min-width:180px;color:#74838a;font-size:9px;text-align:right}.modeler-modebar .selected,.cosmetic-part-row .selected{border-color:#b3831c;background:linear-gradient(#ffe69a,#eac15a)}.wardrobe-field{display:grid;gap:5px;color:#62727a;font-size:9px;font-weight:900;letter-spacing:.08em}.wardrobe-field input,.wardrobe-field select,.modeler-grid fieldset input{min-width:0;padding:6px;color:#465761;border:1px solid #b4c1c6;border-radius:2px;background:#fff;font:inherit}.wardrobe-field input[type=color]{height:31px;padding:2px}.modeler-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0}.modeler-grid fieldset{display:flex;gap:6px;min-width:0;margin:0;padding:6px;border:1px solid #c5d0d4}.modeler-grid legend{padding:0 4px;color:#62727a;font-size:8px;font-weight:900}.modeler-grid fieldset label{display:grid;flex:1;gap:3px;color:#819097;font-size:8px}.modeler-grid fieldset input{width:100%;padding:5px 3px;font-size:10px}.cosmetic-parts,.cosmetic-list{display:grid;gap:5px;margin:7px 0;color:#819097;font-size:10px}.cosmetic-part-row,.cosmetic-saved-row{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #d2dcdf;background:#f7f8f5}.cosmetic-part-row span,.cosmetic-saved-row strong{flex:1;min-width:0;color:#526873;font-size:10px}.cosmetic-saved-row .small-button{padding:5px 6px;font-size:8px}.wardrobe-actions{display:grid;grid-template-columns:1fr 1.4fr 1.5fr;gap:5px}.wardrobe-subtitle{display:block;margin-top:12px;color:#62727a;font-size:9px;letter-spacing:.08em}.back-button{margin-top:9px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:#566a75;border-bottom:1px solid #d5dfe2;font-size:12px}.setting-row input[type=range]{width:135px;accent-color:#5485a1}.sensitivity-row{display:grid;grid-template-columns:1fr minmax(100px,1.2fr) 42px}.sensitivity-row output{color:#536f80;font-size:11px;font-weight:800;text-align:right}.setting-row input[type=checkbox]{width:17px;height:17px;accent-color:#5485a1}@media(max-width:680px){.topbar{height:49px;padding:0 9px}.brand{font-size:11px}.brick-mark{width:24px;height:24px}.topbar-status{display:none}.topbar-actions{gap:4px}.small-button{padding:6px 7px;font-size:10px}.small-button kbd{display:none}.controls-hint{bottom:10px;max-width:calc(100vw - 20px);overflow:hidden;font-size:9px}.controls-hint span{padding:0 2px}.build-toolbar{top:57px;left:8px;width:265px}.chat-panel{left:8px;bottom:52px;width:min(315px,calc(100vw - 16px))}.players-panel{top:57px;right:8px;width:190px}.screen-menu{justify-items:center;padding:12px;background:#20364547}.menu-card{padding:19px}.wardrobe-card{padding:13px}.modeler-viewport{height:250px}.modeler-modebar{flex-wrap:wrap}.modeler-modebar span{width:100%;text-align:left}.modeler-grid{gap:6px}.wardrobe-actions{grid-template-columns:1fr}.cosmetic-saved-row{flex-wrap:wrap}.combat-hud{bottom:44px}.weapon-slot{padding:6px 8px;font-size:9px}}