#stage{inset:0;overflow:hidden}#stage,#world{position:absolute}#world{left:0;bottom:0;will-change:transform;background:linear-gradient(180deg,#6fa3d4,#a8cfec 55%,#cde8f6)}.platform{position:absolute;height:100px;background:url(/assets/tiles/dc/grass-strip.png) 0 0/auto 64px repeat-x,url(/assets/tiles/dc/fringe-a.png) left 56px/auto 44px repeat-x;background-repeat:repeat-x;image-rendering:pixelated;filter:drop-shadow(0 6px 8px rgba(0,0,0,.25))}.platform.base{height:64px;background:url(/assets/tiles/dc/grass-strip.png) 0 0/auto 64px repeat-x;filter:none}.ground-fill{position:absolute;background:url(/assets/tiles/dc/dirt-block.png) 0 0/auto 150px repeat;image-rendering:pixelated}#char{position:absolute;width:83px;height:91px;will-change:transform;z-index:10}#char img{width:100%;height:100%;transition:transform .08s}.npc-wrap{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:5}.npc-bubble{background:#fff;border-radius:5px;box-shadow:0 0 0 1px #8a97ad;color:#3c4c6c;font-size:12px;padding:3px 9px;white-space:nowrap}.npc-sprite{width:108px;height:86px;background:url(/assets/pinkbin-sheet.png) no-repeat 0 0;background-size:648px 86px;animation:npcIdle .72s steps(6) infinite;image-rendering:pixelated;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}@keyframes npcIdle{to{background-position:-648px 0}}.npc-name{background:rgba(20,28,48,.85);border-radius:3px;color:#ffd24a;font-size:11px;padding:1px 8px}.herb{position:absolute;width:44px;z-index:5}.herb img{width:100%;image-rendering:pixelated;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.herb.sealed img{filter:brightness(.68) saturate(.6)}.herb.sealed:after{content:"🔒";position:absolute;top:-9px;right:-5px;font-size:14px}.mine-gauge{position:absolute;width:52px;height:9px;background:#1a2030;box-shadow:0 0 0 1px #fff;z-index:8}.mine-gauge-fill{height:100%;width:0;background:linear-gradient(#9be15d,#57a713)}.tp-fx{width:90px;height:165px;mix-blend-mode:multiply;z-index:9;pointer-events:none}#mapTitle,.tp-fx{position:absolute}#mapTitle{top:14px;left:14px;z-index:30;background:rgba(16,23,46,.8);border-radius:5px;box-shadow:0 0 0 1px #46578a;color:#ffe89a;font-size:13px;padding:5px 12px}#mapTitle span{color:#7f8fb8}#keyHints{position:absolute;right:16px;bottom:100px;z-index:30;display:flex;gap:5px}#keyHints div{background:rgba(20,28,48,.7);border-radius:4px;color:#aab8d4;font-size:11px;padding:4px 9px}#keyHints b{color:#ffd24a;font-weight:400}#plusWrap{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:30;cursor:pointer}#plusBtn{position:relative;width:52px;height:52px;border-radius:50%;background:linear-gradient(#ffe27a,#ffb400 55%,#e89a00);box-shadow:0 0 0 2px #8a5a00,inset 0 2px 0 #fff8d8,0 4px 8px rgba(0,0,0,.35)}#plusBtn:after,#plusBtn:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#5a3a00;border-radius:3px}#plusBtn:before{width:22px;height:6px}#plusBtn:after{width:6px;height:22px}#plusWrap:hover #plusBtn{filter:brightness(1.1)}#plusLabel{background:rgba(20,28,48,.8);border-radius:3px;color:#ffe89a;font-size:11px;padding:1px 8px}#tpSkill{position:absolute;bottom:22px;right:18px;z-index:30;width:54px;height:54px;border-radius:50%;background:rgba(20,28,48,.55);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;touch-action:none;cursor:pointer}#tpSkill img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}#tpSkill .cd{inset:0;background:rgba(0,0,0,.65);transform-origin:bottom;transform:scaleY(0)}#jumpBtn,#tpSkill .cd{position:absolute;border-radius:50%}#jumpBtn{bottom:18px;right:84px;z-index:30;width:62px;height:62px;background:linear-gradient(#8a9ab4,#4a5a76);box-shadow:0 0 0 2px rgba(20,28,48,.7),inset 0 2px 0 rgba(255,255,255,.4),0 4px 8px rgba(0,0,0,.4);color:#fff;font-size:14px;line-height:62px;text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,.5);cursor:pointer;touch-action:none}#jumpBtn:active{filter:brightness(1.12)}#joy{left:22px;bottom:22px;z-index:30;width:124px;height:124px;border-radius:50%;background:rgba(0,0,0,.32);border:2px solid rgba(255,255,255,.35);touch-action:none}#joy,#joyKnob{position:absolute}#joyKnob{left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:linear-gradient(#ffffff,#c9d4e4);border:2px solid #8899b0;transform:translate(-50%,-50%);box-shadow:0 3px 7px rgba(0,0,0,.35);pointer-events:none}#invBtn{bottom:88px;right:22px;width:46px;height:46px;border-radius:12px;background:rgba(20,28,48,.55);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);font-size:19px;line-height:44px;touch-action:none}#bgmBtn,#invBtn{position:absolute;z-index:30;text-align:center;cursor:pointer}#bgmBtn{top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:linear-gradient(#5a6a80,#38455a);box-shadow:0 0 0 2px #202a38,inset 0 1px 0 #8a9ab0;color:#ffe89a;font-size:16px;line-height:38px}#bgmBtn.off{color:#6a7488}#invBtn,#joy,#joyKnob,#jumpBtn,#tpSkill{display:none}@media (max-width:640px),(pointer:coarse){#invBtn,#joy,#joyKnob,#jumpBtn{display:block}#tpSkill{display:flex}#keyHints{display:none}}@media (max-width:640px){#mapTitle{font-size:11px;padding:4px 10px}}#toast{bottom:110px;background:rgba(16,26,56,.88);border:1px solid #8ac4ff;border-radius:6px;color:#ffe27a;padding:8px 18px;z-index:40;text-align:center}#megaphone,#toast{position:absolute;left:50%;transform:translateX(-50%);font-size:13px}#megaphone{top:16px;max-width:86%;background:linear-gradient(#fff3c0,#ffd24a);border-radius:5px;box-shadow:0 0 0 2px #b8860b,0 3px 6px rgba(0,0,0,.3);color:#5a3a00;padding:6px 16px;z-index:45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:DungGeunMo,monospace;animation:megaIn .4s ease-out}#megaphone .mega-nick{color:#c04000}@keyframes megaIn{0%{transform:translateX(-50%) translateY(-20px);opacity:0}}@media (max-width:640px){#megaphone{top:56px;font-size:11px;padding:5px 12px}}#levelup{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:levelupFade 4s ease-out forwards}.levelup-text{font-size:64px;font-weight:900;color:#ffd24a;text-shadow:0 0 18px #ff9d00,0 4px 0 #8a5a00,2px 2px 0 #000;animation:levelupPop .6s cubic-bezier(.2,2,.4,1)}.levelup-num{font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);margin-top:8px}@keyframes levelupPop{0%{transform:scale(.2)}}@keyframes levelupFade{0%,80%{opacity:1}to{opacity:0}}.overlay{position:absolute;inset:0;z-index:50;background:rgba(10,16,34,.45);display:flex;align-items:center;justify-content:center}.mwin{width:min(440px,92vw);max-height:80vh;background:#f4f7fb;border-radius:10px;box-shadow:0 0 0 2px #46578a,0 16px 40px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden}.mwin-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#31406b,#1d2a4d);color:#ffe89a;font-size:14px;padding:9px 14px}.mwin-head button{background:none;border:none;color:#aab8d4;font-size:18px;cursor:pointer;line-height:1}.mwin-body{padding:16px;overflow-y:auto;color:#263349;font-size:14px;line-height:1.7}.mwin-body input,.mwin-body textarea{width:100%;border:1px solid #7a94b8;border-radius:5px;padding:8px 10px;font-size:14px;margin-top:8px}.npc-choices{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.npc-choices button{background:linear-gradient(#ffe27a,#ffb400);border:1px solid #8a5a00;border-radius:5px;color:#5a3a00;font-size:13px;padding:7px 14px;cursor:pointer}.npc-choices button:hover{filter:brightness(1.08)}.mframe{border-radius:8px;padding:4px 5px 5px;background:linear-gradient(180deg,rgba(96,110,140,.92),rgba(48,56,78,.94) 40%,rgba(34,40,58,.96));box-shadow:0 0 0 1px rgba(8,12,22,.7),inset 0 0 0 1px rgba(255,255,255,.32),0 14px 32px rgba(0,0,0,.5);font-family:DungGeunMo,monospace}.mframe-title{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 4px 0 7px;color:#ffe27a;font-size:13px;letter-spacing:1px;text-shadow:1px 1px 0 rgba(0,0,0,.6)}.mframe-title button{background:none;border:none;cursor:pointer;color:#cfd6e4;font-size:12px;padding:4px 6px}.mbtn{display:block;width:100%;text-align:center;background:linear-gradient(#ffe27a,#ffb400 55%,#e89a00);border:none;box-shadow:0 0 0 1px #8a5a00,inset 0 1px 0 #fff8d8,0 2px 3px rgba(0,0,0,.3);border-radius:6px;color:#5a3a00;font-family:DungGeunMo,monospace;font-size:14px;padding:9px 0;cursor:pointer}.mbtn:hover{filter:brightness(1.06)}.mbtn:disabled{filter:grayscale(.5) brightness(.9);cursor:default}.inv{width:432px}.inv-panel{background:#eceded;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9);padding:9px}.inv-tabs{display:flex;gap:3px}.inv-tab{flex:1 1;text-align:center;font-size:12px;padding:6px 0;border-radius:4px 4px 0 0;background:linear-gradient(#cdd1d8,#b0b5bf);box-shadow:inset 0 0 0 1px #949aa6;color:#565f6d}.inv-tab.active{background:linear-gradient(#5cc4f0,#2a9ae0 60%,#1e88d0);box-shadow:inset 0 0 0 1px #1c78b8;color:#fff;text-shadow:1px 1px 0 rgba(0,40,80,.5)}.inv-toolbar{display:flex;align-items:center;gap:5px;margin:9px 0 8px}.inv-pill{background:linear-gradient(#5a76a8,#40598a);border:none;border-radius:10px;color:#fff;font-size:11px;padding:3px 10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px #2e4468;font-family:inherit;cursor:pointer}.inv-counter{margin-left:auto;display:flex;align-items:center;gap:5px}.inv-counter-label{font-size:10px;color:#7a8496}.inv-counter-chip{background:#3a4356;border-radius:3px;color:#fff;font-size:11px;padding:2px 9px;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}.inv-grid{display:grid;grid-template-columns:repeat(8,44px);grid-gap:4px;gap:4px;background:#f4f5f6;box-shadow:inset 0 0 0 1px #c6cad2;border-radius:4px;padding:7px}.inv-grid,.inv-slot{justify-content:center}.inv-slot{width:44px;height:44px;background:#dcdfe4;border-radius:3px;box-shadow:inset 0 0 0 1px #c6cad2,inset 0 2px 3px rgba(0,0,0,.08);display:flex;align-items:center;position:relative}.inv-slot img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}.inv-slot.filled{cursor:pointer}.inv-slot .hl{position:absolute;inset:0;border-radius:3px;box-shadow:inset 0 0 0 2px #ffb400;background:rgba(255,210,74,.15);pointer-events:none}.inv-meso-row{margin-top:9px}.inv-meso,.inv-meso-row{display:flex;gap:6px;align-items:center}.inv-meso{flex:1 1;background:#fff;box-shadow:inset 0 0 0 1px #c6cad2,inset 0 2px 3px rgba(0,0,0,.08);border-radius:10px;padding:5px 11px;font-size:12px;color:#3c4c6c}.inv-meso span:last-child{margin-left:auto}.inv-harvest-all{display:flex;align-items:center;gap:5px;background:linear-gradient(#5a7ab8,#3a5a98);border:none;border-radius:4px;color:#fff;font-size:11px;padding:5px 11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px #2a4478;font-family:inherit;cursor:pointer}.inv-harvest-all .badge{background:#ffd24a;color:#5a3a00;border-radius:2px;font-size:9px;padding:0 4px}.inv-bottom{display:flex;align-items:center;gap:6px;padding:6px 3px 3px}.inv-help{width:20px;height:20px;border-radius:50%;background:linear-gradient(#8a97ad,#5a6a86);box-shadow:0 0 0 1px #2e3548;color:#fff;font-size:11px;line-height:20px;text-align:center;flex:none}.inv-search{flex:1 1;display:flex;align-items:center;background:#2e3548;border-radius:10px;padding:5px 11px;box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}.inv-search input{flex:1 1;background:none;border:none;outline:none;font-size:11px;color:#dfe7f5;font-family:inherit}.inv-search input::placeholder{color:#7f8fb8}.inv-search span{color:#7f8fb8;font-size:11px}.inv-tooltip{position:fixed;width:252px;z-index:70;background:rgba(16,23,46,.93);border-radius:6px;box-shadow:0 0 0 1px #96abd4,inset 0 0 0 1px rgba(40,56,100,.9),0 8px 20px rgba(0,0,0,.5);padding:12px 14px;pointer-events:none;font-family:DungGeunMo,monospace}.inv-tooltip .tt-title{color:#ffcc33;font-size:14px;text-align:center}.inv-tooltip .tt-sub{color:#8ac4ff;font-size:11px;text-align:center;margin-top:3px}.inv-tooltip .tt-img{margin:10px auto;width:180px;height:180px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:4px;box-shadow:inset 0 0 0 1px rgba(150,171,212,.35)}.inv-tooltip .tt-img img{width:150px;height:150px;object-fit:contain;image-rendering:pixelated}.inv-tooltip .tt-hint{border-top:1px dotted #46578a;margin-top:8px;padding-top:8px;color:#7f8fb8;font-size:11px;text-align:center}.detail{width:360px}.detail-panel{background:rgba(16,23,46,.96);border-radius:6px;box-shadow:inset 0 0 0 1px rgba(120,140,190,.45);padding:16px}.detail-title{color:#ffcc33;font-size:17px;text-align:center}.detail-title .unsealed{color:#cdbcf2;font-size:12px}.detail-meta{color:#8ac4ff;font-size:11px;text-align:center;margin-top:4px}.detail-photo{max-width:280px;display:block}.detail-icon-box,.detail-photo{margin:12px auto 0;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(150,171,212,.4)}.detail-icon-box{width:180px;height:180px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}.detail-icon-box img{width:150px;height:150px;object-fit:contain;image-rendering:pixelated}.detail-hr{border:none;border-top:1px dotted #46578a;margin:14px 0 12px}.detail-body{color:#e6ecf8;font-size:13px;line-height:1.85;max-height:230px;overflow-y:auto;padding-right:6px;white-space:pre-wrap}.compose{width:392px}.compose-panel{background:#e9ecf1;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff;padding:12px}.compose-label{font-size:12px;color:#3c4c6c;margin:12px 0 4px}.compose-label:first-child{margin-top:0;margin-bottom:4px}.compose-input,.compose-textarea{width:100%;background:#fff;border:none;outline:none;box-shadow:inset 0 0 0 1px #a5b2c8,inset 0 2px 3px rgba(0,0,0,.08);border-radius:4px;padding:8px 9px;font-size:13px;color:#2c3c5c;font-family:inherit}.compose-input::placeholder,.compose-textarea::placeholder{color:#98a5bc}.compose-textarea{height:120px;line-height:1.7;resize:none}.compose-upload{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;background-image:repeating-linear-gradient(45deg,#f4f7fb 0 6px,#ffffff 6px 12px);box-shadow:inset 0 0 0 1px #a5b2c8;border-radius:4px;padding:10px;font-size:12px;color:#4a6a9e;border:0;font-family:inherit;cursor:pointer}.compose-upload span{color:#8a97ad}.compose-upload.selected{background-image:none;background-color:#fff3d0;box-shadow:inset 0 0 0 2px #ffb400}.compose-or{font-size:11px;color:#8a97ad;text-align:center;margin:6px 0}.compose-presets{display:grid;grid-template-columns:repeat(6,54px);grid-gap:4px;gap:4px;justify-content:center;background:#f8fafc;box-shadow:inset 0 0 0 1px #aab6c9;border-radius:5px;padding:8px}.compose-preset{width:54px;height:54px;background:#e6eaf1;border:none;border-radius:4px;box-shadow:inset 1px 1px 3px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;cursor:pointer}.compose-preset img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.compose-preset.selected{background:#fff3d0;box-shadow:inset 0 0 0 2px #ffb400}.compose-seal{display:flex;align-items:center;gap:8px;margin:12px 0;cursor:pointer}.compose-seal input{display:none}.compose-seal .box{width:16px;height:16px;border-radius:3px;background:#fff;box-shadow:inset 0 0 0 1px #a5b2c8;display:flex;align-items:center;justify-content:center;font-size:11px;color:#8a5a00}.compose-seal input:checked+.box{background:#ffd24a;box-shadow:inset 0 0 0 1px #8a5a00}.compose-seal .lbl{font-size:12px;color:#3c4c6c}.compose-note{font-size:10px;color:#8a97ad}.compose-error,.compose-note{text-align:center;margin-top:7px}.compose-error{font-size:11px;color:#b03a3a}.compose-done{padding:22px 16px;text-align:center}.compose-done img.done-icon{width:72px;height:72px;object-fit:contain;image-rendering:pixelated}.compose-done .done-head{font-size:16px;color:#2c3c5c;margin-top:8px}.compose-done .done-sub{font-size:11px;color:#5a6a86;margin-top:4px}.compose-done .done-label{font-size:12px;color:#3c4c6c;margin:18px 0 8px}.compose-code{display:flex;gap:8px;justify-content:center}.compose-code div{width:56px;height:66px;background:#fff;border-radius:6px;box-shadow:inset 0 0 0 1px #a5b2c8,inset 0 3px 5px rgba(0,0,0,.08);font-size:34px;color:#c07800;line-height:66px}.compose-warn{display:inline-block;margin-top:14px;background:#fdeaea;box-shadow:inset 0 0 0 1px #e08a8a;border-radius:4px;padding:6px 12px;font-size:11px;color:#b03a3a}.npcwin{width:560px}.npcwin-panel{background:#e9ecf1;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff;padding:14px;display:flex;gap:14px}.npcwin-portrait-col{flex:none;width:120px;display:flex;flex-direction:column;align-items:center;gap:6px}.npcwin-portrait{width:112px;height:112px;border-radius:6px;background:#f8fafc;box-shadow:inset 0 0 0 1px #aab6c9;display:flex;align-items:center;justify-content:center}.npc-portrait-sprite{background:url(/assets/pinkbin-sheet.png) no-repeat 0 0;animation:pbTalk .72s steps(6) infinite;image-rendering:pixelated}@keyframes pbTalk{to{background-position:calc(var(--pb-w) * -1) 0}}.npcwin-name{background:rgba(20,28,48,.85);border-radius:3px;color:#ffd24a;font-size:11px;padding:2px 8px}.npcwin-right{flex:1 1;display:flex;flex-direction:column;min-height:150px}.npcwin-say{font-size:13px;color:#2c3c5c;line-height:1.8}.npcwin-say b{color:#c07800;font-weight:400}.npcwin-choices{display:flex;flex-direction:column;gap:5px;margin-top:12px}.npcwin-choice{background:#fff;box-shadow:inset 0 0 0 1px #aab6c9;border:none;border-radius:4px;padding:8px 11px;font-size:12px;color:#2c5cae;text-align:left;font-family:inherit;cursor:pointer}.npcwin-choice:hover{filter:brightness(.96)}.npcwin-choice.gold{background:#fff3d0;box-shadow:inset 0 0 0 1px #ffb400;color:#8a5a00}.npcwin-hint{margin-top:auto;padding-top:10px;text-align:right;font-size:10px;color:#8a97ad}.npcwin-pw-row{display:flex;gap:6px;margin-top:14px}.npcwin-pw{flex:1 1;background:#fff;border:none;outline:none;box-shadow:inset 0 0 0 1px #a5b2c8,inset 0 2px 3px rgba(0,0,0,.08);border-radius:4px;padding:9px 11px;font-size:14px;color:#2c3c5c;letter-spacing:4px;font-family:inherit}.npcwin-pw-btn{width:auto;flex:none;font-size:13px;padding:0 18px}.npcwin-note{margin-top:8px;font-size:10px;color:#8a97ad}.npcwin-err{margin-top:8px;font-size:11px;color:#b03a3a}.megawin{width:392px}.plusmenu-dim{position:absolute;inset:0;z-index:50}.plusmenu{bottom:104px;transform:translateX(-50%);width:264px;border-radius:8px;box-shadow:0 0 0 1px #96abd4,inset 0 0 0 1px rgba(40,56,100,.9),0 10px 26px rgba(0,0,0,.5);padding:8px;font-family:DungGeunMo,monospace}.plusmenu,.plusmenu-arrow{position:absolute;left:50%;background:rgba(16,23,46,.94)}.plusmenu-arrow{bottom:-7px;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;box-shadow:1px 1px 0 #96abd4}.plusmenu-item{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;border-radius:5px;padding:9px 11px;cursor:pointer;text-align:left;font-family:inherit}.plusmenu-item+.plusmenu-item{margin-top:4px}.plusmenu-item .pm-icon{font-size:20px}.plusmenu-item .pm-title{display:block;font-size:13px;color:#e8eef8}.plusmenu-item .pm-sub{display:block;font-size:10px;color:#7f8fb8}.plusmenu-item:hover{background:#fff3d0;box-shadow:inset 0 0 0 1px #ffb400}.plusmenu-item:hover .pm-title{color:#8a5a00}.plusmenu-item:hover .pm-sub{color:#b08a40}.sealedwin{width:360px}.sealedwin-panel{background:#e9ecf1;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff;padding:18px 16px;text-align:center}.sealedwin-icon{font-size:34px}.sealedwin-msg{font-size:13px;color:#2c3c5c;margin-top:8px;line-height:1.7}.sealedwin-msg b{color:#c07800;font-weight:400}.sealedwin-sub{font-size:11px;color:#8a97ad;margin-top:10px}.delcode{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;justify-content:center}.delcode-input{flex:1 1;min-width:140px;background:#fff;border:none;outline:none;box-shadow:inset 0 0 0 1px #a5b2c8,inset 0 2px 3px rgba(0,0,0,.08);border-radius:4px;padding:9px 11px;font-size:14px;color:#2c3c5c;letter-spacing:4px;text-align:center;font-family:inherit}.delcode-btn{width:auto;flex:none;font-size:13px;padding:0 18px}.delcode-err{width:100%;font-size:11px;color:#b03a3a}.detail-del-toggle{display:block;margin:10px auto 0;background:none;border:none;cursor:pointer;font-size:11px;color:#7f8fb8;font-family:inherit;text-decoration:underline}.detail-del-toggle:hover{color:#aab8d4}.detail .delcode-input{background:rgba(255,255,255,.95)}.inv-preview-dim{position:fixed;inset:0;z-index:80;background:rgba(6,10,20,.6);display:flex;align-items:center;justify-content:center}.inv-preview{width:300px;background:rgba(16,23,46,.95);border-radius:8px;box-shadow:0 0 0 1px #96abd4,inset 0 0 0 1px rgba(40,56,100,.9),0 14px 34px rgba(0,0,0,.6);padding:16px;font-family:DungGeunMo,monospace;text-align:center}.inv-preview .pv-title{color:#ffcc33;font-size:16px}.inv-preview .pv-sub{color:#8ac4ff;font-size:12px;margin-top:3px}.inv-preview .pv-img{margin:12px auto;width:230px;height:230px;border-radius:6px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(150,171,212,.35);display:flex;align-items:center;justify-content:center}.inv-preview .pv-img img{width:190px;height:190px;object-fit:contain;image-rendering:pixelated}.inv-preview .pv-hint{border-top:1px dotted #46578a;padding-top:10px;color:#7f8fb8;font-size:11px}@media (max-width:640px){.overlay{align-items:flex-end}.mframe{width:100%!important;max-height:92dvh;overflow-y:auto;border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(96,110,140,.94),rgba(48,56,78,.95) 30%,rgba(34,40,58,.97));box-shadow:0 0 0 1px rgba(8,12,22,.7),inset 0 1px 0 rgba(255,255,255,.32),0 -8px 24px rgba(0,0,0,.4);padding:0 8px calc(12px + env(safe-area-inset-bottom))}.mframe:before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:rgba(255,255,255,.5);margin:8px auto 2px}.mframe-title{height:32px}.mframe-title,.mframe-title button{font-size:14px}.inv-grid{grid-template-columns:repeat(6,54px)}.inv-slot{width:54px;height:54px;border-radius:4px}.inv-slot img{width:42px;height:42px}.inv-tooltip{display:none}.inv-hint-mobile{display:block;margin-top:8px;font-size:10px;color:#7a8496;text-align:center}.compose-textarea{height:110px}.compose-presets{grid-template-columns:repeat(6,50px);padding:7px}.compose-preset{width:50px;height:50px}.compose-preset img{width:38px;height:38px}.compose-seal .box{width:18px;height:18px}.npcwin-panel{gap:12px}.npcwin-portrait-col{width:84px}.npcwin-portrait{width:76px;height:76px}.npcwin-portrait .npc-portrait-sprite{transform:scale(.68)}.npcwin-hint{display:none}.npcwin-choice{padding:12px;font-size:13px}}@media (min-width:641px){.inv-hint-mobile{display:none}}