:root{font-family:Arial,Helvetica,sans-serif;color:#161616;background:#d5d5d5;font-size:13px}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input{font:inherit}button{cursor:pointer;background:linear-gradient(#fff,#dcdcdc);border:1px solid #777;border-radius:2px;padding:5px 10px;color:#222}button:hover{background:linear-gradient(#fff,#f2e5b2)}button:focus-visible,input:focus-visible{outline:3px solid #f5cd30;outline-offset:2px}[hidden]{display:none!important}#game{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:#95bed5}#viewport{display:block;width:100%;height:100%;touch-action:none}.window{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:min(530px,94vw);background:#f0f0f0;border:1px solid #444;box-shadow:3px 4px #0003;z-index:5}.window-title{background:linear-gradient(#467aaf,#285681);color:#fff;font-weight:700;padding:8px 11px;font-size:13px;border-bottom:1px solid #24415c;display:flex;align-items:center;justify-content:space-between}.window-title button{padding:0 6px;font-size:17px;line-height:19px}.window-body{padding:20px}.window-body h1{font-size:25px;margin:0 0 8px;letter-spacing:-.8px}.window-body p{color:#555;line-height:1.5;margin:5px 0 18px}#map-list{display:grid;gap:9px;margin:20px 0}.map-card{display:flex;align-items:center;gap:14px;text-align:left;padding:13px;background:#fff;border:1px solid #aaa;box-shadow:inset 0 0 0 2px #f6f6f6}.map-card .map-icon{width:52px;height:48px;flex:none;display:grid;place-content:center;background:#d4e6f7;font-size:28px;border:1px solid #9eb5c9}.map-card:nth-child(2) .map-icon{background:#d9e6c0;border-color:#afc18d}.map-card strong{display:block;font-size:15px;margin-bottom:5px}.map-card small{display:block;font-size:11px;color:#666}.map-card .play{margin-left:auto;background:linear-gradient(#89c746,#51931f);color:#fff;border:1px solid #3c7216;text-shadow:0 1px #315c17;padding:7px 14px;font-weight:700}.join-row{display:flex;align-items:end;gap:10px;justify-content:space-between}.join-row label{font-size:11px;font-weight:700}.join-row input{display:block;width:170px;padding:7px 8px;border:1px solid #999;background:#fff;margin-top:4px}.import-button{border:1px solid #888;background:linear-gradient(#fff,#ddd);padding:8px 12px;cursor:pointer}.small{font-size:11px;color:#777!important;margin:18px 0 0!important}#players{position:absolute;right:10px;top:8px;width:33cqw;max-width:528px;min-width:240px;max-height:45cqh;overflow:auto;background:#9999;color:#fff;font:clamp(12px,1.3671875cqw,22px)/1 "Comic Sans MS",Arial,sans-serif;pointer-events:none;scrollbar-width:thin;z-index:2}#players.player-list-only{width:16.5cqw;min-width:150px}.leader-row{display:grid;align-items:baseline;min-height:1em;padding:0 2px}.leader-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.leader-heading{margin-bottom:1em;padding-top:.25em}.leader-team{margin-top:.65em;border-bottom:1px solid currentColor;padding-bottom:.25em;margin-bottom:.25em}.leader-player.team-player>span:first-child{padding-left:5px}#player-list{padding-bottom:.5em}#chat{position:absolute;inset:0;pointer-events:none;font:12px/14px Comic Sans MS,Arial,sans-serif;color:#fff}#chat-lines{position:absolute;margin-top:52px;left:25px;width:min(500px,70vw);pointer-events:none}.chat-line{display:table;max-width:100%;padding:0 2px;background:#9999;overflow-wrap:anywhere;white-space:pre-wrap}.chat-name{font-weight:400}#chat-form{position:absolute;left:25px;top:174px;width:min(370px,70vw);pointer-events:auto}#chat-input{width:100%;padding:5px 7px;background:#fffc;border:1px solid #7778;font:12px Arial,sans-serif}#backpack{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:5px;max-width:95vw;overflow:auto}.tool-slot{position:relative;min-width:65px;width:65px;height:66px;border:2px solid #777;background:#fffc;padding:7px 3px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;box-shadow:1px 2px #0003}.tool-slot.selected{border:3px solid #f6ca19;background:#fffedb}.tool-slot img{height:36px;max-width:47px;object-fit:contain}.tool-slot em{font-style:normal;position:absolute;top:1px;left:3px;font-weight:700;font-size:10px}#game{container-type:size}#health{position:absolute;right:60px;top:50%;transform:translateY(-50%);width:1.25cqh;height:12.5cqh;pointer-events:none;font:2.25cqh/1.2 Comic Sans MS,Arial,sans-serif;color:#00f}#health>div{position:absolute;inset:0;background:red}#health-fill{position:absolute;bottom:0;left:0;display:block;background:#81c516;width:100%;height:100%}#health>span{position:absolute;top:100%;left:50%;transform:translate(-50%);white-space:nowrap}#error-count{color:#ffb19f}#output{position:absolute;left:10px;right:10px;bottom:40px;height:min(220px,40cqh);background:#15191def;border:1px solid #89929c;color:#eee;font:11px Consolas,monospace;z-index:10;display:flex;flex-direction:column;box-shadow:0 3px 16px #0005}.output-header{display:flex;gap:16px;align-items:center;padding:5px 10px;background:#333b43;flex:none}.output-header button{margin-left:auto;font-size:10px}#asset-status{color:#c7cbd0}#log-lines{padding:7px 10px;overflow:auto;flex:1;min-height:0;white-space:pre-wrap;overflow-wrap:anywhere}.log-error{color:#ff8b82}.log-warn,.log-unsupported{color:#edc77e}.log-info{color:#9bcbe2}#hint{position:absolute;top:0;left:0;right:0;pointer-events:none;text-align:center;background:#5559;color:#fff;padding:4px;display:none}#message{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:25px;font-weight:700;text-align:center;color:#fff;text-shadow:1px 2px #000;pointer-events:none}#loading{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#e7e7e7ed}.spinner{width:32px;height:32px;border:4px solid #aaa;border-top-color:#285781;border-radius:50%;animation:spin 1s linear infinite}#loading-detail{font-size:11px;color:#666}@keyframes spin{to{transform:rotate(360deg)}}#game-controls{position:absolute;left:12px;top:8px;display:grid;grid-template-areas:"logo menu" "chat .";grid-template-columns:auto auto;align-items:center;gap:4px 12px;z-index:4}#game-controls .wordmark{grid-area:logo;line-height:32px}#menu-button{grid-area:menu}#chat-toggle{grid-area:chat;justify-self:start}.wordmark{font-size:25px;font-weight:1000;letter-spacing:-1.8px;color:#fff;-webkit-text-stroke:1px #172f4a;text-shadow:1px 2px #163a5e;transform:rotate(-3deg);user-select:none;white-space:nowrap}.wordmark span{color:#f5cd30}#menu-button,#debug-controls button{background:#202830b3;border:1px solid #ffffff7a;color:#fff;text-shadow:0 1px #000;box-shadow:0 1px 3px #0003}#menu-button:hover,#debug-controls button:hover{background:#435262dd}#chat-toggle{width:32px;height:28px;display:grid;place-items:center;padding:0;border:0;background:transparent}#chat-toggle:hover{filter:brightness(1.2)}#chat-toggle img{display:block;width:32px;height:24px}#game-menu{top:50%;width:min(360px,94vw);max-height:calc(100% - 24px);overflow:auto;z-index:7}#game-menu .window-body{padding:16px}#connection{display:block;font-size:11px;color:#60676f;margin:6px 0 14px}#place-title{display:block;overflow-wrap:anywhere}.menu-options{display:grid;gap:7px}.menu-options button{text-align:left;padding:9px 10px}.menu-options kbd{float:right;font:10px Arial,sans-serif;color:#656565;padding-top:2px}#runtime-stats{display:block;margin-top:14px;color:#666;font-size:10px}#pad-teleports{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:11px}#pad-teleports button:disabled{cursor:default;opacity:.5}#debug-controls{position:absolute;bottom:10px;left:12px;z-index:4}#debug-controls button{font-size:11px;padding:4px 9px}#framerate{position:absolute;bottom:10px;right:12px;z-index:4;background:#20283099;color:#fff;padding:5px 8px;border-radius:2px;font-size:11px;font-variant-numeric:tabular-nums;min-width:6ch;white-space:nowrap;pointer-events:none}#backpack{bottom:12px;max-width:calc(100% - 190px)}@media(max-width:700px){#game-controls{column-gap:8px}.wordmark{font-size:22px}#players{min-width:210px;max-width:calc(100% - 20px);font-size:12px}#health{right:30px}.window-body{padding:15px}.map-card{gap:9px;padding:10px}.map-card strong{font-size:13px}.tool-slot{min-width:50px;width:50px;height:58px}#backpack{gap:3px;max-width:calc(100% - 165px)}}#character-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none}.character-label{position:absolute;left:0;top:0;pointer-events:none}.character-name{position:absolute;left:0;bottom:0;transform:translate(-50%);white-space:pre;font:12px/1 Comic Sans MS,Arial,sans-serif;color:#fff;text-shadow:-1px -1px #000,0 -1px #000,1px -1px #000,-1px 0 #000,1px 0 #000,-1px 1px #000,0 1px #000,1px 1px #000}.character-health{position:absolute;left:0;top:0;transform:translate(-50%);width:48px;height:6px;background:red}.character-health>i{display:block;width:100%;height:100%;background:#81c516}@media(max-width:480px){#players{top:82px}}#character{position:absolute;inset:0;z-index:7;overflow:auto;background:#cce6ff url(../../public/resources/website-2009/clouds.jpg) repeat-x center top;color:#000;font:12px/1.35 Comic Sans MS,Comic Sans,Verdana,sans-serif;padding:10px 20px 20px;scrollbar-gutter:stable}#character button,#character input,#character select{font-family:inherit;border-radius:0}#character button:focus-visible,#character input:focus-visible,#character select:focus-visible{outline:2px solid #0000ff;outline-offset:2px}.classic-header{width:min(900px,100%);margin:auto;border:1px solid #000;background:#72b5d2}.classic-header-inner{position:relative;width:100%;container-type:inline-size;aspect-ratio:898/72;min-height:54px;overflow:hidden}.classic-banner{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.classic-banner-year{position:absolute;left:63.2%;top:4%;font:italic 900 5.8cqw/1 Arial Black,Arial,sans-serif;letter-spacing:-.44cqw;color:#fff;-webkit-text-stroke:.65cqw #ff1717;paint-order:stroke fill;text-shadow:2px 2px 0 #ff1717;transform:rotate(-7deg);pointer-events:none}#header-play{position:absolute;right:34px;top:18px;padding:3px 12px;color:#fff;font:700 23px/1.1 Arial,sans-serif;border:3px solid #356a24!important;border-radius:8px!important;background:linear-gradient(#92ce6c,#4a9d25 52%,#317f19);box-shadow:2px 3px 3px #0008;text-shadow:1px 2px #356a24}#header-play:hover{filter:brightness(1.12)}.classic-nav{width:min(900px,100%);margin:auto;background:#729ac3;border:1px solid #000;border-top:0}.classic-nav>div{min-height:36px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:5px 10px;gap:0}.classic-nav button{padding:0 16px;background:none;border:0;border-right:2px solid white;color:#fff;font-size:18px;line-height:23px;font-weight:700}.classic-nav button:last-child,#character-help{border-right:0}.classic-nav button:hover{text-decoration:underline;background:none}#character-close{margin-left:auto;font-size:14px}.character-page{width:min(900px,100%);margin:auto;padding:15px 0 0}.character-heading{display:flex;align-items:baseline;gap:15px;margin:0 0 10px;padding:6px 10px;border:1px solid black;background:#fff}.character-heading h1{font-size:19px;line-height:24px;margin:0;letter-spacing:1px}.character-heading p{margin:0;font-size:11px;color:#333}.character-layout{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:10px}.avatar-card,.classic-panel{border:1px solid #000;background:#fff;box-shadow:none}.avatar-card{text-align:center;padding:0 10px 12px;background:#eee}.avatar-card h2,.classic-panel h2{font-size:15px;line-height:21px;letter-spacing:1px;margin:0;background:#ccc;border-bottom:1px solid #000;padding:3px 8px;text-align:left;color:#000}.avatar-card h2{margin:0 -10px 10px}.avatar-name-label{display:block;text-align:left;font-weight:700;font-size:11px;margin-bottom:3px}#player-name{display:block;width:100%;padding:3px 5px;background:#fff;border:2px dashed #888;font-size:14px}#hat-preview{display:block;width:100%;height:260px;margin-top:10px;touch-action:none;background:#fff;border:1px solid #000}.rotate-note{font-size:10px;color:#555;margin:5px 0 12px}#hat-name{display:block;font-size:12px;overflow-wrap:anywhere;color:#00c}#hat-year-label{display:block;font-size:10px;color:#555;margin:4px 0}.hat-actions{display:flex;justify-content:center;gap:6px;margin-top:8px}.hat-actions button{font-size:11px;padding:3px 7px}#hat-apply{font-weight:700}#avatar-status{font-size:10px;color:#333;min-height:12px;margin:10px 0}#hat-status{font-size:11px;color:#a03929;margin:4px 0}#hat-status:empty{display:none}.classic-play{width:100%;padding:7px 6px;font-size:15px;font-weight:700;color:#fff;border:1px solid #075d9a;background:linear-gradient(#bcefff,#37c9fd 45%,#009ae5 50%,#0065b0);border-radius:8px!important;text-shadow:1px 1px #00548d;box-shadow:inset 0 1px 2px #fff}.classic-play:hover{background:linear-gradient(#d9f8ff,#61d6ff 45%,#16aff5 50%,#0079cc)}.classic-promo{display:block;width:100%;padding:0;border:1px solid #000;background:#fff;margin:0 0 12px}.classic-promo:hover{filter:brightness(1.04)}.classic-promo img{display:block;width:100%;height:auto}.avatar-options{display:grid;gap:16px}.classic-panel-body{padding:12px}.editor-note{margin:0 0 10px;color:#666;font-size:11px}#body-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:13px}#body-parts button{font-size:11px;text-align:left;padding:7px 6px;display:flex;gap:6px;align-items:center;background:#fafafa;border-color:#bbb}#body-parts button:before{content:"";display:block;width:15px;height:15px;background:var(--part-color);border:1px solid #0004;flex:none}#body-parts button[aria-pressed=true]{background:#e1edf8;border:1px solid #3875ae;color:#245781;font-weight:700}#body-color-label{font-size:11px;display:block;margin-bottom:7px}#body-palette{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}#body-palette button{background-image:none;height:24px;min-width:0;padding:0;border:1px solid #0004;border-radius:0}#body-palette button[aria-pressed=true]{outline:2px solid #285b8a;outline-offset:1px;position:relative}#body-palette button:hover{transform:translateY(-1px)}.hat-catalog h2{display:flex;justify-content:space-between;align-items:center}#hat-count{font-size:10px;font-weight:400;color:#777}.hat-filters{display:flex;gap:7px;margin-bottom:10px}.hat-filters input{min-width:0;flex:1;padding:7px 9px;border:1px solid #aaa}.hat-filters select{max-width:35%;font:inherit;border:1px solid #aaa;background:#fff;padding:5px}#hat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:310px;overflow:auto;scrollbar-width:thin;padding:2px}.hat-option{display:flex;align-items:center;gap:8px;text-align:left;background:#fff;border:1px solid #ccc;padding:5px;min-height:85px;min-width:0}.hat-option:hover{background:#f3f7fc;border-color:#7a9cb9}.hat-option.selected{background:#e5f0fb;border:2px solid #3875ae;padding:4px}.hat-thumbnail{display:block;flex:none;object-fit:contain;width:82px;height:70px;background:#f5f5f5;border:1px solid #eee}.hat-option>span{display:block;min-width:0}.hat-option>span>span{display:block;font-size:11px;line-height:1.35;overflow-wrap:anywhere;color:#285b8a}.hat-option small{display:block;font-size:10px;color:#888;margin-top:5px}#hat-more{margin-top:9px;width:100%;font-size:11px}.character-footer{border-top:1px solid #888;text-align:center;color:#333;font:10px/1.4 Verdana,sans-serif;margin-top:12px;padding:7px 10px}.character-footer>p{color:#00c;margin:0 0 6px;border-bottom:1px solid #999;padding-bottom:6px}.character-footer>div{display:flex;align-items:center;justify-content:center;gap:16px}.character-footer img{object-fit:contain}#game.character-open #game-controls,#game.character-open #players,#game.character-open #debug-controls,#game.character-open #framerate,#game.character-open #backpack,#game.character-open #chat,#game.character-open #health{visibility:hidden}#welcome{z-index:9;top:50%}#home-map-list{display:grid;gap:12px;margin:16px 0 20px}#home-map-list .map-card{min-height:104px}#home-places .classic-panel-body{padding:18px}.places-intro{color:#666;font-size:12px;margin:0}#home-import{font-size:11px}#hat-apply.classic-play{font-size:16px;padding:10px 14px}#character-customize{font-size:16px}#home-map-list .map-card small{line-height:1.5}.place-filters{display:flex;align-items:center;gap:12px}.place-filters input{min-width:0;flex:1;padding:7px;border:1px solid #aaa}.place-filters>span{font-size:11px;color:#666;white-space:nowrap}.place-results{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow-y:auto;padding:2px 5px 4px 1px}.place-results>.map-card{flex-shrink:0}.place-details{flex:1;min-width:0}.place-details strong,.place-details small{display:block}.place-details select{display:block;width:100%;max-width:100%;font-size:11px;padding:4px;margin-top:7px;border:1px solid #bbb;background:#fff}.map-card .play{flex:none}.place-more{justify-self:center}.place-browser .map-card{margin:0;text-align:left}.place-browser{margin-block:12px}#welcome>.window-body{max-height:80dvh;overflow-y:auto}@media(max-width:740px)and (min-width:521px){#home-map-list .map-icon{display:none}#home-map-list .map-card{gap:8px;padding:10px}#home-map-list .map-card .play{padding:7px}#home-map-list .place-filters{flex-wrap:wrap}}@media(max-width:520px){.place-browser .map-icon{display:none}.place-browser .map-card{gap:10px}.place-details select{min-width:0}}#home-places .classic-panel-body{padding:10px}#home-map-list{gap:9px;margin:10px 0 12px}#home-map-list .map-card{border:0;border-bottom:1px solid #aaa;box-shadow:none;padding:9px 3px 12px;gap:10px;min-height:94px;background:#fff}#home-map-list .map-icon{width:48px;height:48px;background:#e1effb;border:1px solid #777;color:#245e97;font-size:25px}#home-map-list .map-card strong{color:#00c;font-size:14px;font-weight:400;margin-bottom:3px}#home-map-list .map-card small{color:#333;font-size:10px;line-height:1.5}#home-map-list .map-card .play{border:1px solid #0074b8;border-radius:7px;background:linear-gradient(#c9f3ff,#3dcafd 45%,#009ae4 50%,#0063b3);color:#000;text-shadow:none;font:700 17px Comic Sans MS,sans-serif;padding:5px 13px;box-shadow:inset 0 1px 2px #fff}#home-map-list .map-card .play:hover{filter:brightness(1.1)}#home-map-list .place-filters{gap:8px}#home-map-list .place-filters input{padding:4px;border:1px solid #888;font-size:11px}#home-map-list .place-filters>span{font-size:10px;color:#333}#home-map-list .place-results{max-height:460px;gap:0}#home-map-list .place-details select{font:10px Verdana,sans-serif;padding:3px;border-color:#999}#home-map-list .place-more,#home-import{background:#f5f5f5;border:1px solid #888;box-shadow:none;padding:3px 9px;color:#00c;font-size:11px}#home-places .places-intro{font-size:12px;color:#000;margin:0}#hat-apply.classic-play,#character-customize{font-size:14px;padding:8px 4px}#customization-controls .classic-panel-body{padding:10px}.editor-note{color:#333}#hat-count{color:#333;letter-spacing:0}#help{z-index:9}@media(max-width:740px){#character{padding:10px 12px 15px}#header-play{right:14px;top:12px;font-size:18px;padding:3px 8px}.classic-nav button{font-size:15px;padding:0 10px}.character-heading{display:block}.character-heading p{margin-top:3px}.character-layout{grid-template-columns:215px minmax(0,1fr)}#hat-list{grid-template-columns:1fr}#body-parts{grid-template-columns:repeat(2,1fr)}#body-palette{grid-template-columns:repeat(8,1fr)}.place-filters{flex-wrap:wrap}#home-map-list .map-icon{display:none}#home-map-list .map-card .play{font-size:14px;padding:5px 8px}}@media(max-width:520px){#character{padding:10px 8px 14px}.classic-header-inner{min-height:64px}.classic-banner{object-fit:cover;object-position:46% center;width:720px;max-width:none;left:50%;transform:translate(-50%)}#header-play{top:19px;right:8px;font-size:14px}.classic-nav button{font-size:13px;padding:0 8px}.classic-nav>div{padding:5px 2px}.character-layout{grid-template-columns:1fr}.avatar-card{padding-inline:12px}.avatar-card h2{margin-inline:-12px}#hat-preview{width:220px;height:245px;margin-inline:auto}.avatar-name-label,#player-name{max-width:280px;margin-inline:auto}.classic-play{max-width:280px}#body-parts{grid-template-columns:repeat(3,1fr)}#body-palette{grid-template-columns:repeat(12,1fr)}#hat-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hat-option{display:block;text-align:center}.hat-thumbnail{width:100%;height:82px;margin-bottom:7px}.hat-option>span>span{min-height:30px}.join-row{flex-wrap:wrap}.character-footer>div{flex-direction:column;gap:6px}#character-close{margin:4px 0 0;width:100%}}@media(max-width:520px){.classic-banner{width:100%;height:auto;left:0;top:0;transform:none;object-fit:contain;object-position:center top}.classic-banner-year{top:1px}#header-play{top:auto;bottom:4px;font-size:14px}}.map-card .map-thumbnail{display:block;width:120px;height:75px;flex:none;object-fit:cover;background:#b8d6e8;border:1px solid #777}@media(max-width:740px){.map-card .map-thumbnail{width:96px;height:60px}}@media(max-width:380px){.map-card .map-thumbnail{width:80px;height:50px}.place-browser .map-card{gap:7px}.map-card .play{padding:6px 9px}}#game{-webkit-user-select:none;user-select:none}#game input,#game textarea,#game [contenteditable]:not([contenteditable=false]){-webkit-user-select:text;user-select:text}#players *{pointer-events:none}