@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Nanum+Myeongjo:wght@700&display=swap";
*{box-sizing:border-box}html,body{color:#f8eed8;background:#101a1d;width:100%;height:100%;margin:0;font-family:IBM Plex Mono,monospace;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}.boot-screen,.creator-screen{background:radial-gradient(circle at 50% 35%,#476a59,#101a1d 68%);place-items:center;width:100%;height:100dvh;display:grid}.boot-card{text-align:center}.boot-card .ember{color:#ffad62;font-size:44px;animation:1.5s infinite pulse}.boot-card h1,.creator-card h1{font-family:Nanum Myeongjo,serif}.boot-card p,.creator-card p{color:#b7c2b8;font-size:11px}@keyframes pulse{50%{opacity:.35;transform:scale(.85)}}.creator-card{background:#17262eee;border:1px solid #ffffff24;border-radius:20px;width:min(92vw,410px);max-height:94dvh;padding:24px;overflow:auto;box-shadow:0 30px 80px #0008}.creator-kicker{letter-spacing:3px;color:#efaa67;font-size:9px}.creator-card h1{margin:7px 0}.creator-preview{background:#0e1b20;border-radius:14px;place-items:center;gap:7px;margin:15px 0;padding:18px;display:grid}.creator-preview .pixel-sprite{width:64px;height:64px;transform:scale(2)}.creator-card label,.creator-label{color:#d8cba9;gap:7px;margin:12px 0 7px;font-size:10px;display:grid}.creator-card input{color:#fff;background:#22363d;border:1px solid #ffffff26;border-radius:9px;outline:none;width:100%;padding:11px}.appearance-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.appearance-grid button{background:#23373b;border:1px solid #ffffff1c;border-radius:9px;height:54px}.appearance-grid button.selected{background:#35453e;border-color:#efaa67}.palette-row{gap:9px;display:flex}.palette-row button{border:3px solid #17262e;border-radius:50%;width:30px;height:30px;box-shadow:0 0 0 1px #ffffff30}.palette-row button.selected{box-shadow:0 0 0 2px #ffe6b2}.creator-error{color:#ff9389!important}.create-button{color:#201a14;background:#e89a58;border:0;border-radius:10px;width:100%;margin-top:15px;padding:12px;font-weight:700}.pixel-sprite{--sx:0px;--sy:0px;background-image:url(/assets/modak/tiny/dungeon.png);background-size:384px 352px;background-position:var(--sx) var(--sy);width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(0 2px 1px #0008);display:inline-block}.item-art{background:url(/assets/modak/tiny/dungeon.png) 0 0/384px 352px;background-position:var(--ix) var(--iy);width:32px;height:32px;image-rendering:pixelated;display:block}.game-world{isolation:isolate;background:#60a777;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.modak-canvas,.modak-canvas canvas{display:block;inset:0;width:100%!important;height:100%!important;position:absolute!important}.field-loading{background:#376d55;place-items:center;display:grid;position:absolute;inset:0}.game-logo{z-index:20;top:max(8px,env(safe-area-inset-top));pointer-events:auto;background:#102126aa;border-radius:14px;align-items:center;gap:8px;padding:5px 9px;font-size:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.game-logo a{color:#ffe9be;text-decoration:none}.game-logo small{color:#83d8bd}.game-logo small.offline,.game-logo small.connecting{color:#e9a86c}.hud-player{z-index:15;top:max(12px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));background:#102126d9;border:1px solid #fff2;border-radius:12px;align-items:center;gap:7px;width:min(52vw,245px);padding:7px;display:flex;position:absolute;box-shadow:0 4px 18px #0005}.hud-player>.pixel-sprite{flex:none}.hud-player>div{flex:1;min-width:0}.hud-player strong{justify-content:space-between;font-size:10px;display:flex}.hud-player em{color:#f0bc65;font-size:8px;font-style:normal}.hud-bar{background:#081214;border-radius:5px;height:8px;margin-top:4px;position:relative;overflow:hidden}.hud-bar i{height:100%;display:block}.hud-bar span{text-align:center;text-shadow:0 1px #000;font-size:6px;line-height:8px;position:absolute;inset:0}.hud-bar.hp i{background:#cf5f57}.hud-bar.mp i{background:#618bce}.hud-bar.enemy i{background:#d36e60}.hud-meta{z-index:15;top:max(12px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));text-align:right;background:#102126d9;border-radius:10px;gap:3px;padding:7px 9px;font-size:9px;display:grid;position:absolute}.hud-meta strong{color:#f1c668}.hud-target{z-index:14;text-align:center;background:#181d20c9;border-radius:9px;width:min(46vw,220px);padding:6px 9px;font-size:9px;position:absolute;top:62px;left:50%;transform:translate(-50%)}.action-bar{z-index:18;bottom:max(16px,env(safe-area-inset-bottom));align-items:end;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.action-button{background:#102126bb;border:1px solid #fff2;place-items:center;display:grid;box-shadow:0 3px 12px #0003}.action-button.minor{border-radius:10px;width:46px;height:42px;padding:4px}.action-button.primary{color:#241a14;background:#d88952e8;border-color:#eda85f;border-radius:14px;width:66px;height:60px;padding:7px;box-shadow:0 0 18px #eaa05b55}.action-button b{color:#efb569;font-size:17px}.action-button.primary b{color:#241a14;font-size:25px}.action-button small{color:#d6dacd;font-size:7px}.action-button.primary small{color:#241a14;font-weight:700}.action-button.active{border-color:#67d2b2;box-shadow:0 0 12px #67d2b244}.hud-menu{z-index:18;right:max(9px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:end;gap:6px;display:flex;position:absolute}.menu-toggle{background:#12262cdd;border:1px solid #fff2;border-radius:10px;place-items:center;width:44px;height:40px;padding:3px;font-size:16px;display:grid}.menu-toggle small{color:#d6dacd;font-size:7px}.menu-options{background:#102126b8;border-radius:11px;gap:5px;padding:5px;display:grid}.menu-options button{background:0 0;border:0;border-radius:8px;place-items:center;width:38px;height:34px;padding:3px;font-size:8px;display:grid}.menu-options button small{font-size:6px}.menu-options button.active{color:#f0bb66;background:#ffffff16}.chat-roster{z-index:17;left:max(8px,env(safe-area-inset-left));bottom:max(78px,calc(env(safe-area-inset-bottom) + 69px));-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:min(62vw,300px);padding:0;position:absolute}.chat-roster.collapsed{max-height:28px}.chat-peek{text-align:left;background:#102126aa;border:0;border-radius:8px;align-items:center;gap:7px;max-width:100%;padding:6px 8px;font-size:8px;display:flex;box-shadow:0 3px 10px #0003}.chat-peek b{color:#f5cc7d;font-size:8px}.chat-peek span{color:#d1e6d2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-roster.expanded{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1e23e8;border:1px solid #ffffff1b;border-radius:11px;max-height:38dvh;padding:7px}.chat-head{justify-content:space-between;align-items:center;display:flex}.chat-close{color:#aebdb7;background:0 0;border:0;padding:1px 5px;font-size:16px}.chat-tabs{gap:4px;display:flex}.chat-tabs button{color:#aebdb7;background:0 0;border:0;border-radius:6px;padding:4px 7px;font-size:8px}.chat-tabs button.active{color:#f5cc7d;background:#ffffff16}.messages{flex-direction:column;justify-content:flex-end;height:58px;display:flex;overflow:hidden}.messages p{white-space:nowrap;text-overflow:ellipsis;margin:2px;font-size:8px;overflow:hidden}.messages b{color:#72d0b3}.chat-roster form{gap:4px;display:flex}.chat-roster input{color:#fff;background:#173036;border:1px solid #ffffff20;border-radius:7px;outline:none;flex:1;min-width:0;padding:7px;font-size:8px}.chat-roster form button{color:#10221f;background:#72c8ad;border:0;border-radius:7px;width:28px}.roster-list{max-height:28dvh;overflow:auto}.roster-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff12;align-items:center;gap:7px;width:100%;padding:5px;display:flex}.roster-list .pixel-sprite{flex:none;transform:scale(.8)}.roster-list span{display:grid}.roster-list b{font-size:8px}.roster-list small{color:#aebbb5;font-size:7px}.game-sheet{z-index:40;width:min(100%,520px);max-height:68dvh;padding:max(12px,env(safe-area-inset-bottom)) 13px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#13272ef2;border:1px solid #ffffff24;border-bottom:0;border-radius:18px 18px 0 0;position:absolute;bottom:0;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 -20px 60px #0008}.game-sheet>header{z-index:2;background:#13272e;justify-content:space-between;align-items:center;padding:4px 2px 12px;display:flex;position:sticky;top:0}.game-sheet>header strong{color:#f0c272}.game-sheet>header button{background:0 0;border:0;font-size:24px}.character-sheet{grid-template-columns:1fr 1fr;gap:12px;display:grid}.paperdoll{background:#0d1e23;border-radius:12px;place-items:center;gap:5px;padding:12px;display:grid}.paperdoll>.pixel-sprite{margin:18px;transform:scale(2.5)}.paperdoll>span{color:#adbbb4;font-size:8px}.equip-slots{grid-template-columns:1fr 1fr;gap:5px;width:100%;margin-top:8px;display:grid}.equip-slots button{background:#183138;border:1px solid #ffffff1c;border-radius:8px;place-items:center;min-height:62px;display:grid}.equip-slots small{font-size:7px}.stats-grid{align-content:start;gap:4px;display:grid}.stat-row{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:8px;font-size:9px;display:flex}.stat-row strong{color:#f0c272}.item-icon{color:#edb86b;background:#0e1e23;border:1px solid #ffffff20;border-radius:7px;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.inventory-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.inventory-grid button{background:#193239;border:1px solid #ffffff18;border-radius:8px;place-items:center;min-height:66px;padding:4px;display:grid;position:relative}.inventory-grid button:disabled{opacity:.35}.inventory-grid small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:6px;overflow:hidden}.inventory-grid em{color:#f2c773;font-size:7px;position:absolute;top:3px;right:4px}.skill-columns{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.skill-columns h3{text-align:center;color:#efbd6d;margin:3px;font-size:10px}.skill-columns button{text-align:left;background:#193139;border:1px solid #ffffff18;border-radius:9px;gap:3px;width:100%;min-height:76px;margin:5px 0;padding:7px;display:grid}.skill-columns button.unlocked{border-color:#5ec4a6}.skill-columns button:disabled{opacity:.55}.skill-columns b{font-size:8px}.skill-columns span{color:#aebbb5;font-size:6px}.skill-columns em{color:#eebc6b;font-size:7px;font-style:normal}.shop-list{gap:6px;display:grid}.shop-list>button{text-align:left;background:#193139;border:1px solid #ffffff18;border-radius:9px;align-items:center;gap:9px;width:100%;padding:8px;display:flex}.shop-list>button:disabled{opacity:.45}.shop-list>button>span:nth-child(2){flex:1;display:grid}.shop-list b{font-size:9px}.shop-list small{color:#aebbb5;font-size:7px}.shop-list em{color:#f1c66b;font-size:9px;font-style:normal}.toast{z-index:60;color:#fff;background:#14262e;border:1px solid #edae64;border-radius:20px;max-width:86vw;padding:8px 12px;font-size:9px;position:absolute;top:88px;left:50%;transform:translate(-50%)}.death-overlay{z-index:30;text-align:center;pointer-events:none;background:#1118;place-content:center;display:grid;position:absolute;inset:0}.death-overlay strong{color:#ffb4a6;font-size:23px}.death-overlay span{font-size:9px}@media (min-width:700px){.game-world{width:min(100%,700px);left:50%;transform:translate(-50%);box-shadow:0 0 80px #000}.chat-roster{width:300px}}@media (max-width:520px){.game-logo{display:none}}.hud-target{background:#181d2080;border:0;border-bottom:2px solid #d36e60;border-radius:0;width:min(42vw,190px);padding:4px 7px 5px;font-size:8px;top:74px}.hud-target .hud-bar{height:5px;margin-top:3px}.toast{color:#fff4d5;background:#14262ecc;border:1px solid #edae64aa;border-radius:18px;max-width:82vw;padding:8px 14px;font-size:10px;top:38%;box-shadow:0 5px 22px #0004}:root{--hud-gutter:max(10px,env(safe-area-inset-left));--hud-gutter-right:max(10px,env(safe-area-inset-right));--hud-bottom:max(16px,env(safe-area-inset-bottom));--action-primary-size:clamp(54px,12vw,66px)}.hud-player{left:var(--hud-gutter);width:min(52vw,245px);max-width:calc(100vw - 120px);padding:clamp(5px,1.6vw,7px)}.hud-meta{right:var(--hud-gutter-right);padding:clamp(5px,1.4vw,7px) clamp(7px,1.8vw,9px)}.hud-target{width:min(42vw,190px);max-width:calc(100vw - 220px)}.action-bar{bottom:var(--hud-bottom);gap:clamp(5px,1.5vw,8px)}.action-button.minor{width:clamp(40px,8vw,46px);height:clamp(38px,7vw,42px)}.action-button.primary{width:var(--action-primary-size);height:clamp(52px,11vw,60px)}.hud-menu{right:var(--hud-gutter-right);bottom:var(--hud-bottom)}.chat-roster{left:var(--hud-gutter);width:min(62vw,300px)}.game-sheet{max-width:100vw}@media (orientation:landscape) and (max-height:560px){.hud-player{top:max(7px,env(safe-area-inset-top));border-radius:9px;gap:5px;width:min(34vw,190px);max-width:none;padding:5px 6px}.hud-player>.pixel-sprite{transform-origin:0;margin-right:-5px;transform:scale(.82)}.hud-player strong{font-size:8px}.hud-bar{height:6px;margin-top:3px}.hud-bar span{font-size:5px;line-height:6px}.hud-meta{top:max(7px,env(safe-area-inset-top));border-radius:8px;padding:5px 6px;font-size:8px}.hud-target{top:max(8px,env(safe-area-inset-top));width:min(30vw,170px);max-width:none;padding:3px 5px 4px;font-size:7px}.hud-target .hud-bar{height:4px;margin-top:2px}.action-bar{bottom:max(8px,env(safe-area-inset-bottom));gap:6px}.action-button.minor{border-radius:8px;width:40px;height:36px}.action-button.primary{border-radius:11px;width:54px;height:48px}.action-button b{font-size:14px}.action-button.primary b{font-size:21px}.action-button small{font-size:6px}.hud-menu{right:max(7px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}.menu-toggle{width:38px;height:34px;font-size:14px}.menu-toggle small{font-size:6px}.menu-options{gap:3px;padding:4px}.menu-options button{width:32px;height:29px;font-size:7px}.menu-options button small{font-size:5px}.chat-roster{bottom:max(55px,calc(env(safe-area-inset-bottom) + 50px));width:min(42vw,260px)}.chat-roster.expanded{max-height:42dvh}.chat-peek{padding:5px 7px;font-size:7px}.chat-peek b{font-size:7px}.game-logo{display:none}.game-sheet{border-radius:14px 14px 0 0;width:min(94vw,760px);max-height:86dvh;padding:8px 11px 12px}.game-sheet>header{padding:2px 2px 7px}.game-sheet>header strong{font-size:11px}.game-sheet>header button{font-size:20px}.toast{font-size:9px;top:34%}}@media (min-width:700px){.game-world{width:min(100%,1100px)}.hud-player{width:clamp(190px,24vw,245px)}.hud-meta{min-width:110px}.chat-roster{width:300px}.action-button.minor{width:46px;height:42px}.action-button.primary{width:66px;height:60px}.game-sheet{width:min(92vw,760px);max-height:78dvh}}