:root{color:#171212;font-synthesis:none;--purple:#a73bb0;--ink:#171212;--paper:#fff9d9;--yellow:#fff200;background:#f8e8bb;font-family:Comic Sans MS,Segoe Print,cursive}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}body:before{content:"";pointer-events:none;opacity:.18;z-index:100;mix-blend-mode:multiply;background-image:radial-gradient(#8b7350 .7px,#0000 .8px);background-size:7px 7px;position:fixed;inset:0}.paint-panel,.paint-frame{border:4px solid var(--ink);background:var(--paper);box-shadow:6px 7px #171212}.game-page{min-height:100vh;padding:8px 16px 6px}.game-page.world-game{width:100vw;height:100vh;min-height:0;padding:0;overflow:hidden}.game-page.world-game.mobile-client{overscroll-behavior:none;height:100dvh}.world-game>.topbar{display:none}.topbar{align-items:center;gap:20px;max-width:1760px;min-height:54px;margin:auto;display:flex}.brand{letter-spacing:-3px;white-space:nowrap;font-size:clamp(24px,3vw,44px);font-weight:900;transform:rotate(-1deg)}.brand span{color:var(--yellow);text-shadow:-2px 0 #000,0 2px #000,2px 0 #000,0 -2px #000}.server-status{border:2px solid var(--ink);background:#fff;margin-left:auto;padding:7px 10px;font:700 12px/1 Arial,sans-serif;transform:rotate(.5deg)}.status-dot{background:#2db64f;border:1px solid #000;border-radius:50%;width:9px;height:9px;display:inline-block}.logout-button{border:3px solid var(--ink);box-shadow:3px 3px var(--ink);background:#f1ddd0;padding:8px 11px;font:900 10px Arial}.logout-button:active{box-shadow:1px 1px var(--ink);transform:translate(2px,2px)}.tiny-note{max-width:180px;font-size:11px;line-height:1.15}.game-layout{aspect-ratio:16/9;width:min(1760px,100vw - 32px,177.778vh - 156.444px);margin:4px auto;position:relative}.world-game .game-layout{aspect-ratio:auto;width:100vw;height:100vh;margin:0}.world-game.mobile-client .game-layout{height:100dvh}.world-game .world{aspect-ratio:auto;height:100%;box-shadow:none;border:0}.world{isolation:isolate;background:#8fd4ef;height:100%;position:relative;overflow:hidden}.paper-texture{z-index:-2;background:repeating-linear-gradient(4deg,#0000 0 22px,#00000006 23px 24px);position:absolute;inset:0}.world:after{content:"";z-index:-1;border:4px solid var(--ink);background:#7bcf55;border-radius:48% 52% 0 0/14% 18% 0 0;height:47%;position:absolute;bottom:-8%;left:-4%;right:-4%}.world.common{background:#0ba5da}.world.common:after,.world.common .scenery{display:none}.world-canvas{z-index:0;image-rendering:auto;touch-action:none;cursor:default;width:100%;height:100%;display:block;position:absolute;inset:0}.world-canvas.rat-hover{cursor:pointer}.mobile-client .world-canvas{cursor:pointer;-webkit-tap-highlight-color:transparent}.dummy-sprite{border:4px solid var(--ink);background:#b98752;border-radius:45% 45% 18% 18%;width:45px;height:62px;margin:auto;display:block;position:relative;box-shadow:4px 4px #0000008c}.dummy-sprite:before{content:"";border:4px solid #e8d2a2;border-radius:50%;width:23px;height:23px;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 5px #a73bb0,inset 0 0 0 9px #fff200}.dummy-sprite:after{content:"";border:3px solid var(--ink);background:#8a5c39;border-top:0;width:7px;height:20px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.dummy-sprite i{border:3px solid var(--ink);background:#8a5c39;height:7px;position:absolute;bottom:-24px;left:-14px;right:-14px}.canvas-rat-hit,.canvas-cheese-hit{z-index:900;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.canvas-rat-hit{width:11.7%;height:10.8%}.canvas-cheese-hit{width:9%;height:11%}.canvas-rat-hit:focus-visible{outline:0}.canvas-cheese-hit:focus-visible{outline:3px dashed var(--yellow);outline-offset:2px}.world-drop-active:before{content:"";z-index:2100;border:5px dashed var(--yellow);pointer-events:none;position:absolute;inset:7px;box-shadow:inset 0 0 0 3px #171212}.scene-depth{pointer-events:none;background:url(/rat_scene1.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.tree-canopy-depth{z-index:350;clip-path:polygon(48.8% 0,77.4% 0,79.8% 7.8%,80% 18%,78.3% 24%,74.7% 28.5%,70.6% 32.5%,66.6% 34%,63% 33%,61% 31%,59.5% 33%,55% 34%,51% 34%,48% 31%,46.5% 26%,46.5% 19%,47.5% 12%,48.8% 6%)}.tree-trunk-depth{z-index:350;clip-path:polygon(60.7% 23.2%,64% 23.7%,66.8% 25%,66.4% 31%,66% 40%,66.1% 50%,67.5% 59%,69.5% 62%,69.6% 63.5%,68.5% 64.4%,60.3% 63%,59.4% 61%,60.1% 55%,60.5% 47%,60.5% 37%,60.2% 29%,59.8% 24%)}.rock-middle-depth{z-index:435;clip-path:polygon(25.6% 69%,31.6% 67.6%,35.4% 70%,36.7% 76%,37.3% 78.2%,36.2% 79.6%,26.4% 78.5%,25.4% 76%)}.rock-front-depth{z-index:520;clip-path:polygon(9.3% 83.5%,12.1% 84%,15.3% 81.2%,18.4% 84%,19% 89%,19.8% 90%,19.7% 94%,18% 95%,10.6% 94.5%,7.6% 92%,8.8% 85%)}.world.hedge{background:#6c77aa}.world.hedge:after{background:#315c39}.world.market{background:#f0b274}.world.market:after{background:#b88654}.world.pantry{background:#f2d0dc}.world.pantry:after{background:#dab579}.world.cellar{background:#796c73}.world.cellar:after{background:#605044}.world.docks{background:#69b6c4}.world.docks:after{background:#8b7460}.world-title{z-index:1000;background:#fffdf0;border:3px solid #171212;padding:8px 12px 6px;position:absolute;top:16px;left:18px;transform:rotate(-1deg);box-shadow:3px 4px #000000b3}.world-title strong{letter-spacing:1px;font-size:clamp(13px,1.5vw,21px);display:block}.world-title small{font-size:10px;display:block}.cheese-count{z-index:1000;background:#fff;border:3px solid #171212;align-items:center;padding:5px 10px;font-size:20px;font-weight:900;display:flex;position:absolute;top:15px;right:15px;box-shadow:3px 4px #000000b3}.cheese-count img{object-fit:contain;width:44px;height:30px;image-rendering:pixelated}.scenery{z-index:-1;position:absolute}.cloud{background:#fff;border:3px solid #171212;border-radius:50%;width:105px;height:34px}.cloud:before,.cloud:after{content:"";background:inherit;border:3px solid #171212;border-bottom:0;border-radius:50% 50% 0 0;position:absolute}.cloud:before{width:42px;height:34px;top:-23px;left:12px}.cloud:after{width:52px;height:45px;top:-31px;right:8px}.cloud-one{top:14%;left:37%;transform:rotate(-2deg)scale(.8)}.cloud-two{top:24%;left:70%;transform:rotate(3deg)scale(.55)}.bush{background:#2b8e43;border:4px solid #171212;border-radius:50% 50% 15% 15%;width:130px;height:62px;bottom:28%}.bush:before,.bush:after{content:"";background:inherit;z-index:-1;border:4px solid #171212;border-radius:50%;position:absolute}.bush:before{width:60px;height:65px;top:-28px;left:6px}.bush:after{width:70px;height:70px;top:-34px;right:2px}.bush-one{left:4%;transform:rotate(-2deg)}.bush-two{right:3%;transform:rotate(2deg)scale(.8)}.scribble-path{border:34px solid #d8c07e;border-top-width:8px;border-radius:50%;width:46%;height:42%;bottom:-8%;left:30%;transform:rotate(-8deg)}.cheese-patch{background:0 0;border:0;width:88px;height:60px;padding:0;position:absolute;transform:translate(-50%,-50%)rotate(-3deg)}.cheese-patch img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(2px 3px #00000080);animation:1.4s steps(2,end) infinite cheese-wobble}.cheese-patch.close img{filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 5px #fff200)}@keyframes cheese-wobble{50%{transform:rotate(3deg)translateY(-2px)}}.rat{--rat-color:#a73bb0;pointer-events:none;will-change:left, top;width:112px;height:62px;transition:left .145s linear,top .145s linear;position:absolute;transform:translate(-50%,-70%)}.rat canvas{object-fit:contain;width:112px;height:51px;image-rendering:pixelated;filter:drop-shadow(2px 3px #00000073);transform-origin:50%}.rat canvas.facing-right{transform:scaleX(-1)}.rat.walking canvas{animation:.25s steps(2,end) infinite rat-walk}.rat.walking canvas.facing-right{animation-name:rat-walk-right}@keyframes rat-walk{50%{transform:translateY(-5px)rotate(-2deg)}}@keyframes rat-walk-right{0%,to{transform:scaleX(-1)}50%{transform:scaleX(-1)translateY(-5px)rotate(-2deg)}}.name-tag{white-space:nowrap;color:#171212;background:#fffdf0e6;border:1px solid #171212c7;border-radius:2px;justify-items:center;padding:3px 7px 4px;line-height:1;display:grid;position:absolute;top:-2px;left:50%;transform:translate(-50%,-100%);box-shadow:1px 1px #17121273}.name-tag span{color:var(--rat-color);letter-spacing:.55px;text-transform:uppercase;margin-bottom:2px;font:600 7px Arial,sans-serif}.name-tag strong{letter-spacing:.15px;font:700 9px Arial,sans-serif}.rat.me .name-tag{color:#171212;background:#fff200e6}.rat.me{transition:none}.rat-interaction-target{z-index:5;pointer-events:auto;cursor:pointer;background:0 0;border:2px dashed #0000;border-radius:45%;width:96px;height:45px;padding:0;position:absolute;top:9px;left:8px}.rat-interaction-target:hover,.rat-interaction-target:focus-visible,.rat-interaction-target[aria-expanded=true]{border-color:var(--yellow);outline-offset:1px;background:#ffef231f;outline:1px solid #171212a6}.rat-action-menu{z-index:2800;border:3px solid var(--ink);pointer-events:auto;background:#fffdf0;grid-template-columns:1fr 1fr;width:136px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 50px))rotate(-1deg);box-shadow:4px 4px #000000b3}.rat-action-menu:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:#fffdf0;width:14px;height:14px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.rat-action-menu strong,.rat-action-menu small{text-align:center;grid-column:1/-1;display:block}.rat-action-menu strong{padding:6px 7px 1px;font:900 11px Arial}.rat-action-menu small{color:var(--purple);text-transform:uppercase;padding:0 7px 6px;font:700 7px Arial}.rat-action-menu button{border:0;border-top:2px solid var(--ink);background:var(--yellow);cursor:pointer;min-height:29px;font:900 8px Arial}.rat-action-menu button+button{border-left:2px solid var(--ink);background:#d9c8ec}.rat-action-menu button:disabled{cursor:default;opacity:.5;filter:grayscale(.6)}.pickup-float{z-index:12;white-space:nowrap;color:#ffef23;letter-spacing:.35px;text-shadow:-1px -1px #171212,1px -1px #171212,-1px 1px #171212,1px 1px #171212;pointer-events:none;font:900 10px Arial,sans-serif;animation:1.4s ease-out forwards pickup-float;position:absolute;top:-34px;left:50%}@keyframes pickup-float{0%{opacity:0;transform:translate(-50%,8px)scale(.9)rotate(-2deg)}14%{opacity:1}68%{opacity:.9}to{opacity:0;transform:translate(-50%,-22px)scale(1.02)rotate(1deg)}}.world-speech-bubble{z-index:3000;pointer-events:none;filter:drop-shadow(3px 4px #0009);background:#fff;border:4px solid #171212;border-radius:50%;padding:10px 15px;font-size:17px;font-weight:900;animation:.2s steps(2,end) pop;position:absolute}.world-speech-bubble:before,.world-speech-bubble:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%);position:absolute}.world-speech-bubble:before{background:#171212;width:34px;height:30px}.world-speech-bubble:after{background:#fff;width:24px;height:21px}.world-speech-bubble.speech-body-left{transform:translate(calc(-100% - 16px),calc(-100% - 8px))rotate(-3deg)}.world-speech-bubble.speech-body-left:before{bottom:-22px;right:-19px}.world-speech-bubble.speech-body-left:after{bottom:-14px;right:-12px}.world-speech-bubble.speech-body-right{transform:translate(16px,calc(-100% - 8px))rotate(3deg)}.world-speech-bubble.speech-body-right:before{bottom:-22px;left:-19px;transform:scaleX(-1)}.world-speech-bubble.speech-body-right:after{bottom:-14px;left:-12px;transform:scaleX(-1)}@keyframes pop{0%{transform:scale(.2)rotate(-8deg)}}.world-chat{z-index:1200;width:min(430px,100% - 20px);font-family:Arial,sans-serif;position:absolute;bottom:9px;left:10px}.emote-bar{align-items:end;gap:7px;margin:0 0 7px 2px;display:flex}.emote-bar button{border:2px solid var(--ink);cursor:pointer;background:#fffef2;place-items:center;width:42px;height:42px;padding:3px;display:grid;position:relative;box-shadow:2px 2px #0009}.emote-bar button:after{content:attr(data-tooltip);border:2px solid var(--ink);color:var(--ink);letter-spacing:.7px;opacity:0;pointer-events:none;white-space:nowrap;background:#fffef2;padding:5px 8px;font:900 10px Arial;transition:opacity .1s linear,transform .1s linear;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,3px);box-shadow:2px 2px #0000008c}.emote-bar button:hover:after,.emote-bar button:focus-visible:after{opacity:1;transform:translate(-50%)}.emote-bar button:hover{background:var(--yellow);transform:translateY(-1px)}.emote-bar button:active{transform:translate(1px,1px);box-shadow:1px 1px #0009}.emote-bar img{object-fit:contain;pointer-events:none;width:100%;height:100%}.chat-box{background:#fff;border:3px solid #171212;grid-template-columns:auto 1fr auto;align-items:stretch;width:100%;height:42px;display:grid;position:static;box-shadow:3px 4px #000000b3}.chat-box label{background:var(--purple);color:#fff;place-items:center;padding:0 10px;font:900 10px Arial;display:grid}.chat-box input{background:#fffef2;border:0;outline:0;min-width:0;padding:0 12px;font-size:14px}.chat-box button,.rat-card button,.trade-card button{background:var(--yellow);border:0;border-left:3px solid #171212;padding:0 11px;font:900 11px Arial}.toast{z-index:1300;background:var(--yellow);border:4px solid #171212;padding:12px 20px;font-weight:900;animation:.15s steps(2,end) pop;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:5px 6px #171212}.side-panel{scrollbar-color:var(--purple) #efe4bd;scrollbar-width:thin;background:#fff9d9;min-height:0;padding:10px;overflow:hidden auto}.side-panel::-webkit-scrollbar{width:10px}.side-panel::-webkit-scrollbar-track{border-left:2px solid var(--ink);background:#efe4bd}.side-panel::-webkit-scrollbar-thumb{background:var(--purple);border:2px solid var(--ink)}.side-section+.side-section{margin-top:16px}.sidebar-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:12px 0 11px;display:grid}.sidebar-tabs button{border:2px solid var(--ink);min-width:0;min-height:34px;box-shadow:2px 2px var(--ink);letter-spacing:.2px;background:#fff;padding:6px 2px;font:900 8px Arial}.sidebar-tabs button:nth-child(2){transform:rotate(.5deg)}.sidebar-tabs button:nth-child(3){transform:rotate(-.5deg)}.sidebar-tabs button.selected{background:var(--yellow);color:var(--ink);box-shadow:1px 1px var(--ink);transform:translate(1px,1px)}.world-toolbar{z-index:3600;border:3px solid var(--ink);box-shadow:4px 4px var(--ink);background:#fff9d9f0;gap:6px;padding:5px;display:flex;position:absolute;top:12px;right:12px}.world-session{white-space:nowrap;align-items:center;gap:5px;padding:0 5px;font:900 9px Arial;display:inline-flex}.world-toolbar button{border:2px solid var(--ink);min-height:34px;box-shadow:2px 2px var(--ink);background:#fff;padding:5px 9px;font:900 9px Arial}.world-toolbar button.world-logout{background:#f1ddd0}.world-toolbar button.selected{background:var(--yellow);box-shadow:1px 1px var(--ink);transform:translate(1px,1px)}.world-toolbar b{border:2px solid var(--ink);background:var(--purple);color:#fff;border-radius:50%;place-items:center;min-width:19px;height:19px;margin-left:3px;padding:0 3px;font-size:8px;display:inline-grid}.world-panel{z-index:3500;width:min(410px,100% - 24px);max-height:calc(100% - 132px);position:absolute;top:64px;right:12px}.world-panel-close{z-index:2;float:right;border:3px solid var(--ink);width:32px;height:32px;box-shadow:2px 2px var(--ink);background:#f1ddd0;margin:-2px -2px 5px 7px;font:900 12px Arial;position:sticky;top:0}.world-panel .rats-title{margin-top:-2px}.world-map-panel{width:min(760px,100% - 24px)}.map-title{background:#16899a;margin-top:-2px}.world-map-grid{border:3px solid var(--ink);background:#4a443d;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px;display:grid;box-shadow:inset 0 0 0 3px #786d5e}.world-map-tile{isolation:isolate;aspect-ratio:16/9;border:3px solid var(--ink);background-position:50%;background-size:100% 100%;position:relative;overflow:hidden;box-shadow:2px 2px #171212}.world-map-tile:after{content:"";z-index:-1;background:#0000001f;position:absolute;inset:0}.world-map-tile.unavailable{background:#090909;border-color:#292929;place-items:center;display:grid;box-shadow:inset 0 0 22px #000,2px 2px #171212}.world-map-tile.unavailable:after{background:repeating-linear-gradient(135deg,#0000 0 9px,#ffffff06 9px 18px)}.world-map-tile.current{border-color:var(--yellow);outline:4px solid var(--purple);outline-offset:-7px;box-shadow:0 0 0 3px var(--ink), 4px 4px var(--ink)}.world-map-tile.current:before{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 20px #fff200b8}.world-map-tile.current strong{white-space:nowrap;border:2px solid var(--ink);background:var(--yellow);padding:4px 6px;font:900 9px Arial;position:absolute;top:5px;left:50%;transform:translate(-50%)rotate(-2deg)}.sidebar-view{animation:.12s steps(2,end) tab-pop}@keyframes tab-pop{0%{opacity:.35;transform:translateY(3px)}}.panel-title{background:var(--purple);color:#fff;border:3px solid #171212;justify-content:space-between;align-items:center;margin:-2px -2px 8px;padding:7px 8px;font:900 12px Arial;display:flex;transform:rotate(-.4deg)}.panel-title b{color:#171212;background:var(--yellow);border:2px solid #171212;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.rat-list,.trade-list{gap:7px;display:grid}.rat-card{background:#fff;border:2px solid #171212;grid-template-columns:48px 1fr auto;align-items:center;min-height:52px;display:grid;overflow:hidden}.rat-card canvas{object-fit:contain;width:48px;height:32px}.rat-card strong,.rat-card small{display:block}.rat-card strong{font-size:12px}.rat-card small{font-size:9px}.rat-card button{align-self:stretch;padding:0 6px;font-size:9px}.rat-card button:disabled{color:#777;background:#d7ceb8}.rats-title{background:#16899a;margin-top:14px}.rats-menu .rats-title{margin-top:-2px}.inventory-grid{background:#efe4bd;border:3px dashed #171212;grid-template-columns:repeat(3,1fr);gap:7px;min-height:100px;padding:7px;display:grid}.inventory-item{cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #171212;grid-column:span 2;grid-template-rows:1fr 1fr;grid-template-columns:56px 1fr;align-items:center;min-height:80px;padding:5px;display:grid;position:relative;box-shadow:3px 3px #171212}.inventory-item:active{cursor:grabbing;transform:translate(2px,2px);box-shadow:1px 1px #171212}.inventory-item.empty{opacity:.45;cursor:not-allowed}.inventory-item img{object-fit:contain;width:56px;height:45px;image-rendering:pixelated;grid-row:1/3}.inventory-item strong{align-self:end;font:900 11px Arial}.inventory-item span{color:var(--purple);align-self:start;font:900 18px Arial}.live-trade-window{margin-top:14px}.trading-with{text-align:center;margin:7px 0;font:900 10px Arial}.trade-slots{grid-template-columns:1fr 1fr;gap:7px;display:grid}.trade-slot{background:#fff;border:3px dashed #171212;align-content:start;justify-items:center;gap:3px;min-height:150px;padding:8px 5px;display:grid;position:relative}.trade-slot.mine{background:#fffbd2}.trade-slot.ready{outline-offset:-7px;border-style:solid;outline:4px solid #43b957}.trade-slot small{font:900 9px Arial}.trade-slot img{object-fit:contain;width:72px;height:55px;image-rendering:pixelated}.trade-slot strong{font:900 22px Arial}.trade-slot em{color:#fff;background:#43b957;border:2px solid #171212;padding:3px 5px;font:900 9px Arial;position:absolute;top:27px;right:3px;transform:rotate(5deg)}.slot-buttons{border:2px solid #171212;grid-template-columns:1fr 1fr;width:74px;display:grid}.slot-buttons button{background:var(--yellow);border:0;min-height:25px;font:900 18px/1 Arial}.slot-buttons button+button{border-left:2px solid #171212}.trade-actions{grid-template-columns:2fr 1fr;gap:6px;margin-top:8px;display:grid}.trade-actions button{border:3px solid #171212;min-height:38px;font:900 10px Arial;box-shadow:3px 3px #171212}.ready-button{color:#fff;background:#43b957}.ready-button:disabled{background:#90a78f}.cancel-button{background:#f1ddd0}.amount-row{align-items:center;gap:5px;margin:12px 0;font:900 9px Arial;display:flex}.amount-row span{margin-right:auto}.amount-row button{background:#fff;border:2px solid #171212;padding:4px 7px;font:900 10px Arial;box-shadow:2px 2px #171212}.amount-row button.selected{background:var(--yellow);transform:translate(1px,1px);box-shadow:1px 1px #171212}.trades-title{background:#16899a;margin-top:8px}.trade-card{background:#fff;border:2px solid #171212;font-size:11px}.trade-card strong{padding:8px;display:block}.trade-card div{border-top:2px solid #171212;grid-template-columns:1fr 1fr;display:grid}.trade-card button{border-left:0;min-height:30px}.trade-card button+button{border-left:2px solid #171212}.trade-card .secondary{background:#eee2ce}.empty-note{text-align:center;opacity:.6;padding:12px 4px;font-size:10px}footer{text-align:center;opacity:.65;max-width:1760px;margin:5px auto 0;font:700 8px Arial}.battle-page{overflow-x:hidden}.battle-shell{max-width:1440px;box-shadow:8px 9px var(--ink);background:#f7edc9;margin:10px auto;overflow:hidden}.battle-header{border-bottom:4px solid var(--ink);background:#fff9d9;justify-content:space-between;align-items:center;gap:15px;padding:10px 15px;display:flex}.battle-header small{color:var(--purple);letter-spacing:1.5px;font:900 9px Arial;display:block}.battle-header h1{margin:2px 0 0;font:900 clamp(16px,2vw,25px) Arial}.battle-team-count{border:3px solid var(--ink);background:var(--yellow);box-shadow:3px 3px var(--ink);padding:7px 10px;font:900 10px Arial;transform:rotate(1deg)}.turn-ribbon{border-bottom:3px solid var(--ink);background:#352b36;gap:6px;min-height:58px;padding:5px 10px;display:flex;overflow-x:auto}.turn-ribbon>div{min-height:44px;color:var(--ink);opacity:.65;background:#fffdf0;border:2px solid #fff9d9;flex:0 0 92px;grid-template-columns:36px 1fr;align-items:center;padding:3px 5px;font:900 8px Arial;display:grid}.turn-ribbon>div.current{opacity:1;outline:4px solid var(--yellow);transform:translateY(1px)}.turn-ribbon canvas{object-fit:contain;width:36px;height:28px}.mini-dummy{border:3px solid var(--ink);background:#b98752;border-radius:45% 45% 15% 15%;width:22px;height:31px;margin:auto;display:block}.battle-main{background:#ddd0a8;grid-template-columns:minmax(0,1fr) 238px;gap:10px;padding:10px;display:grid}.battle-board-wrap{border:3px solid var(--ink);background:#171212;min-width:0;padding:8px;box-shadow:inset 0 0 0 3px #ffffff47}.battle-board{isolation:isolate;aspect-ratio:16/9;border:3px solid var(--ink);image-rendering:auto;background-position:50%;background-size:100% 100%;grid-template-columns:repeat(12,minmax(38px,1fr));display:grid;position:relative;overflow:hidden}.battle-cell{background:#fff9d90e;border:0;min-width:0;min-height:0;padding:0;position:relative;overflow:visible}.battle-cell.odd{background:#1e141411}.battle-cell.blocked{cursor:not-allowed;background:repeating-linear-gradient(135deg,#1712121f 0 5px,#ffffff06 5px 10px)}.battle-cell.ally-start{background:#ac3db8ab;box-shadow:inset 0 0 0 3px #fff}.battle-cell.enemy-start{background:#cf4d3dab;box-shadow:inset 0 0 0 3px #fff3b2}.battle-cell.reachable{background:#53bfdaa1;box-shadow:inset 0 0 0 3px #e9feff}.battle-cell.reachable:hover{background:#82e9f5cc;transform:translateY(-2px)}.battle-cell.spell-range{background:#ffbc36b3;box-shadow:inset 0 0 0 3px #fff5b5}.battle-cell.spell-hit{background:#ef5c45e0;animation:.55s steps(2,end) infinite battle-target}.battle-cell.my-cell{outline:3px solid var(--yellow);outline-offset:-4px}.battle-cell>small{z-index:7;background:#fff;padding:1px 2px;font:900 7px Arial;position:absolute;bottom:1px;right:2px}.battle-scene-foreground{image-rendering:auto;pointer-events:none;background-position:50%;background-size:100% 100%;position:absolute;inset:0}.battle-grid-ink{z-index:1000;pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#1712129e 100%),linear-gradient(#0000 calc(100% - 1px),#1712129e 100%);background-size:8.33333% 100%,100% 14.2857%;position:absolute;inset:0}.battle-map-stamp{z-index:1001;border:2px solid var(--ink);box-shadow:2px 2px var(--ink);pointer-events:none;background:#fff9d9e6;padding:4px 6px;font:900 7px Arial;position:absolute;top:7px;left:7px}.battle-rat,.battle-dummy{z-index:5;pointer-events:none;justify-items:center;width:94px;display:grid;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.battle-rat canvas{object-fit:contain;filter:drop-shadow(2px 3px #0000008c);width:74px;height:35px}.battle-rat.taking-turn canvas{animation:.35s steps(2,end) infinite rat-walk}.battle-rat b,.battle-dummy b{white-space:nowrap;border:1px solid var(--ink);background:#fffdf0;padding:1px 3px;font:900 7px Arial}.battle-rat i,.battle-dummy i{white-space:nowrap;color:#fff;background:#cf493e;margin-top:1px;padding:1px 3px;font:900 6px Arial}.battle-dummy{bottom:2px}.battle-dummy .dummy-sprite{border-width:3px;width:34px;height:46px;margin-bottom:3px;box-shadow:2px 3px #00000080}.battle-dummy .dummy-sprite:before{border-width:3px;width:17px;height:17px;top:9px;box-shadow:inset 0 0 0 3px #a73bb0,inset 0 0 0 6px #fff200}.battle-dummy .dummy-sprite:after,.battle-dummy .dummy-sprite i{display:none}.board-legend{border:2px solid var(--ink);background:#fffdf0f0;flex-wrap:wrap;gap:6px 12px;margin-top:7px;padding:5px 7px;font:900 8px Arial;display:flex}.board-legend span{align-items:center;gap:4px;display:inline-flex}.board-legend i{border:1px solid var(--ink);width:13px;height:13px;display:inline-block}.walkable-key{background:#e6d9ae}.blocked-key{background:#2d2525}.ally-key{background:var(--purple)}.enemy-key{background:#cf4d3d}.battle-log{min-height:0;box-shadow:4px 5px var(--ink);flex-direction:column;padding:10px;display:flex}.battle-log h2{border:2px solid var(--ink);background:var(--purple);color:#fff;margin:0 -4px 7px;padding:7px;font:900 11px Arial}.battle-log>div:first-of-type{flex:1;overflow-y:auto}.battle-log p{border-bottom:1px dashed #8c7e70;margin:0 0 6px;padding-bottom:5px;font:700 8px/1.3 Arial}.dummy-plan{border:2px dashed var(--ink);text-align:center;background:#fff3ac;gap:3px;margin-top:8px;padding:7px;font:900 9px Arial;display:grid}.dummy-plan span{color:#a13a31}.battle-message{border:3px solid var(--ink);text-align:center;background:#ffd7d0;margin:-2px 10px 8px;padding:7px 10px;font:900 10px Arial}.placement-bar,.ability-bar,.victory-bar{border-top:4px solid var(--ink);background:#fff9d9;align-items:center;gap:10px;padding:10px 14px;display:grid}.placement-bar{grid-template-columns:minmax(0,1fr) auto auto}.placement-bar>div,.victory-bar>div{gap:3px;display:grid}.placement-bar strong,.victory-bar strong{font:900 12px Arial}.placement-bar span,.victory-bar span{font:700 9px Arial}.placement-bar button,.victory-bar button,.end-turn{border:3px solid var(--ink);background:var(--yellow);min-height:43px;box-shadow:3px 3px var(--ink);padding:7px 12px;font:900 10px Arial}.placement-bar .leave-board{background:#eadbc9}.waiting-leader{border:2px dashed var(--ink);background:#fff;padding:8px}.ability-bar{background:#302831;grid-template-columns:minmax(230px,1fr) 118px 54px 54px 120px}.turn-stats{color:#fff;align-items:center;gap:10px;font:900 9px Arial;display:flex}.turn-stats>strong{text-align:center;border:2px solid #fff9d9;min-width:105px;padding:8px}.turn-stats.mine>strong{background:var(--purple)}.turn-stats span{justify-items:center;display:grid}.turn-stats b{color:var(--yellow);font-size:20px}.spell-button{border:3px solid var(--ink);background:#fff9d9;grid-template-rows:1fr 1fr;grid-template-columns:28px 1fr;min-height:54px;padding:4px;display:grid;box-shadow:3px 3px #000}.spell-button.selected{outline:4px solid var(--yellow);background:#ffdb73;transform:translateY(-2px)}.spell-button:disabled{opacity:.4}.spell-button .chomp-icon{grid-row:1/3;place-items:center;font:900 20px Arial;display:grid}.spell-button strong{align-self:end;font:900 11px Arial}.spell-button small{align-self:start;font:700 7px Arial}.future-spell{color:#8e808b;border:3px dashed #8e808b;place-items:center;height:54px;font:900 20px Arial;display:grid}.end-turn{background:#fff200;justify-self:end}.victory-bar{background:#c7edb2;grid-template-columns:1fr auto}@keyframes battle-target{50%{box-shadow:inset 0 0 0 5px #fff200}}.titles-menu>summary{cursor:pointer;list-style:none}.titles-menu>summary::-webkit-details-marker{display:none}.titles-menu:not([open])>summary{margin-bottom:-2px}.cosmetics-flavour{text-align:center;opacity:.7;margin:2px 0 9px;font:italic 700 9px Arial}.progress-note{text-align:center;margin:3px 0 7px;font:900 8px Arial}.title-rat-preview{object-fit:contain;width:150px;height:69px;image-rendering:pixelated;margin:0 auto 8px;display:block}.title-list{gap:7px;display:grid}.title-list>button{text-align:left;border:2px solid var(--ink);min-height:48px;box-shadow:2px 2px var(--ink);background:#fff;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;padding:5px;display:grid}.title-list>button.selected{outline:3px solid var(--purple);background:#fff8a9}.title-list>button.locked{opacity:.48;filter:grayscale(.5)}.title-list i{border:2px solid var(--ink);border-radius:50%;width:24px;height:24px}.title-list span strong,.title-list span small{display:block}.title-list span strong{font:900 10px Arial}.title-list span small{margin-top:3px;font:700 8px Arial}.title-list b{font:900 9px Arial}.friend-form{grid-template-columns:1fr auto;margin-bottom:11px;display:grid}.friend-form input{border:3px solid var(--ink);background:#fff;outline:0;min-width:0;padding:8px}.friend-form button{border:3px solid var(--ink);background:var(--yellow);border-left:0;font:900 9px Arial}.friends-menu h3{letter-spacing:1px;margin:13px 0 6px;font:900 9px Arial}.friend-card{border:2px solid var(--ink);background:#fff;grid-template-columns:1fr auto;align-items:center;margin-bottom:6px;display:grid;overflow:hidden}.friend-card strong,.friend-card small{grid-column:1;padding-left:7px;display:block}.friend-card strong{padding-top:6px;font:900 11px Arial}.friend-card small{padding-bottom:6px;font:700 8px Arial}.friend-card>button,.friend-card>div{grid-area:1/2/3;align-self:stretch}.friend-card>div{grid-template-rows:1fr 1fr;display:grid}.friend-card button{border:0;border-left:2px solid var(--ink);background:var(--yellow);padding:4px 7px;font:900 8px Arial}.friend-card div button+button{border-top:2px solid var(--ink)}.friend-card button.secondary{background:#f1ddd0}.friend-card.accepted small.friend-online{color:#22883a}.friend-card.accepted small.friend-offline{color:#4b4b4b}.welcome-page{grid-template-rows:1fr auto;place-items:center;min-height:100vh;padding:30px;display:grid;position:relative;overflow:hidden}.welcome-backdrop{z-index:0;object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}.welcome-card{z-index:1;text-align:center;width:min(560px,100%);padding:30px 44px 38px;position:relative;transform:rotate(-.4deg);box-shadow:10px 12px #000000b8}.welcome-card h1{text-align:center;letter-spacing:-6px;width:100%;color:var(--purple);-webkit-text-stroke:2px #171212;text-shadow:4px 5px 0 var(--yellow);margin:0;font-size:clamp(42px,10vw,76px);line-height:.9;position:relative;left:-28px}.eyebrow{letter-spacing:2px;margin:0 0 12px;font:900 11px Arial}.welcome-copy{max-width:390px;margin:20px auto 8px;font-size:16px}.welcome-rat{object-fit:contain;width:230px;max-width:70%;height:106px;image-rendering:pixelated;margin:8px auto 0;display:block}.connection-note{background:#fff;border:2px dashed #171212;padding:5px 10px;font-size:11px;display:inline-block}.login-error{border:2px solid var(--ink);background:#ffd7d0;margin:8px 0 0;padding:7px;font:900 10px Arial}.welcome-card form{text-align:left;gap:14px;margin-top:14px;display:grid}.welcome-card label,.welcome-card legend{letter-spacing:1px;font:900 10px Arial}.welcome-card input{background:#fff;border:3px solid #171212;outline:0;width:100%;margin-top:5px;padding:10px;display:block;box-shadow:3px 3px #171212}.welcome-card fieldset{border:0;margin:0;padding:0}.color-row{gap:9px;margin-top:7px;display:flex}.color-dot{border:3px solid #171212;border-radius:50%;width:28px;height:28px;box-shadow:2px 2px #171212}.color-dot.selected{outline:3px solid var(--yellow);outline-offset:2px;transform:translateY(-3px)}.big-button{background:var(--yellow);border:3px solid #171212;padding:12px;font-weight:900;box-shadow:4px 5px #171212}.big-button:active{transform:translate(3px,3px);box-shadow:1px 2px #171212}.no-email-note{text-align:center;font:700 9px Arial}.secure-login-actions{gap:12px;margin-top:16px;display:grid}.migration-note{text-align:center;letter-spacing:1px;color:var(--purple);margin:0;font:900 12px Arial}.text-button{background:0 0;border:0;padding:4px;font:900 9px Arial;text-decoration:underline}.welcome-page>footer{z-index:1;background:#fff9d9db;width:100%;margin-top:26px;padding:4px 8px;position:relative}.auth-overlay{z-index:5000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#120c149e;place-items:center;padding:18px;animation:.14s steps(2,end) auth-fade;display:grid;position:fixed;inset:0}.auth-dialog{text-align:center;width:min(420px,100%);padding:24px 30px 28px;position:relative;transform:rotate(-.25deg);box-shadow:9px 11px #000000c7}.auth-dialog h2{color:var(--purple);letter-spacing:-1px;text-shadow:2px 2px var(--yellow);margin:2px 0 0;font:900 27px Arial}.auth-close{border:3px solid var(--ink);width:32px;height:32px;box-shadow:2px 2px var(--ink);background:#fff;font:900 21px/1 Arial;position:absolute;top:8px;right:9px}.auth-close:active{box-shadow:none;transform:translate(2px,2px)}.auth-rat{width:150px;height:70px;margin:4px auto 5px;display:block}.auth-mode-tabs{border:3px solid var(--ink);box-shadow:3px 3px var(--ink);grid-template-columns:1fr 1fr;margin-top:11px;display:grid}.auth-mode-tabs button{background:#fff;border:0;min-height:39px;font:900 11px Arial}.auth-mode-tabs button+button{border-left:3px solid var(--ink)}.auth-mode-tabs button.selected{background:var(--purple);color:#fff}.auth-provider-list{gap:11px;margin-top:16px;display:grid}.google-button{background:#fff;grid-template-columns:26px 1fr 26px;align-items:center;display:grid}.google-button span{border:2px solid var(--ink);color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font:900 14px Arial;display:grid}.google-button:disabled{color:#746f67;filter:grayscale(.7);background:#e6e1d5}.auth-divider{color:#665e55;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;font:900 9px Arial;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--ink);opacity:.35;height:2px}.auth-divider span{display:block}.rat-account-button{background:var(--yellow)}.auth-method-note{letter-spacing:.45px;margin-top:-5px;font:900 9px/1.25 Arial}.auth-safety-note{opacity:.72;max-width:310px;margin:15px auto 0;font:700 9px/1.35 Arial;display:block}.popup-finished{text-align:center;color:#171212;background:#fff9d9;place-content:center;gap:8px;min-height:100vh;font-family:Arial,sans-serif;display:grid}.popup-finished strong{color:#a73bb0;font-size:24px}@keyframes auth-fade{0%{opacity:0}}@media (max-width:900px){.game-page{padding:8px}.topbar{gap:10px;min-height:50px}.tiny-note{display:none}.game-layout{width:min(100vw - 16px,177.778vh - 145.778px)}.world{aspect-ratio:16/9;height:auto;min-height:0}.battle-main{grid-template-columns:1fr}.battle-log{max-height:150px}.battle-board{grid-template-columns:repeat(12,minmax(30px,1fr))}.ability-bar{grid-template-columns:1fr 112px 44px 44px 105px}}@media (max-width:560px){.game-page{padding:6px}.topbar{flex-wrap:wrap;gap:6px 9px;min-height:58px;padding-bottom:4px}.brand{letter-spacing:-2px;flex:1 0 auto;font-size:28px}.server-status{text-align:center;order:3;width:100%;margin:0;padding:6px 8px;font-size:11px}.logout-button{min-height:36px;padding:7px 10px;font-size:12px}.game-layout{margin-top:4px}.world{aspect-ratio:16/9;min-height:0}.world-title small{display:none}.cheese-count{font-size:14px}.cheese-count img{width:32px}.world-chat{width:calc(100% - 12px);bottom:6px;left:6px}.mobile-client .world-chat{left:max(6px, env(safe-area-inset-left));right:max(6px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));width:auto}.chat-box{grid-template-columns:1fr auto;height:48px}.chat-box label{display:none}.chat-box input{padding:0 10px;font-size:16px}.chat-box button{padding:0 12px;font-size:13px}.rat,.rat canvas{width:88px}.side-panel{padding:10px;font-family:Arial,sans-serif}.world-toolbar{justify-content:flex-end;gap:3px;padding:3px;top:6px;left:6px;right:6px}.mobile-client .world-toolbar{top:max(6px, env(safe-area-inset-top));right:max(6px, env(safe-area-inset-right));left:max(6px, env(safe-area-inset-left))}.world-session{display:none}.world-toolbar button{flex:auto;min-width:0;min-height:38px;padding:4px 3px;font-size:9px}.world-toolbar b{display:none}.world-panel{width:auto;max-height:none;position:fixed;inset:126px 8px 8px}.world-game .world-panel{top:max(58px, calc(env(safe-area-inset-top) + 58px));right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left))}.mobile-client .emote-bar button{width:46px;height:46px}.world-map-panel{padding:8px}.world-map-grid{gap:4px;padding:5px}.world-map-tile{border-width:2px}.world-map-tile.current strong{font-size:7px}.panel-title{padding:9px 10px;font-size:14px}.sidebar-tabs button{min-height:44px;font-size:12px}.rat-card{grid-template-columns:56px 1fr auto;min-height:62px}.rat-card canvas{width:56px;height:38px}.rat-card strong{font-size:15px}.rat-card small{font-size:12px}.rat-card button{min-width:60px;padding:0 8px;font-size:12px}.inventory-item{grid-template-columns:64px 1fr;min-height:92px}.inventory-item img{width:64px;height:52px}.inventory-item strong{font-size:14px}.inventory-item span{font-size:22px}.trading-with,.trade-slot small,.trade-actions button{font-size:12px}.trade-slot{min-height:166px}.trade-slot em{font-size:11px}.friend-form input{min-height:44px;font-size:16px}.friend-form button,.friend-card button{font-size:12px}.friends-menu h3{font-size:13px}.friend-card strong{font-size:14px}.friend-card small{font-size:11px}.cosmetics-flavour{font-size:12px}.progress-note{font-size:11px}.title-list span strong{font-size:13px}.title-list span small,.title-list b{font-size:11px}.empty-note{font-size:12px}footer{font-size:10px}.welcome-page{padding:10px;overflow-y:auto}.welcome-card{padding:24px 16px 28px}.welcome-card h1{letter-spacing:-4px;font-size:clamp(40px,15vw,58px);left:-8px}.eyebrow{letter-spacing:1.5px;font-size:13px;line-height:1.3}.welcome-copy{margin-top:16px;font-size:17px;line-height:1.35}.big-button{min-height:48px;font-size:16px}.connection-note{font-size:13px;line-height:1.35}.no-email-note,.auth-safety-note{font-size:13px;line-height:1.45}.text-button{min-height:38px;padding:8px 5px;font-size:14px;line-height:1.25}.auth-overlay{align-items:start;padding:10px;overflow-y:auto}.auth-dialog{margin:auto 0;padding:24px 16px 22px}.auth-dialog h2{padding:0 34px;font-size:32px;line-height:1.05}.auth-rat{width:132px;height:62px}.auth-mode-tabs button{min-height:44px;font-size:14px}.auth-provider-list{gap:13px}.google-button{font-size:15px}.auth-divider,.auth-method-note{font-size:12px}.login-error{font-size:12px;line-height:1.35}.battle-page{padding:5px}.battle-shell{box-shadow:4px 5px var(--ink);margin:4px 0}.battle-header{align-items:flex-start;padding:8px}.battle-header h1{font-size:15px}.battle-team-count{padding:5px;font-size:8px}.turn-ribbon{min-height:51px;padding:4px 6px}.turn-ribbon>div{flex-basis:78px;grid-template-columns:28px 1fr;min-height:39px;font-size:7px}.turn-ribbon canvas{width:28px;height:23px}.battle-main{gap:6px;padding:6px}.battle-board-wrap{padding:4px;overflow-x:auto}.battle-board{grid-template-columns:repeat(12,55px);width:660px;max-width:none}.battle-rat canvas{width:58px;height:28px}.battle-rat b,.battle-dummy b{font-size:6px}.board-legend{width:660px;font-size:9px}.battle-log{max-height:125px}.battle-log p{font-size:10px}.placement-bar{grid-template-columns:1fr;padding:8px}.placement-bar button{width:100%;font-size:12px}.ability-bar{z-index:20;grid-template-columns:1fr 102px 42px 42px;padding:7px;position:sticky;bottom:0}.turn-stats{grid-column:1/-1;justify-content:space-between}.turn-stats>strong{min-width:90px}.end-turn{grid-area:2/4;width:88px;padding:4px;font-size:9px}.spell-button{grid-area:2/1}.future-spell{grid-row:2}.victory-bar{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.map-editor-page{background:#f3dc9d;min-height:100vh;padding:14px;font-family:Arial,sans-serif}.editor-topbar{border:4px solid var(--ink);background:var(--paper);max-width:1600px;box-shadow:5px 6px var(--ink);align-items:center;gap:18px;margin:0 auto 14px;padding:10px 14px;display:flex}.editor-topbar small{letter-spacing:1.5px;color:var(--purple);font:900 10px/1 Arial;display:block}.editor-topbar h1{letter-spacing:-2px;margin:3px 0 0;font:900 clamp(22px,3vw,38px)/1 Arial}.editor-file-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.editor-file-actions button,.editor-file-actions a{border:3px solid var(--ink);min-height:36px;color:var(--ink);box-shadow:2px 2px var(--ink);background:#fff;padding:8px 11px;font:900 10px/1 Arial;text-decoration:none}.editor-file-actions .editor-save{background:var(--yellow)}.editor-layout{grid-template-columns:270px minmax(0,1fr);gap:14px;max-width:1600px;margin:auto;display:grid}.editor-tools{box-shadow:4px 5px var(--ink);align-self:start;padding:13px}.editor-tools label{letter-spacing:.7px;gap:4px;margin-bottom:9px;font:900 9px/1 Arial;display:grid}.editor-tools input:not([type=checkbox]){border:3px solid var(--ink);background:#fff;width:100%;min-height:34px;padding:6px 8px;font:700 12px Arial}.editor-tools h2{border-bottom:3px solid var(--ink);margin:16px 0 7px;padding-bottom:5px;font:900 14px/1 Arial}.editor-tool-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.editor-tool-grid button,.editor-shape-actions button,.editor-reset{border:2px solid var(--ink);min-height:34px;box-shadow:2px 2px var(--ink);text-transform:uppercase;background:#fff;padding:6px;font:900 9px/1.05 Arial}.editor-tool-grid button.selected{background:var(--purple);color:#fff}.editor-shape-actions{gap:5px;margin-top:9px;display:grid}.editor-shape-actions button:first-child{background:var(--yellow)}.editor-shape-actions button:disabled{opacity:.4;box-shadow:none}.editor-check{grid-template-columns:auto 1fr;align-items:center;margin:13px 0!important;display:flex!important}.editor-check input{width:18px;height:18px;accent-color:var(--purple)}.editor-message{border:2px dashed var(--ink);background:#fff8c7;min-height:54px;margin:8px 0;padding:9px;font:800 10px/1.35 Arial}.editor-reset{background:#f2c4bd;width:100%}.editor-workspace{min-width:0}.editor-canvas{border:5px solid var(--ink);width:100%;max-height:calc(100vh - 190px);box-shadow:6px 7px var(--ink);cursor:crosshair;-webkit-user-select:none;user-select:none;background:#0ba5da;position:relative;overflow:hidden}.editor-canvas.tool-inspect{cursor:default}.editor-canvas>img{object-fit:fill;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;display:block}.editor-canvas>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.editor-skyline{fill:none;stroke:#17dfff;stroke-width:4px;stroke-dasharray:10 6}.editor-collision{fill:#ff2d2d3b;stroke:#ec1919;stroke-width:3px}.editor-foreground{fill:#b73ebf2e;stroke:#a73bb0;stroke-width:3px;stroke-dasharray:8 5}.editor-cheese-zone{fill:#fff20033;stroke:#fff200;stroke-width:3px;stroke-dasharray:5 5}.editor-draft{fill:#ffffff24;stroke:#fff;stroke-width:4px;stroke-dasharray:8 5}.editor-point{fill:#fff;stroke:#171212;stroke-width:2px}.editor-marker circle{fill:var(--yellow);stroke:var(--ink);stroke-width:3px}.editor-marker text{text-anchor:middle;fill:var(--ink);font:900 12px Arial}.editor-marker.encounter-marker circle{fill:#f18343}.editor-combat-grid{pointer-events:auto;display:grid;position:absolute;inset:0}.editor-combat-grid.world-drawing{pointer-events:none;opacity:.52}.editor-combat-grid button{min-width:0;min-height:0;box-shadow:none;background:#ffffff1f;border:1px solid #1712128c;padding:0;position:relative}.editor-combat-grid button:nth-child(2n){background:#1712121a}.editor-combat-grid button:hover{outline-offset:-3px;z-index:2;outline:3px solid #fff}.editor-combat-grid button.blocked{background:repeating-linear-gradient(45deg,#171212b8 0 5px,#ffffff38 5px 10px)}.editor-combat-grid button.ally{background:#a73bb0b3}.editor-combat-grid button.enemy{background:#dc2d2db3}.editor-combat-grid button span{color:#fff;text-shadow:1px 1px #000;font:700 clamp(5px,.62vw,9px)/1 Arial;position:absolute;bottom:1px;right:2px}.editor-board-tools{box-shadow:4px 5px var(--ink);align-items:center;gap:7px;margin-top:13px;padding:9px;display:flex}.editor-board-tools>div{margin-right:auto;display:grid}.editor-board-tools strong{font:900 12px/1 Arial}.editor-board-tools span{margin-top:3px;font:700 9px/1 Arial}.editor-board-tools button{border:3px solid var(--ink);text-transform:uppercase;background:#fff;min-height:34px;padding:7px 9px;font:900 9px Arial}.editor-board-tools button.blocked{color:#fff;background:#555}.editor-board-tools button.ally{background:#c365cb}.editor-board-tools button.enemy{background:#ee6868}.editor-board-tools button.derive{background:var(--yellow)}.editor-board-tools button.selected{outline:4px solid var(--yellow);outline-offset:1px}.editor-board-tools label{gap:2px;font:900 8px Arial;display:grid}.editor-board-tools input{border:2px solid var(--ink);width:58px;min-height:32px;font:900 12px Arial}@media (max-width:900px){.map-editor-page{padding:7px}.editor-topbar{flex-direction:column;align-items:flex-start}.editor-file-actions{margin-left:0}.editor-layout{grid-template-columns:1fr}.editor-tools{grid-template-columns:1fr 1fr;gap:7px 10px;display:grid}.editor-tools h2,.editor-tool-grid,.editor-shape-actions,.editor-check,.editor-message,.editor-reset{grid-column:1/-1}.editor-canvas{max-height:none}.editor-board-tools{flex-wrap:wrap;align-items:stretch}.editor-board-tools>div{flex-basis:100%}}@media (max-width:520px){.editor-tools{display:block}.editor-file-actions button,.editor-file-actions a{text-align:center;flex:44%}.editor-board-tools button{flex:21%;padding:5px 2px}}