*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071012;color:#edf5e7;font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;touch-action:none}.multi-back{position:fixed;z-index:100;left:max(8px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top));padding:7px 10px;border:1px solid #91b9cf;background:#071012d9;color:#e8f6f1;text-decoration:none;font:700 10px ui-monospace;letter-spacing:.04em}button{font:inherit;color:inherit}.phone-shell{position:relative;width:min(100vw,430px);height:100svh;max-height:920px;margin:auto;overflow:hidden;background:#0e191a;box-shadow:0 0 80px #000}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;background:#152021}.hidden{display:none!important}.hud{position:absolute;z-index:20;left:0;right:0;top:0;padding:max(10px,env(safe-area-inset-top)) 12px 8px;background:linear-gradient(#071012ed,#071012b8,transparent);pointer-events:none}.hud-row{display:flex;gap:8px;align-items:center}.portrait{width:48px;height:48px;border:2px solid #e7c779;background:#18282b;clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}.portrait img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.bars{width:98px}.bars b{font-size:13px}.bars small{display:block;font:10px ui-monospace;color:#d6d9ae}.bar{height:7px;margin:3px 0;background:#351a22;border:1px solid #8d6a57}.bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#dc4f57,#ffb15a)}.world-info{margin-left:auto;text-align:right;display:grid;justify-items:end}.world-info b{font-size:13px}.world-info small{font:8px ui-monospace;color:#92ada8}.world-info span{font-size:10px;padding:2px 7px;margin-top:3px;border:1px solid #64c6ad;background:#14372f;border-radius:8px}.resource-row{display:flex;gap:7px;margin-top:7px;font-size:10px}.resource-row span{padding:3px 8px;background:#071012b8;border:1px solid #536b66;border-radius:10px}.resource-row #save-indicator{margin-left:auto;border:0;background:none;color:#8db5a7}.menu-btn{position:absolute;z-index:25;right:10px;top:94px;width:35px;height:35px;border:1px solid #8eb4a8;background:#0d1a1dd9;border-radius:8px}.objective{position:absolute;z-index:18;top:102px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;padding:6px 12px;background:#10181bd9;border:1px solid #d5b158;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.controls{position:absolute;z-index:20;left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));height:142px;pointer-events:none}.joystick{position:absolute;left:22px;bottom:10px;width:118px;height:118px;border-radius:50%;border:2px solid #d8eee05c;background:#0b191d8a;box-shadow:inset 0 0 35px #8bc7ae24;pointer-events:auto}.joystick:before,.joystick:after{content:'';position:absolute;background:#d9ece52b}.joystick:before{left:57px;top:10px;width:2px;height:98px}.joystick:after{top:57px;left:10px;height:2px;width:98px}.joystick i{position:absolute;left:34px;top:34px;width:48px;height:48px;border-radius:50%;background:#c3e7d760;border:2px solid #e8fff18c;box-shadow:0 5px 14px #0008}.action-cluster{position:absolute;right:14px;bottom:6px;width:200px;height:140px;pointer-events:auto}.action-cluster button{position:absolute;border-radius:50%;background:#14282ee8;border:2px solid #bcd9d1;box-shadow:0 5px 0 #071013,0 0 18px #6dc5a730;display:grid;place-content:center}.action-cluster span{font:22px ui-monospace}.action-cluster small{font:7px ui-monospace}.attack-btn{right:0;bottom:6px;width:78px;height:78px!important;border-color:#f0bc70!important}.skill-btn{right:78px;bottom:53px;width:60px;height:60px!important;border-color:#7bdad1!important}.action-btn{right:106px;bottom:0;width:52px;height:52px!important;border-color:#f2e3a0!important}.overlay{position:absolute;z-index:50;inset:0;background:#071113}.title-screen{overflow:hidden}.title-art{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#071113 61%),url('./assets/village.webp') center top/cover no-repeat;image-rendering:pixelated;filter:saturate(.9)}.title-copy{position:relative;text-align:center;padding-top:max(70px,10vh);text-shadow:0 3px 0 #081012,0 0 14px #000}.eyebrow{font:9px ui-monospace;letter-spacing:3px;color:#c9e6d2}.title-copy h1{font:800 46px ui-monospace;margin:3px}.title-copy h1 span{color:#e8b95f}.title-copy>p:last-child{margin:0;font-size:13px}.class-select{position:absolute;z-index:2;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:16px;background:#0a1416eb;border:1px solid #768b7f;box-shadow:0 10px 35px #000;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.class-select h2{text-align:center;font-size:14px;margin:0 0 10px}.class-card{display:flex;align-items:center;width:100%;height:76px;margin:8px 0;border:1px solid #60766e;background:#132124;text-align:left;padding:3px 10px}.class-card:active{transform:translateY(2px)}.class-card img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.class-card div{display:grid}.class-card b{color:#f2d887}.class-card small{font-size:10px;color:#a9bbb5}.class-card em{margin-left:auto;font:9px ui-monospace;color:#78d2b8}.continue,.class-select .continue{width:100%;padding:11px;border:1px solid #efc368;background:#3e3020;font-weight:bold}.prototype-note{text-align:center;font:7px ui-monospace;color:#81918d;margin:10px 0 0}.modal{position:absolute;z-index:45;left:20px;right:20px;top:50%;transform:translateY(-50%);padding:20px;background:#101c1feF;border:2px solid #d9bd72;box-shadow:0 0 0 999px #020809a6,0 12px 35px #000;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.modal button{width:100%;padding:11px;border:1px solid #d9bd72;background:#493b25}.npc-head{display:flex;align-items:center;gap:12px}.npc-head img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated;background:#1b2a2c}.npc-head div{display:grid}.npc-head small,.gacha>small{font:8px ui-monospace;color:#79cbb7}.modal p{line-height:1.7;font-size:14px}.gacha{text-align:center}.gacha h2{margin:5px}.x{position:absolute!important;right:10px;top:8px;width:34px!important;height:34px;padding:0!important;background:transparent!important;border:0!important;font-size:24px}.reels{display:flex;justify-content:center;gap:7px;margin:18px}.reels i{width:70px;height:82px;display:grid;place-content:center;font-style:normal;font-size:34px;background:#e9e1c8;color:#162021;border:5px solid #44371f;box-shadow:inset 0 0 0 3px #b88c46}.reels.spin i{animation:spin .18s linear infinite}@keyframes spin{50%{transform:translateY(-6px);filter:hue-rotate(130deg)}}#gacha-result{min-height:30px;color:#f6cf69;font-weight:bold;margin-top:10px}.toast{position:absolute;z-index:60;left:50%;bottom:180px;transform:translate(-50%,20px);opacity:0;white-space:nowrap;padding:9px 15px;background:#080e10e8;border:1px solid #e6c56f;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}#side-menu{top:150px;transform:none}#profile-lines{font-size:12px;line-height:1.8;padding:8px;background:#081214;margin:10px 0}#side-menu button{margin-top:8px}.danger{border-color:#9a4c51!important;color:#e5a5a5}@media(min-width:500px){body{display:grid;place-items:center;background:radial-gradient(circle,#173034,#060b0c 65%)}.phone-shell{height:min(100svh,844px);border:1px solid #46605b;border-radius:18px}}@media(max-height:720px){.controls{transform:scale(.82);transform-origin:bottom}.title-copy{padding-top:36px}.class-card{height:66px}.class-card img{width:54px;height:54px}}