@import"/vendor/pretendard/pretendard.css";:root{--bg:#111a18;--panel:#1b2723;--line:#34443a;--text:#edf1df;--muted:#8eaa98;--green:#b6db7b;--gold:#edcc7c;--mint:#7ee0c3;--coral:#ff9a85;--pixel-font:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--pixel-font);font-size:12px;font-size-adjust:.583}button,a,input,select{font:inherit}button,.button{cursor:pointer;background:#26372d;border:1px solid #42553f;color:var(--text);padding:10px 14px;border-radius:5px;transition:background .15s}button:hover,.button:hover{background:#3a503b;border-color:var(--green)}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}header{height:90px;padding:0 max(32px,calc((100vw - 1512px)/2));display:flex;align-items:center;border-bottom:1px solid #2b3a32;gap:60px;background:#15201c}.brand{display:flex;gap:12px;font-size:36px;color:var(--green);align-items:center}.brand span{font-size:24px;color:var(--text);font-weight:800;letter-spacing:-1px}.brand small{display:block;color:#88a180;font-size:12px;letter-spacing:2.7px;margin-top:5px}nav{display:flex;gap:25px}nav button{background:none;border:0;color:#93a99a;padding:34px 0;border-radius:0;font-size:12px}nav .nav-active{border-bottom:2px solid var(--green);color:var(--green)}.server{margin-left:auto;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.server i,.location i{width:7px;height:7px;background:#b4dd80;box-shadow:0 0 8px #aed782;border-radius:50%}.server b{border:1px solid #364a3a;border-radius:4px;color:#bdd6a9;padding:7px;margin-left:10px;font-size:12px;letter-spacing:1px}main{max-width:1576px;padding:34px 32px 0;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{color:#9bb777;font-size:12px;letter-spacing:2.3px;font-weight:700}h1{font-size:24px;letter-spacing:-1.2px;margin:9px 0}p{line-height:1.8}.heading p{color:var(--muted);font-size:12px;margin:0}.raid-clock{display:flex;align-items:center;gap:18px;background:#222723;border:1px solid #494936;padding:16px 20px;border-radius:7px}.clock-icon{color:var(--gold);font-size:36px}.raid-clock small{display:block;font-size:12px;color:#b8b5a0}.raid-clock strong{display:block;font-size:24px;font-family:monospace;letter-spacing:3px;color:var(--gold);margin-top:5px}.raid-clock button{background:#3b3b2b;border-color:#5b5739;font-size:12px;color:#e5d69d}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.world-wrap{position:relative;overflow:hidden;border:3px solid #46513d;border-radius:8px;box-shadow:0 5px #080f0b;min-height:490px;background:#789755}#world{width:100%;height:100%;display:block;position:absolute;inset:0;image-rendering:pixelated}.location{position:absolute;left:20px;top:20px;display:flex;align-items:center;gap:12px;background:#182a24ed;border:1px solid #72876866;border-radius:5px;padding:12px 14px;box-shadow:0 3px #15231b77}.location small{display:block;color:#9fb49a;font-size:12px;margin-top:5px}.location b{font-size:12px}.location button{padding:6px 8px;margin-left:18px;color:#b1c49e;font:12px monospace}.world-actions{position:absolute;top:20px;right:20px;display:flex;gap:8px}.world-actions button{padding:8px 11px;background:#1b3025e8;font-size:24px}.world-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#15281ee0;color:#bcd0af;padding:10px 16px;border-radius:5px;font-size:12px;white-space:nowrap}.world-hint span{margin:0 10px;color:#82937b}kbd{font:12px monospace;border:1px solid #69795b;border-radius:3px;padding:2px 4px;color:#c1cfb1}.world-hint kbd{margin-right:5px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:7px}.panel-label{font:12px monospace;letter-spacing:1.5px;color:#9cac8a;display:flex;justify-content:space-between}.panel-label span{color:#697c62}.profile{padding:20px}.avatar-row{display:flex;gap:10px;align-items:center;margin:13px 0}.avatar-row canvas{background:radial-gradient(#58634a,#2c3d30);border:1px solid #4b5c40;border-radius:5px;image-rendering:pixelated}.avatar-row small{font-size:12px;color:#91a688}.avatar-row h2{margin:7px 0;font-size:24px}.avatar-row span{font-size:12px;color:var(--green)}.gold{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;background:#293229;border:1px solid #444d36;border-radius:5px}.gold span{font-size:12px;color:#b8ba98}.gold i{font-style:normal;background:#d7b760;color:#614b1d;border:2px solid #f2d88c;border-radius:50%;padding:0 3px;margin-right:5px}.gold strong{color:var(--gold);font-size:12px;font-family:monospace;max-width:140px;overflow:hidden;text-overflow:ellipsis}.stats{display:flex;padding:17px 0}.stats div{width:50%;border-right:1px solid var(--line);text-align:center}.stats div:last-child{border:0}.stats small{display:block;color:#94a38d;font-size:12px;margin-bottom:7px}.stats b{font:12px monospace;color:#dbe5cc}.profile-actions{display:flex;gap:8px}.profile-actions button{flex:1;font-size:12px;padding:9px 4px}.profile-actions kbd{margin-left:12px;color:#93a683}.destinations{padding:18px;margin-top:14px}.destinations>button{display:flex;width:100%;align-items:center;text-align:left;padding:14px 0;border:0;border-bottom:1px solid #334234;background:none;gap:12px}.destinations>button:last-child{border-bottom:0;padding-bottom:0}.destinations b{font-size:12px;display:block}.destinations small{font-size:12px;color:#829580;display:block;margin-top:6px}.destinations em{margin-left:auto;color:#7f9571;font-style:normal}.guide-icon{font-size:24px;background:#334737;border:1px solid #546548;width:38px;height:38px;text-align:center;line-height:38px;border-radius:5px;color:#b8d596}.guide-icon.amber{background:#453e2b;border-color:#655a35;color:#ebc16a}.guide-icon.pink{background:#43313a;border-color:#634254;color:#cc9cb2}.tip{margin-top:14px;padding:17px;background:#252d23}.tip>small{color:#c5c19a;font:12px monospace;letter-spacing:1px}.tip p{font-size:12px;color:#a5b298;margin:12px 0}.tip>div{font-size:12px;border-top:1px solid #414835;padding-top:12px;color:#969d81}.tip b{float:right;color:var(--gold)}.bottom-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;margin-top:22px}.chat-panel{overflow:hidden}.chat-head{padding:12px 16px;display:flex;gap:12px;border-bottom:1px solid var(--line);font-size:12px}.chat-head b{color:var(--green)}.chat-head span{font-size:12px;color:#adb89d;background:#334130;padding:2px 6px;border-radius:3px}.chat-head small{margin-left:auto;color:#687e70;font-size:12px}#messages{height:186px;overflow:auto;padding:9px 16px;font-size:12px;scrollbar-width:thin}#messages p{margin:3px 0;color:#b7c8b0;line-height:1.6}#messages b{color:#d7d6b3;margin-right:12px}.system{color:#7c927e!important}#chat-form{display:flex;border-top:1px solid var(--line);padding:8px 12px;gap:8px;align-items:center}#chat-form>span{color:#8da581}input,select{background:#14231a;border:1px solid #41533e;color:var(--text);border-radius:4px;padding:10px;min-width:0}select option,select optgroup{background:#14231a;color:var(--text)}#chat-input{flex:1;background:none;border:0;outline:none;font-size:12px;padding:6px}#chat-form button{padding:6px 10px;font-size:12px}.quick{padding:20px}.quick>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:25px}.quick button{padding:8px 0;background:#25372c;font-size:24px;color:#c1cda5}.quick span{font-size:12px;display:block;margin:10px 0}.quick kbd{font-size:12px}.quick button.active{border-color:#d0df86;background:#45552e}footer{display:flex;justify-content:space-between;color:#627563;font-size:12px;padding:24px 0;letter-spacing:1px}dialog{color:var(--text);background:#1a2922;border:1px solid #59694a;border-radius:10px;padding:0;box-shadow:0 24px 100px #000b;max-width:calc(100vw - 30px)}dialog::backdrop{background:#07110dbf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#modal{width:640px;max-height:85vh}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;border-bottom:1px solid #3f503b;background:#26362a}.modal-head small{font:12px monospace;color:#afc38c;letter-spacing:2px}.modal-head h2{font-size:24px;margin:7px 0 0}.modal-head button{font-size:24px;border:0;background:none;padding:0 7px}#modal-body{padding:24px;max-height:65vh;overflow:auto}#modal-body p{font-size:12px;color:#b3c4a9}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{border:1px solid #43543d;background:#24352a;border-radius:5px;padding:15px;text-align:left}.card h3{font-size:12px;margin:8px 0}.card p{font-size:12px!important;margin:6px 0 12px}.card .badge{font:12px monospace;color:#b8d486}.card button{width:100%;font-size:12px}.card.selected{border-color:#b9d978}.map-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.card.zone-far{opacity:.5}.card.zone-far span{color:#c98d8d}.item-art{height:90px;width:90px;display:block;margin:auto;image-rendering:pixelated}.rare{border-color:#5385b2}.epic{border-color:#9569c1}.legendary{border-color:#d2b359;background:#3a3625}.uncommon .badge{color:#a5b8a0}.rare .badge{color:#8fbce9}.epic .badge{color:#c6a4f5}.legendary .badge{color:#f2d58b}.primary{background:#afce7c;color:#20301e;border-color:#c2df93;font-weight:700;box-shadow:0 3px #607144}.primary:hover{background:#c0db94}.full{width:100%;margin-top:16px}.form-row{display:flex;gap:12px;align-items:center;margin:14px 0}.form-row label{width:65px;color:#b0c5a2;font-size:12px}.form-row input,.form-row select{flex:1}.custom-preview{display:flex;align-items:center;gap:30px}.custom-preview canvas{image-rendering:pixelated;background:radial-gradient(#596949,#28392d);border:1px solid #5c6e4c;border-radius:6px}.custom-fields{flex:1}.info-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #3f5039;color:#b2c4a7;font-size:12px}.info-row strong{color:var(--gold)}.big-number{font:36px monospace;text-align:center;color:var(--gold);margin:25px 0}#toast{position:absolute;left:50%;top:100px;transform:translate(-50%);background:#17291cef;border:1px solid #c0ce87;color:#e4edc6;padding:14px 20px;font-size:12px;border-radius:5px;pointer-events:none;max-width:90%;text-align:center;opacity:0;transition:opacity .15s;z-index:4}#toast.show{opacity:1}#login{width:810px;overflow:hidden}#login[open]{display:grid;grid-template-columns:330px 1fr}.login-art{background:#2b3a2a;overflow:hidden;position:relative;min-height:390px}.login-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:auto;transform:scale(1.3);transform-origin:50% 42%}.login-content{padding:45px 35px}.login-content h2{font-size:36px;line-height:1.3;margin:0 0 18px}#login [hidden]{display:none}#discord-invite{background:none;border-color:#4a6450;color:#b9cdb2}#discord-invite:hover{background:#1e2d22;color:var(--text,#edf1df)}.login-content p{font-size:12px;color:#a8bda0;margin-bottom:26px}.login-content a,.login-content button{display:block;text-align:center;width:100%;margin:12px 0;font-size:12px}.login-content small{display:block;font-size:12px;color:#7e9478;margin-top:20px}#bossbar{position:absolute;top:85px;left:25%;width:50%;text-align:center;font-size:12px;color:#ffdfaf}#bossbar>div{height:12px;background:#402631;border:2px solid #965563;margin:7px 0}#bossbar i{height:100%;display:block;background:#eb8e93}#bossbar small{font:12px monospace}#riftbar{position:absolute;top:85px;left:25%;width:50%;text-align:center;font-size:12px;color:#cfe6ff}#riftbar>div{height:12px;background:#243449;border:2px solid #4f7ba6;margin:7px 0}#riftbar i{height:100%;display:block;background:#8fd2ff;transition:width .2s}#riftbar small{font:12px monospace;color:#9fb8cf}#chat-grip{height:12px;margin:0 0 -2px;cursor:ns-resize;touch-action:none;position:relative;pointer-events:auto}#chat-grip:after{content:"";position:absolute;left:50%;top:4px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#cfe0c466;box-shadow:0 1px 2px #0008;transition:background .15s}#chat-grip:hover:after,#chat-grip.on:after{background:var(--green,#b6db7b)}@media(pointer:coarse){#chat-grip{height:26px}#chat-grip:after{top:10px;width:54px;height:5px;margin-left:-27px}}.shop-head{margin:22px 0 6px;font-size:12px;color:var(--gold,#edcc7a)}.drag-ghost{position:fixed;left:0;top:0;width:54px;height:54px;margin:-62px 0 0 -27px;pointer-events:none;z-index:9999;border-radius:7px;background:#1d2f24e6;border:1px solid var(--gold,#edcc7a);box-shadow:0 10px 24px #000a;display:flex;align-items:center;justify-content:center;opacity:.92}.drag-ghost canvas{width:46px;height:46px;display:block}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px;margin:12px 0}.pick-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:50px;padding:7px 5px;line-height:1.3}.pick-grid button b{font-size:12px;white-space:nowrap}.pick-grid button em{font-style:normal;font-size:12px;color:var(--gold,#edcc7a)}.pick-grid button.selected{border-color:#d9da8d;background:#4b5333}.roulette-table{display:flex;flex-direction:column;gap:7px;margin:14px 0}.rt-row{display:grid;gap:7px;grid-template-columns:1fr}.rt-row.rt-2{grid-template-columns:1fr 1fr}.rt-row.rt-3{grid-template-columns:1fr 1fr 1fr}.rt-cell{position:relative;min-height:52px;padding:9px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:7px;background:#16281c;border:1px solid #3d5a45;color:var(--text,#edf1df)}.rt-cell b{font-size:12px;letter-spacing:.5px}.rt-cell em{font-style:normal;font-size:12px;color:#8eaa98}.rt-cell:hover{background:#1e3626}.rt-cell.selected{border-color:var(--gold,#edcc7a);box-shadow:inset 0 0 0 1px var(--gold,#edcc7a)}.rt-red{background:#5e1f22;border-color:#a8474b}.rt-red:hover{background:#75282c}.rt-red em{color:#e6a9ab}.rt-black{background:#1b1c20;border-color:#585a63}.rt-black:hover{background:#26282d}.rt-black em{color:#a7aab3}.rt-green{background:#17402c;border-color:#4e9169;min-height:44px}.rt-green:hover{background:#1d5136}.rt-green em{color:#9ad5b4}.lobby-head{display:flex;gap:7px;margin:10px 0}#lobby-members .rank-line strong,#lobby-open .rank-line strong{display:flex;gap:8px;align-items:center}#lobby-open button{padding:4px 11px;font-size:12px}ul.plain{list-style:none;padding:0;margin:8px 0;font-size:12px;color:#b2c4a7}ul.plain li{padding:3px 0;border-bottom:1px solid #2b3a2f}ul.plain b{color:var(--text,#edf1df)}#rift-pick{position:absolute;left:50%;top:225px;transform:translate(-50%);z-index:9;pointer-events:auto;background:#12202be8;border:1px solid #4f7ba6;border-radius:9px;padding:12px 14px;text-align:center;color:#e6f2ff;max-width:min(460px,92vw)}#rift-pick b{display:block;font-size:12px;margin-bottom:9px}#rift-choices{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}#rift-choices button{flex:1 1 170px;min-height:56px;padding:9px 11px;text-align:left;line-height:1.5;background:#18303f;border:1px solid #4f7ba6;color:#e6f2ff;border-radius:7px;font-size:12px}#rift-choices button:hover{background:#21445b}#rift-left{display:block}#rift-auto{display:inline-flex;align-items:center;gap:8px;margin:8px auto 0;padding:7px 16px;font-size:12px;font-weight:700;background:#2a2230;border:1px solid #c9a24a;color:#f1d58c;border-radius:14px;pointer-events:auto}#rift-auto i{width:8px;height:8px;border-radius:50%;background:#7c6a4a;flex:none}#rift-auto.on{background:#1f6b52;border-color:#8ff0c8;color:#eafff6;animation:riftAutoGlow 1.6s ease-in-out infinite}#rift-auto.on i{background:#8ff0c8;box-shadow:0 0 6px #8ff0c8;animation:riftAutoBlink 1s steps(2) infinite}@keyframes riftAutoGlow{50%{box-shadow:0 0 14px 3px #6fe3b6aa}}@keyframes riftAutoBlink{50%{opacity:.25}}#rift-auto-order{display:block;margin-top:4px;font-size:12px;color:#9ff0cf;text-shadow:0 1px 0 #000a}#rift-auto-flash{position:absolute;left:50%;top:225px;transform:translate(-50%);z-index:9;pointer-events:none;text-align:center;background:#123a2ef0;border:1px solid #8ff0c8;border-radius:9px;padding:9px 20px;color:#eafff6;box-shadow:0 6px 24px #0008;white-space:nowrap}#rift-auto-flash small{display:block;font-size:12px;color:#8ff0c8;letter-spacing:1px}#rift-auto-flash b{display:block;font-size:12px;margin:2px 0}#rift-auto-flash span{font-size:12px;color:#bfe9d8}#rift-auto-flash.show{animation:riftFlash 2.6s ease forwards}#fish-hud[hidden],#plot-hud[hidden],body.no-guide .hud-hint,body.no-guide #plot-hud .hud-note{display:none}#fish-hud,#plot-hud{width:max-content;max-width:calc(100vw - 24px);box-sizing:border-box}#fish-hud button,#plot-hud button{white-space:nowrap;flex:none}#fish-hud{white-space:normal;flex-wrap:wrap;justify-content:center}#fish-hud>span,#plot-hud>span{min-width:0}.furn-piece{display:flex;gap:12px;align-items:center}.furn-piece .pixel-icon{width:64px;height:64px}.furn-piece p{margin:4px 0 0}.furn-cats{flex-wrap:wrap}#plot-hud{position:absolute;left:50%;bottom:92px;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;background:#1b2a1af2;border:1px solid #9fd37a;border-radius:10px;padding:8px 12px;color:#eef8e4;font-size:12px;box-shadow:0 6px 20px #0007;max-width:94vw}#plot-hud select{max-width:260px;font-size:12px}#plot-hud button{font-size:12px;padding:6px 10px}#plot-hud .farm-coin{color:#ffd479;font-weight:700}#fish-hud{position:absolute;left:50%;bottom:92px;transform:translate(-50%);z-index:8;pointer-events:auto;display:flex;align-items:center;gap:12px;background:#10283af2;border:1px solid #7cc6e8;border-radius:10px;padding:8px 10px 8px 16px;color:#e8f6ff;font-size:12px;box-shadow:0 6px 20px #0007;white-space:nowrap}#fish-hud b{color:#9fe3ff}#fish-hud button{font-size:12px;padding:6px 12px}.fish-row{align-items:center}.fish-row button{margin-left:10px;padding:4px 10px;font-size:12px}.fish-tier-common{color:#c9d2c0!important}.fish-tier-uncommon{color:#9fe3a6!important}.fish-tier-rare{color:#8fc6ff!important}.fish-tier-epic{color:#d4a8ff!important}.fish-tier-legendary{color:#ffd479!important}.dex-bar{height:10px;background:#0e1a24;border:1px solid #2f4a5e;border-radius:6px;overflow:hidden;margin:6px 0 12px}.dex-bar i{display:block;height:100%;background:linear-gradient(90deg,#7ccff6,#8ff0c8)}.dex-tier{display:grid;grid-template-columns:52px 64px 1fr;gap:8px;align-items:center;padding:7px 10px;margin:4px 0;border:1px solid #ffffff14;border-radius:6px;font-size:12px}.dex-tier em{font-style:normal;color:#9aa3c7;font-size:12px}.dex-tier.done{border-color:#8ff0c8;background:#8ff0c812}.dex-tier.done em{color:#8ff0c8}.dex-head{margin:16px 0 6px;font-size:12px}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.dex-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:1px solid #ffffff14;border-radius:6px;background:#0c1520;text-align:center}.dex-card canvas{width:48px;height:48px;image-rendering:pixelated}.dex-card b{font-size:12px;line-height:1.3}.dex-card small{font-size:12px;color:#8ea3b8}.dex-card.unknown canvas{filter:brightness(0) opacity(.35)}.dex-card.unknown b{color:#56657a}@keyframes riftFlash{0%{opacity:0;transform:translate(-50%,-8px) scale(.9)}10%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){#rift-auto.on,#rift-auto.on i{animation:none}}#rift-auto-panel{position:absolute;left:50%;top:225px;transform:translate(-50%);z-index:10;pointer-events:auto;background:#12202bf5;border:1px solid #4f7ba6;border-radius:9px;padding:14px 16px;color:#e6f2ff;width:min(420px,92vw);max-height:calc(100dvh - 220px);overflow:auto}#rift-auto-panel b{display:block;font-size:12px}#rift-auto-panel p{font-size:12px;color:#9fc3dd;margin:6px 0 10px;line-height:1.6}#rift-order{list-style:none;counter-reset:pri;margin:0;padding:0;display:grid;gap:6px}#rift-order li{counter-increment:pri;display:flex;align-items:center;gap:8px;text-align:left;background:#18303f;border:1px solid #3f6b90;border-radius:7px;padding:7px 9px;font-size:12px}#rift-order li:before{content:counter(pri);width:18px;text-align:center;font:12px monospace;color:#8fc6ea}#rift-order li div{flex:1;min-width:0}#rift-order small{display:block;font-size:12px;color:#9fc3dd}#rift-order button{padding:2px 7px;font-size:12px;background:#23455c;border:1px solid #4f7ba6;color:#dceaf6}.rift-auto-foot{display:flex;gap:8px;margin-top:12px}.rift-auto-foot button{flex:1;font-size:12px;padding:8px}#rift-choices small{display:block;font-size:12px;color:#9fc3dd}#hearts{position:absolute;bottom:55px;left:50%;transform:translate(-50%);font-size:24px;letter-spacing:8px;color:#ff9aa6}.touch-controls{display:none}.notice{background:#343e2b;border:1px solid #667149;padding:12px;border-radius:4px;color:#d2dba9!important}.notice:empty{display:none}.bet-choices{display:flex;gap:8px}.round-picks{flex-wrap:wrap;gap:6px;max-height:160px;overflow:auto}.round-picks button{flex:0 0 auto;min-width:52px;padding:6px 8px;font-size:12px}#rift-rewards{max-height:250px;overflow:auto}.bet-choices button{flex:1}.bet-choices button.selected{border-color:#d9da8d;background:#4b5333}.rank-line{display:flex;gap:15px;padding:16px 6px;border-bottom:1px solid #3a4d3d}.rank-line b{color:var(--gold)}.rank-line strong{margin-left:auto;color:var(--gold);font-family:monospace}.modal-status{min-height:24px;color:var(--gold)!important;text-align:center}@media(min-width:1500px){.world-wrap{min-height:640px}}@media(max-width:1100px){header{gap:30px;padding:0 24px}nav{gap:18px}.server>span{display:none}main{padding:25px 20px 0}.game-layout,.bottom-layout{grid-template-columns:minmax(0,1fr) 250px}.profile{padding:16px}.world-wrap{min-height:580px}.world-hint{font-size:12px;padding:8px}.world-hint span{margin:0 3px}}@media(max-width:800px){header{height:74px;padding:0 16px}.brand span{font-size:24px}nav{display:none}.server b{font-size:12px}.heading{gap:16px;align-items:flex-start}h1{font-size:24px}.heading .eyebrow{font-size:12px}.raid-clock{padding:10px;gap:10px}.raid-clock button,.clock-icon{display:none}.raid-clock strong{font-size:24px}.game-layout{display:flex;flex-direction:column}.world-wrap{height:65vh;min-height:420px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.destinations{margin:0}.tip{display:none}.bottom-layout{grid-template-columns:1fr}.quick{display:none}.world-hint{bottom:12px;left:15px;transform:none}.world-actions{top:15px;right:12px;gap:4px}.location{left:12px;top:15px;padding:10px}.location button{display:none}.location b{font-size:12px}.touch-controls{position:absolute;bottom:45px;left:15px;display:flex;gap:5px}.touch-controls button{padding:12px;background:#213829dc;touch-action:none}footer span:last-child{display:none}#login[open]{grid-template-columns:1fr}.login-art{display:none}.login-content{padding:30px}#modal-body{padding:18px}.custom-preview{gap:15px}.custom-preview canvas{width:110px;height:150px}.grid{gap:8px}.card{padding:12px}}@media(max-width:470px){main{padding:22px 12px 0}.heading p{font-size:12px}.heading h1{font-size:24px}.raid-clock small,.raid-clock strong{font-size:12px}.server b{display:none}.profile{padding:12px}.avatar-row{gap:7px}.avatar-row canvas{width:58px;height:70px}.avatar-row h2{font-size:12px}.destinations{padding:13px}.destinations small{font-size:12px}.guide-icon{width:28px;font-size:24px}.destinations>button{gap:8px}.gold strong{font-size:12px}.custom-preview{display:block}.custom-preview canvas{display:block;margin:auto}.chat-head small{display:none}footer{font-size:12px}}.outfit-thumbnail{display:block;width:160px;height:160px;max-width:100%;object-fit:contain;margin:8px auto;image-rendering:auto}.card.locked{opacity:.55}.card.locked .outfit-thumbnail{filter:grayscale(.75)}.fashion-placeholder{height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:8px 0;border:1px dashed #526548;border-radius:5px;color:#b8c6ae}.fashion-placeholder small{font-size:12px;color:#91a58b}html,body{height:100%}body{margin:0;overflow:hidden;overscroll-behavior:none;background:#0d1512}#stage{position:fixed;inset:0;overflow:hidden;touch-action:none}#world{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;border-radius:0}.hud{position:absolute;z-index:5;pointer-events:none}.hud button,.hud input,.hud form,.hud a,.hud #messages{pointer-events:auto}.hud-card{background:#14201cd6;border:1px solid #3d5245;border-radius:10px}.hud-corner{display:flex;flex-direction:column;gap:8px;max-width:min(46vw,400px)}.hud-top-left{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));align-items:flex-start}.hud-top-right{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));align-items:flex-end;text-align:right}.halloween-raid-active .hud-top-left,.halloween-raid-active .hud-top-right{display:none}#halloween-raid-hud{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));width:min(600px,calc((100vw - 110px) / var(--ui-scale,1)));box-sizing:border-box;padding:12px 16px;border-color:#967346;background:#19172aee}#halloween-raid-hud b{display:flex;justify-content:space-between;gap:14px;color:#ffe6a1;font-size:16px}#halloween-raid-hud b span{flex:none;white-space:nowrap;font-size:12px}#halloween-raid-hud small{display:block;margin-top:5px;color:#d4bdce;font-size:12px}#halloween-raid-hud p{margin:7px 0 0;font-size:14px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}#halloween-raid-hud .raid-action{color:#aeffde;font-weight:700}#halloween-raid-hud .raid-action.danger{color:#ffb4a4}#halloween-raid-hud .raid-help{color:#d4bdce;font-size:12px}.raid-lobby-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.raid-lobby small{display:block;color:var(--muted);line-height:1.5}.raid-rules{margin-top:16px;border-top:1px solid #3d5245;padding-top:12px}.raid-rules summary{cursor:pointer;color:#edcc7a}.raid-rules li{margin:10px 0}.raid-rules li p{margin:4px 0}@media(max-width:760px){#halloween-raid-hud{width:calc((100vw - 24px) / var(--ui-scale,1));padding:9px 12px}#halloween-raid-hud b{font-size:14px;padding-right:46px}#halloween-raid-hud p{font-size:12px}}.hud-brand{font-size:12px;font-weight:700;color:var(--gold,#edcc7a);text-shadow:0 2px 6px #000a;letter-spacing:.5px}.hud-place{display:flex;align-items:center;gap:9px;padding:8px 12px}.hud-place i{width:8px;height:8px;border-radius:50%;background:var(--green,#b6db7b);flex:none}.hud-place b{display:block;font-size:12px}.hud-place small{color:var(--muted,#8eaa98);font-size:12px}.hud-player{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px}.hud-player b{display:block;font-size:12px}.hud-player>div>span{color:var(--muted,#8eaa98);font-size:12px}.hud-stats{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:5px;font-size:12px;align-items:center}.hud-stats span{display:flex;align-items:center;gap:3px;color:var(--muted,#8eaa98);white-space:nowrap}.hud-stats b{white-space:nowrap}.hud-stats b{color:var(--text,#edf1df)}.hud-stats i{font-style:normal;color:var(--gold,#edcc7a)}.hud-stats span:first-child{gap:4px;padding:2px 8px;border-radius:999px;background:#2a2413;border:1px solid #6b5a2a}.hud-stats span:first-child i{font-size:12px;font-weight:700}.hud-stats span:first-child b{font-size:12px;color:var(--gold,#edcc7a);font-variant-numeric:tabular-nums;letter-spacing:.2px}button.hud-net{pointer-events:auto;cursor:pointer;width:100%;text-align:left;font:inherit;padding:6px 11px;transition:background .15s}button.hud-net:hover{background:#1d2f27e6}button.hud-net[aria-expanded=true]{border-color:#6b8f74}.hud-who{pointer-events:auto;padding:8px 11px;font-size:12px;max-height:46vh;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.who-head{display:block;font-size:12px;color:var(--muted,#8eaa98);margin-bottom:6px;letter-spacing:.3px}.who-line{display:flex;justify-content:space-between;gap:12px;padding:3px 0;white-space:nowrap}.who-line span{color:var(--text,#edf1df);overflow:hidden;text-overflow:ellipsis}.who-line em{font-style:normal;color:var(--muted,#8eaa98);flex:none}.who-line.me span{color:var(--gold,#edcc7a);font-weight:700}.hud-perf{display:flex;gap:9px;padding:4px 11px;font-size:12px;color:#7e9478;font-variant-numeric:tabular-nums}.hud-perf .bad{color:#ff9aa6;font-weight:700}.hud-net{display:flex;align-items:center;gap:7px;padding:6px 11px;font-size:12px;color:var(--muted,#8eaa98)}.hud-net i{width:7px;height:7px;border-radius:50%;background:var(--green,#b6db7b);flex:none}.hud-net b{color:var(--green,#b6db7b)}.hud-raid{padding:4px 8px;display:flex;flex-direction:column;gap:1px;min-width:0}.hud-raid .raid-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;line-height:1.35;white-space:nowrap}.hud-raid .raid-row[hidden]{display:none}.hud-raid .raid-row span{color:var(--muted,#8eaa98)}.hud-raid .raid-row b{font-variant-numeric:tabular-nums;letter-spacing:.5px;color:#cfe0ea;font-weight:700}.hud-raid .raid-row[data-state=open] b{color:#9be07a}.hud-raid .raid-row[data-state=wait] b{color:#8a9aa3;font-weight:400}.hud-raid .raid-row[data-state=fight] b{color:#ffb4a8}.hud-raid .raid-row[data-state=abyss] b{color:#dcc2ff}.hud-rail{top:50%;right:calc(10px + env(safe-area-inset-right));transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;max-height:78vh;overflow:auto;scrollbar-width:none}.hud-rail::-webkit-scrollbar{display:none}.hud-rail button em{position:absolute;top:2px;right:4px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:700;color:#14201c;background:#ffd166;border-radius:9px;line-height:1}.hud-rail button{width:62px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:12px;line-height:1;background:#14201ccc;border:1px solid #3d5245;border-radius:10px}.hud-rail button span{font-size:12px;color:var(--muted,#8eaa98)}.hud-rail button:hover{border-color:var(--green,#b6db7b)}.hud-chat{left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));width:min(460px,46vw);background:transparent;border:1px solid transparent;border-radius:10px;overflow:hidden;transition:background .15s,border-color .15s,backdrop-filter .15s}.hud-chat.typing{background:#14201cd9;border-color:#3d5245}.hud-chat .chat-head{padding:0 12px;height:0;opacity:0;border-bottom-color:transparent;overflow:hidden;transition:height .15s,opacity .15s,padding .15s}.hud-chat.typing .chat-head{padding:7px 12px;height:27px;opacity:1;border-bottom-color:var(--line)}.hud-chat #messages{height:190px;padding:8px 12px}.hud-chat #messages p{text-shadow:0 1px 2px #000c,0 0 6px #0008}.hud-chat #chat-form{padding:6px 10px;border-top-color:transparent;background:#12201b80;border-radius:8px;transition:background .15s}.hud-chat.typing #chat-form{background:none;border-top-color:var(--line);border-radius:0}.hud-chat #chat-form button{padding:5px 10px;font-size:12px}.hud-chat #chat-input::placeholder{color:#cfe0c4aa}#bossbar{top:calc(64px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(420px,60vw);z-index:5}#hearts{bottom:auto;top:calc(104px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:5}#toast{top:auto;bottom:calc(96px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:8}#leave-raid{top:calc(140px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:8;pointer-events:auto;padding:7px 14px;font-size:12px;background:#2a1f26e6;border-color:#7b5563;color:#ffd9d2}.hud-hint{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);font-size:12px;color:#dceacf;white-space:nowrap;background:#14201cc4;border:1px solid #3d5245;border-radius:9px;padding:8px 16px;text-shadow:0 1px 2px #000a}.hud-hint kbd{font-size:12px;padding:3px 8px;margin-right:3px}.hud-hint span{opacity:.45;margin:0 7px}.hud-hint #dash-hint{opacity:1}.hud-hint #dash-status{display:inline-block;min-width:3.2em;color:#a9e4a7;text-align:center}.hud-hint #dash-hint.cooldown #dash-status{color:#f2cf8a}.touch-only{display:none}body.touch .touch-only{display:block}body.touch #dash-button:not([hidden]){display:flex}#channel-picker{width:440px}#channel-body{padding:20px 24px 24px}#channel-body p{font-size:12px;color:#b3c4a9;margin-top:0}#channel-list{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto}.channel{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px}.channel img,.channel i{width:34px;height:34px;border-radius:10px;flex:none;object-fit:cover}.channel i{background:#35492f;color:#cfe3a8;font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center}.channel b{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel em{font-style:normal;font-size:12px;color:#9fc07f}#stick{position:fixed;left:0;top:0;width:132px;height:132px;border-radius:50%;background:#12201b66;border:2px solid #ffffff26;pointer-events:none;touch-action:none;opacity:0;transition:opacity .12s}#stick.active{opacity:1;pointer-events:auto}#interact,#dash-button{z-index:6}#stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#cfe9b0cc;border:2px solid #ffffff55;transition:transform .05s linear}#interact{right:calc(24px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));width:78px;height:78px;border-radius:50%;font-size:24px;line-height:1;background:#2b4234dd;border:2px solid #9fd08a;color:#e8f4d8;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0}#interact span{font-size:12px;color:#cfe7bd;letter-spacing:-.3px}#interact{touch-action:none}#dash-button{right:calc(110px + env(safe-area-inset-right));bottom:calc(102px + env(safe-area-inset-bottom));width:72px;height:72px;border-radius:50%;font-size:24px;line-height:1;background:#3a314bdd;border:2px solid #c1a1ed;color:#f2e8ff;pointer-events:auto;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;touch-action:none}#dash-button span{font-size:12px;color:#eee0ff}#dash-button:disabled{opacity:.55}#dash-button[hidden],#dash-hint[hidden]{display:none!important}@media(max-width:860px),(pointer:coarse){.touch-only{display:block}#dash-button:not([hidden]){display:flex}.hud-hint{display:none}.hud-corner{max-width:44vw}.hud-brand{font-size:12px}.hud-rail{max-height:58vh;gap:5px}.hud-rail button{width:54px;padding:6px 3px;font-size:12px}.hud-rail button span{font-size:12px}.hud-chat{left:calc(10px + env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom));width:min(420px,72vw)}.hud-chat #messages{height:116px;pointer-events:none;font-size:12px;line-height:1.5}.hud-chat #messages p{margin:2px 0}.hud-chat.typing #messages{pointer-events:auto}.hud-chat #chat-form{padding:0;gap:6px}.hud-chat #chat-input{min-height:44px;font-size:12px;padding:10px 12px}.hud-chat #chat-form button{min-width:44px;min-height:44px;font-size:12px}.hud-corner{max-width:min(74vw,360px)}.hud-stats{font-size:12px;gap:4px 7px}.hud-stats span:first-child{padding:1px 6px}.hud-stats span:first-child b{font-size:12px}#toast{bottom:auto;top:calc(58px + env(safe-area-inset-top))}#bossbar{top:calc(58px + env(safe-area-inset-top));width:70vw}#hearts{top:calc(92px + env(safe-area-inset-top));font-size:24px}}@media(max-width:860px),(pointer:coarse){#fish-hud,#plot-hud{bottom:calc(214px + env(safe-area-inset-bottom));padding:8px 10px;gap:6px 8px;font-size:12px;line-height:1.45}#plot-hud>span{flex:1 1 100%;text-align:center}#fish-hud{flex-wrap:nowrap;padding:6px 8px 6px 12px}#fish-hud button,#plot-hud button{min-height:40px;padding:6px 12px;font-size:12px}#plot-hud select{flex:1 1 100%;max-width:none;min-height:40px;font-size:12px}#plot-hud .hud-note{display:none}#plot-hud:has(.hud-note){padding:4px;bottom:calc(214px + env(safe-area-inset-bottom));background:#1b2a1acc}#rift-auto-panel{top:calc(120px + env(safe-area-inset-top))}.furn-piece .pixel-icon{width:52px;height:52px}.furn-cats button{flex:1 1 30%;min-height:38px}}@media(max-width:430px){.hud-chat{width:82vw}.hud-chat #messages{height:150px}#stick{width:112px;height:112px}#stick-knob{width:50px;height:50px;margin:-25px 0 0 -25px}#interact{width:70px;height:70px;right:calc(16px + env(safe-area-inset-right));font-size:24px}#interact span{font-size:12px}}.gwin{position:absolute;z-index:20;width:max-content;background:#16231ef2;border:1px solid #4a6353;border-radius:10px;box-shadow:0 18px 44px #000a;color:var(--text,#edf1df);font-size:12px;-webkit-user-select:none;user-select:none}.gwin[hidden]{display:none}.gwin-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;height:24px;padding:0 3px 0 11px;box-sizing:border-box;border-bottom:1px solid #35493c;cursor:grab;touch-action:none}.gwin-bar:active{cursor:grabbing}.gwin-bar b{font-size:12px;letter-spacing:.5px;color:#b9cdb2}.gwin-bar button{width:20px;height:20px;padding:0;line-height:1;font-size:12px;border-radius:5px;background:none;border-color:transparent;color:#8eaa98}.gwin-bar button:hover{background:#25382c;color:var(--text,#edf1df)}.gwin-body{padding:12px}.gwin-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-top:1px solid #35493c;font-size:12px;color:var(--muted,#8eaa98)}#bag-gold{font-size:12px;font-weight:700;color:var(--gold,#edcc7a);font-variant-numeric:tabular-nums;white-space:nowrap;padding:2px 9px;border-radius:999px;background:#2a2413;border:1px solid #6b5a2a}.gwin-foot button{font-size:12px;padding:5px 10px}.sort-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px}.sort-row.warehouse-sort{justify-content:flex-end}.sort-row button{font-size:12px;padding:5px 8px}.gwin-tabs{display:flex;gap:4px;padding:8px 12px 0}.gwin-tabs button{font-size:12px;padding:4px 12px;border-radius:7px 7px 0 0;background:#1d2c25;color:var(--muted,#8eaa98)}.gwin-tabs button.on{background:#2b4034;color:var(--text,#edf1df);border-color:#5d7a63}.slot{width:54px;height:54px;border:1px solid #3f5547;border-radius:7px;background:#101a16;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.slot canvas{width:100%;height:100%;display:block}.slot.empty{cursor:default;color:#5d7565;font-size:12px}.slot.locked{opacity:.4;cursor:not-allowed}.slot:not(.empty):hover{border-color:var(--green,#b6db7b)}.slot.on{border-color:var(--gold,#edcc7a);box-shadow:inset 0 0 0 1px #edcc7a}.slot .tier{position:absolute;left:0;right:0;bottom:0;height:3px}.slot .tier.rare{background:#6fb2ff}.slot .tier.epic{background:#c58cff}.slot .tier.legendary{background:#ffc861}.slot .tier.uncommon{background:#9fd08a}.slot-grid{display:grid;grid-template-columns:repeat(5,54px);gap:5px;max-height:min(58vh,251px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.slot-grid.mini{max-height:none;overflow:visible}.slot-grid.mini{grid-template-columns:repeat(3,46px)}.slot-grid.mini .slot{width:46px;height:46px}.equip-body{display:flex;align-items:center;gap:12px}.equip-col{display:flex;flex-direction:column;gap:6px}.equip-doll{width:150px;height:180px;border:1px solid #3f5547;border-radius:8px;background:#0f1a15;overflow:hidden}.equip-doll canvas{width:100%;height:100%;display:block}.title-row{display:flex;align-items:center;gap:8px;margin:10px 12px 0}.title-label{font-size:12px;color:#ffd7a3;flex:none}.title-pick{position:relative;flex:1;min-width:0}.title-current{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:4px 30px 4px 6px;text-align:left;background:#14231a;border:1px solid #41533e;border-radius:6px;position:relative}.title-current canvas{flex:none}.title-caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;color:#ffd7a3;transition:transform .15s}.title-pick.open .title-caret{transform:translateY(-50%) rotate(180deg)}.title-list{display:none;position:absolute;left:0;right:0;bottom:calc(100% + 4px);z-index:5;max-height:260px;overflow-y:auto;overscroll-behavior:contain;background:#101b15;border:1px solid #5a6b4c;border-radius:8px;box-shadow:0 10px 30px #000a;padding:4px;scrollbar-width:thin}.title-pick.open .title-list{display:block}.title-option{display:flex;align-items:center;gap:6px;width:100%;padding:2px 6px;margin:0 0 3px;text-align:left;background:#1a2a20;border:1px solid transparent;border-radius:6px}.title-option:hover{background:#243a2b;border-color:#6d8a5a}.title-option.picked{border-color:#ffd86b;background:#3a3524;box-shadow:inset 0 0 0 1px #ffd86b}.title-option canvas{flex:none}.title-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.title-tier{font:700 12px monospace;letter-spacing:1px}.title-option.uncommon .title-tier{color:#a5d8b2}.title-option.rare .title-tier{color:#8fbce9}.title-option.epic .title-tier{color:#c6a4f5}.title-option.legendary .title-tier{color:#f2d58b}.title-option.special .title-tier{color:#ff9fd4}.title-effect{font-size:12px;color:#dfe8cf;line-height:1.35}.title-none{font-size:12px;color:var(--muted);padding:8px 4px}.title-option small{font-size:12px;color:var(--muted)}.title-worn{font-style:normal;color:#ffd86b;margin-left:4px}.title-note{margin:4px 12px 0;font-size:12px;line-height:1.5;color:var(--muted)}.trade-body{display:flex;gap:14px;align-items:flex-start}.trade-side{display:flex;flex-direction:column;gap:7px}.trade-who{font-size:12px;display:flex;gap:6px;align-items:center}.trade-who em{font-style:normal;font-size:12px;color:var(--muted,#8eaa98)}.trade-who em.ready{color:var(--green,#b6db7b)}.trade-gold{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gold,#edcc7a)}.trade-gold input{width:112px;background:#101a16;border:1px solid #3f5547;border-radius:6px;color:var(--text,#edf1df);padding:5px 7px;font-size:12px}.trade-foot{justify-content:flex-end}.omok-body{display:flex;flex-direction:column;gap:8px;align-items:stretch}#omok-board{width:min(66vh,380px);max-width:100%;aspect-ratio:1;height:auto;display:block;border-radius:8px;touch-action:manipulation;cursor:crosshair}.omok-line{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.omok-line b{font-size:12px}#omok-stake{color:var(--gold,#edcc7a)}#omok-clock{font-variant-numeric:tabular-nums;color:var(--muted,#8eaa98)}.omok-foot{justify-content:flex-end}#player-menu{position:absolute;z-index:30;background:#16231ef2;border:1px solid #4a6353;border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px;box-shadow:0 12px 30px #000a}#player-menu[hidden]{display:none}#player-menu b{font-size:12px;padding:2px 6px;color:var(--gold,#edcc7a)}#player-menu button{font-size:12px;padding:5px 10px}@media(max-width:520px),(pointer:coarse){.gwin{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}.gwin-bar{cursor:default}}@media(max-width:860px),(pointer:coarse){.gwin{max-width:94vw;max-height:86vh;overflow:auto}.gwin-bar{height:32px;padding:0 2px 0 11px}.gwin-bar button{width:30px;height:30px;font-size:12px}.slot-grid{grid-template-columns:repeat(4,54px)}.trade-body{flex-direction:column}#omok-board{width:min(86vw,420px)}}.slot[draggable=true]{cursor:grab}.slot.drag{opacity:.35}.drop-on{outline:2px dashed var(--green,#b6db7b);outline-offset:-3px}.gwin.drop-on{outline-offset:-5px;border-radius:10px}.bet-choices .chip{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:-1px;border:1px solid #0005}#item-info{position:absolute;z-index:40;width:232px;background:#16231ef7;border:1px solid #4a6353;border-radius:9px;padding:10px;box-shadow:0 14px 34px #000b;font-size:12px;color:var(--text,#edf1df)}#item-info[hidden]{display:none}.info-head{display:flex;gap:10px;align-items:center;margin-bottom:8px}.info-head canvas{width:60px;height:60px;flex:none;border:1px solid #3f5547;border-radius:7px;background:#101a16}.info-head b{display:block;font-size:12px;margin-bottom:3px}.info-head small{color:var(--muted,#8eaa98);font-size:12px;line-height:1.4}#item-info p{white-space:pre-line;margin:0 0 9px;color:#cfe0c4;line-height:1.55;font-size:12px}.info-actions{display:flex;gap:6px;flex-wrap:wrap}.info-actions button{flex:1;min-width:88px;font-size:12px;padding:6px 8px;white-space:nowrap}.info-actions .danger{flex:0 0 auto;min-width:56px;color:#f1b3ac;border-color:#6a4442}.info-actions .danger.warn{background:#5a2b2b;color:#ffe3df;border-color:#b06a63;flex:1}.info-close{position:absolute;top:6px;right:6px;width:20px;height:20px;padding:0;line-height:1;font-size:12px;border-radius:6px}.info-head{padding-right:22px}.card img.pixel-icon{width:96px;height:96px;display:block;margin:6px auto;image-rendering:pixelated}.pick-grid button img.pixel-icon{width:48px;height:48px;image-rendering:pixelated}#item-info{position:absolute}#item-info .info-close{position:absolute;top:6px;right:6px;width:22px;height:22px;min-width:0;padding:0;border:0;border-image:none;background:none;color:var(--muted,#9aa3c7);font-size:12px;line-height:22px;text-shadow:none}#item-info .info-close:hover{color:var(--text,#fff);filter:none}#item-info .info-head>div{min-width:0;padding-right:22px}#item-info .info-head b{word-break:keep-all;overflow-wrap:anywhere;line-height:1.35}.slot .count{position:absolute;right:3px;bottom:2px;font-style:normal;font-size:12px;color:#fff;text-shadow:1px 1px 0 #000,-1px 0 0 #000}.hud-rail button{position:relative}.hud-rail button em,#menu-button em{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e0533f;color:#fff;font:700 11px/18px var(--pixel-font,sans-serif);font-style:normal;text-align:center;box-shadow:0 0 0 2px #0f1224;pointer-events:none;font-size-adjust:none}.hud-rail button em[hidden],#menu-button em[hidden]{display:none}body.menu-open .hud-top-right{visibility:hidden}#mail-button.has-mail span{color:var(--gold,#ffd479)}.hud-rail a.button{width:62px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:12px;line-height:1;text-decoration:none;pointer-events:auto}.hud-rail a.button span{font-size:12px;color:var(--muted,#8eaa98)}#admin-button[hidden]{display:none}#install-button[hidden]{display:none!important}#menu-button{display:none}@media(max-width:760px){.hud-top-left{gap:5px;max-width:64vw}.hud-top-right{gap:5px;max-width:34vw}.hud-brand,.hud-perf,#who-button,#who-list{display:none!important}.hud-player{padding:3px 8px 3px 4px;gap:6px}.hud-player b{font-size:12px}.hud-player>div>span{font-size:12px}.hud-stats,.hud-stats span:first-child b{font-size:12px}.hud-place{padding:2px 9px;gap:6px}.hud-place b{font-size:12px}.hud-place small{display:none}.hud-raid{padding:2px 7px}.hud-raid .raid-row{font-size:12px;gap:6px}#menu-button{display:flex;align-items:center;justify-content:center;position:absolute;z-index:31;pointer-events:auto;top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:46px;height:46px;padding:0;font-size:24px;line-height:1}.hud-top-right{top:calc(60px + env(safe-area-inset-top))}.hud-rail{display:none;top:calc(58px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));transform:none;max-height:none;z-index:30;grid-template-columns:repeat(3,64px);gap:6px;padding:10px}body.menu-open .hud-rail{display:grid}.hud-rail button,.hud-rail a.button{width:64px;height:58px;font-size:12px}.hud-rail button span,.hud-rail a.button span{font-size:12px}#interact{width:60px;height:60px;right:calc(12px + env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));font-size:12px}#interact span{font-size:12px}.hud-chat{width:calc(100vw - 90px)}.hud-chat #messages{height:84px;font-size:12px}.hud-chat #chat-input{min-height:38px;font-size:12px;padding:5px 10px}.hud-chat #chat-form button{min-width:38px;min-height:38px;font-size:12px}#chat-grip{height:14px}#toast{font-size:12px;padding:8px 12px;max-width:80vw;top:calc(120px + env(safe-area-inset-top))}#bossbar,#riftbar{top:calc(112px + env(safe-area-inset-top));width:78vw;left:11vw}}@media(max-width:760px){.hud-top-left{max-width:57vw}.hud-top-right{max-width:40vw}.hud-player{max-width:57vw}.hud-raid{max-width:40vw}}#ask{padding:18px 20px;min-width:min(300px,86vw);max-width:86vw}#ask p{margin:0 0 14px;line-height:1.6;font-size:12px;white-space:pre-line}.ask-actions{display:flex;gap:8px;justify-content:flex-end}.ask-actions button{min-width:84px}@media(max-width:760px){#bossbar,#riftbar{top:calc(134px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:92vw;font-size:12px}#hearts{top:calc(190px + env(safe-area-inset-top));left:14px;transform:none;font-size:12px;letter-spacing:3px}#leave-raid{top:calc(184px + env(safe-area-inset-top));left:auto;right:10px;transform:none;font-size:12px;padding:0 8px}#rift-pick{top:calc(255px + env(safe-area-inset-top));width:92vw}#rift-auto-flash,#rift-auto-panel{top:calc(255px + env(safe-area-inset-top))}#fish-hud{bottom:calc(210px + env(safe-area-inset-bottom));max-width:94vw;font-size:12px}#toast{top:calc(232px + env(safe-area-inset-top))}#interact{width:62px;height:62px}}#modal-body{overflow-x:hidden}.bet-choices{flex-wrap:wrap}.bet-choices button{flex:1 1 64px;min-width:0}@media(max-width:760px){#bossbar,#riftbar{top:calc(170px + env(safe-area-inset-top))}#hearts{top:calc(228px + env(safe-area-inset-top))}#leave-raid{top:calc(222px + env(safe-area-inset-top))}#rift-pick,#rift-auto-flash,#rift-auto-panel{top:calc(292px + env(safe-area-inset-top))}#toast{top:calc(270px + env(safe-area-inset-top))}}#boot{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#1c2447,#0f1224 70%);transition:opacity .35s}#boot.done{opacity:0;pointer-events:none}#boot[hidden]{display:none}.boot-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(300px,78vw);text-align:center}.boot-mushroom{width:84px;height:106px;background:url(/art/mushrooms/m01a.png) 0 0/756px 106px no-repeat;image-rendering:pixelated;animation:boot-walk .9s steps(9) infinite}@keyframes boot-walk{to{background-position:-756px 0}}.boot-title{font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:24px;letter-spacing:1px;color:#eef0ff;text-shadow:0 2px 0 #0008}.boot-bar{width:100%;height:12px;background:#0a0d1c;border:2px solid #c4cdff55;box-shadow:inset 0 0 0 2px #0006}.boot-bar i{display:block;height:100%;width:4%;background:linear-gradient(#b9f5e2,#7ee0c3 60%,#4fb094);transition:width .3s}#boot small{font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:12px;color:#aab2d8;min-height:1.4em}.slot .tier.common{background:#b9c0cc}.slot .tier.special{background:#ff7f7f}.slot .tier.mythic{background:#ff1493;box-shadow:0 0 6px #ff1493cc}.card.special{border-color:#e77f95;background:#3a2530}.card.special .badge{color:#ff9fb2}.chat-head{display:flex;align-items:center;gap:8px}.chat-tabs{display:flex;gap:4px}.chat-tabs button{position:relative;padding:2px 10px;font-size:12px;line-height:1.4;min-height:0;opacity:.6}.chat-tabs button.on{opacity:1;color:var(--gold,#edcc7a)}.chat-tabs button.new:after{content:"";position:absolute;top:1px;right:2px;width:6px;height:6px;border-radius:50%;background:var(--coral,#ff9a85)}#chat-close,#chat-peek{display:none}.chat-font{display:flex;gap:3px;flex:none}.chat-font button{padding:2px 7px;font-size:12px;line-height:1.4;min-height:0;opacity:.75}.chat-font button:hover{opacity:1}.chat-font button:disabled{opacity:.3;cursor:default}#chat-font-size{align-self:center;min-width:20px;text-align:center;font-size:12px;color:var(--muted,#8eaa98);font-variant-numeric:tabular-nums}.hud-chat.typing #chat-close{display:block;width:30px;height:30px;padding:0;line-height:1}#messages .chat-title,#chat-peek .chat-title{font-size:12px;margin-right:8px}#messages .chat-title.uncommon,#chat-peek .chat-title.uncommon{color:#a5d8b2}#messages .chat-title.rare,#chat-peek .chat-title.rare{color:#8fbce9}#messages .chat-title.epic,#chat-peek .chat-title.epic{color:#c6a4f5}#messages .chat-title.legendary,#chat-peek .chat-title.legendary{color:#f2d58b}#messages .chat-title.special,#chat-peek .chat-title.special{color:#ff9fd4}@media(max-width:860px),(pointer:coarse){.hud-chat{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(6px + env(safe-area-inset-bottom) + var(--kb,0px) / var(--ui-scale,1));width:auto;max-width:none}.hud-chat #chat-grip,.hud-chat .chat-head,.hud-chat #messages{display:none}.hud-chat #chat-input{min-height:40px;font-size:12px;padding:4px 10px}.hud-chat #chat-form button{min-width:44px;min-height:40px}.hud-chat #chat-form{position:relative}.hud-chat:not(.open).peek #chat-peek{display:block;position:absolute;left:12px;right:56px;top:50%;transform:translateY(-50%);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#e8eaff;text-shadow:0 1px 2px #000c;z-index:1}.hud-chat:not(.open).peek #chat-peek b{color:var(--mint,#9fe8c8);margin-right:6px}.hud-chat:not(.open).peek #chat-input::placeholder{color:transparent}.hud-chat.open{z-index:32;background:#14201cf2;border:1px solid #3d5245;border-radius:10px;padding:0 6px 4px}.hud-chat.open .chat-head{display:flex;height:auto;opacity:1;padding:6px 4px}.hud-chat.open #messages{display:block;height:min(36vh,300px);pointer-events:auto;font-size:12px;padding:6px}.hud-chat.open #chat-close{display:block;width:34px;height:30px;padding:0;font-size:12px;line-height:1}.chat-tabs button{padding:5px 14px;font-size:12px}#stick{left:calc(26px + env(safe-area-inset-left));top:auto;bottom:calc(66px + env(safe-area-inset-bottom));opacity:.5}#stick.active{opacity:1}body.chat-open #stick,body.chat-open #interact{visibility:hidden}#interact{bottom:calc(66px + env(safe-area-inset-bottom))}}@media(max-width:430px){#stick{left:calc(18px + env(safe-area-inset-left))}}@media(max-width:760px){#who-button{display:flex!important;padding:3px 9px;gap:5px;font-size:12px}#who-button #connection{display:none}#who-list:not([hidden]){display:block!important;max-height:40vh;font-size:12px}}.chat-tabs{flex:none}.chat-tabs button{white-space:nowrap;word-break:keep-all;flex:none}#chat-close{flex:none}@media(max-width:860px),(pointer:coarse){.hud-chat.open .chat-head{gap:6px;padding:6px 2px}}#lane-picker{width:400px}#lane-body{padding:20px 24px 24px}#lane-body p{font-size:12px;color:#b3c4a9;margin-top:0}#lane-list{display:flex;flex-direction:column;gap:8px}#lane-list .channel:disabled em{color:var(--muted,#8eaa98)}#switch-lane{margin-left:auto;padding:3px 8px;font-size:12px;line-height:1.4;white-space:nowrap;flex:none}.hud-place:has(#switch-lane:not([hidden])) b{white-space:nowrap}.hud-place:has(#switch-lane:not([hidden]))>div{margin-right:8px}#install-card{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;background:#050908b3}#install-card[hidden]{display:none}#install-card .install-box{width:min(360px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 18px 14px;text-align:center;background:#1b2723;border:1px solid var(--gold);border-radius:14px;box-shadow:0 14px 40px #000c;animation:install-in .3s ease-out}#install-card img{width:64px;height:64px;border-radius:14px}#install-card b{font-size:12px;color:var(--gold)}#install-card span{font-size:12px;line-height:1.6;color:var(--text)}#install-card .install-actions{display:flex;gap:8px;width:100%;margin-top:6px}#install-card .install-actions button{flex:1}#install-card .install-snooze{background:none;border:0;border-image:none;box-shadow:none;color:var(--muted);font-size:12px;padding:6px;text-decoration:underline;text-shadow:none}@keyframes install-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#install-card .install-box{animation:none}}@media(orientation:landscape)and (max-height:540px)and (pointer:coarse),(orientation:landscape)and (max-height:500px)and (max-width:1000px){.hud-brand,.hud-perf,#who-list{display:none!important}.hud-top-left{flex-direction:row;align-items:flex-start;gap:6px;max-width:48vw;top:calc(6px + env(safe-area-inset-top))}.hud-top-right{flex-direction:row;align-items:flex-start;gap:6px;max-width:34vw;top:calc(6px + env(safe-area-inset-top));right:calc(60px + env(safe-area-inset-right))}.hud-place{padding:2px 9px;gap:6px;max-width:20vw}.hud-place b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-place small{display:none}.hud-player{padding:3px 8px 3px 4px;gap:6px}.hud-player b{font-size:12px}.hud-player>div>span{font-size:12px}.hud-stats,.hud-stats span:first-child b{font-size:12px}.hud-raid{padding:2px 7px}.hud-raid .raid-row{font-size:12px;gap:6px}#who-button{display:flex!important;padding:3px 8px;gap:5px;font-size:12px}#who-button #connection{display:none}#menu-button{display:flex;align-items:center;justify-content:center;position:absolute;z-index:31;pointer-events:auto;top:calc(6px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:44px;height:44px;padding:0;font-size:24px;line-height:1}.hud-rail{display:none;top:calc(54px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));transform:none;max-height:calc(100dvh - 64px);overflow:auto;z-index:30;grid-template-columns:repeat(4,60px);gap:5px;padding:8px}body.menu-open .hud-rail{display:grid}.hud-rail button,.hud-rail a.button{width:60px;height:52px;font-size:12px}.hud-rail button span,.hud-rail a.button span{font-size:12px}.hud-chat{right:auto;width:min(46vw,440px);left:calc(8px + env(safe-area-inset-left));bottom:calc(4px + env(safe-area-inset-bottom))}.hud-chat #chat-input,.hud-chat #chat-form button{min-height:36px}.hud-chat.open #messages{height:calc(100dvh - 150px);max-height:220px;font-size:12px}#stick{width:104px;height:104px;left:calc(30px + env(safe-area-inset-left));bottom:calc(50px + env(safe-area-inset-bottom))}#stick-knob{width:46px;height:46px;margin:-23px 0 0 -23px}#interact{width:58px;height:58px;right:calc(14px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));font-size:12px}#interact span{font-size:12px}#bossbar,#riftbar{top:calc(6px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:30vw;font-size:12px}#hearts{top:calc(56px + env(safe-area-inset-top));left:35vw;transform:none;font-size:12px;letter-spacing:3px}#leave-raid{top:calc(52px + env(safe-area-inset-top));left:auto;right:35vw;transform:none;font-size:12px;padding:0 8px}#rift-pick{top:calc(112px + env(safe-area-inset-top));width:min(560px,60vw);max-height:calc(100dvh - 150px);overflow:auto}#rift-auto-flash{top:calc(112px + env(safe-area-inset-top))}#rift-auto-panel{top:calc(112px + env(safe-area-inset-top));max-height:calc(100dvh - 110px)}#toast{top:calc(60px + env(safe-area-inset-top));font-size:12px;padding:7px 12px;max-width:60vw}#modal{width:min(640px,92vw);max-height:calc(100dvh - 16px)}#modal-body{max-height:calc(100dvh - 116px);padding:12px 16px}.gwin{max-height:calc(100dvh - 16px);max-width:94vw}.slot-grid{grid-template-columns:repeat(6,54px)}.trade-body{flex-direction:row}#omok-board{width:min(calc(100dvh - 110px),420px)}#install-card .install-box{padding:14px 16px 10px;gap:6px}#install-card img{width:44px;height:44px}}.fashion-set-members{margin:8px 0 12px;padding-top:8px;border-top:1px solid #4a6353;font-size:12px;line-height:1.55;text-align:left}.fashion-set-members>strong{display:block;margin-bottom:5px}.fashion-set-members .set-part{margin-top:5px}.fashion-set-members .set-part>b{display:block;font-size:12px;opacity:.8}.fashion-set-members .set-member{display:block;color:#cfe0c4;overflow-wrap:anywhere}.fashion-set-members .set-member.is-equipped{color:#75e397;font-weight:700}#item-info{max-height:calc(100dvh - 16px);overflow-y:auto}#win-bag:not([hidden]){display:flex;flex-direction:column;height:420px;max-height:86dvh;box-sizing:border-box;overflow:hidden}#win-bag>header,#win-bag>.gwin-tabs,#win-bag>footer,#win-bag>div:not(#bag-grid){flex-shrink:0}#win-bag #bag-grid{flex:1;min-height:0;max-height:none;align-content:start;grid-auto-rows:54px}.batch-actions{display:flex;align-items:center;gap:8px;padding:6px 10px;min-height:43px;flex-wrap:wrap}.batch-actions button{padding:5px 9px;font-size:12px}.batch-actions span{font-size:12px;color:#b7cba9;margin-right:auto}.batch-actions[hidden],.batch-actions button[hidden]{display:none!important}.slot.batch-selected{outline:3px solid #7ee08a;outline-offset:-3px;box-shadow:inset 0 0 0 1px #c9f5cf66;position:relative}.slot.batch-selected:after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#2f8f45 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 0 0 1.5px #c9f5cf;pointer-events:none;z-index:2}.sweep-band{position:fixed;z-index:1000;pointer-events:none;background:#6bdb7a29;border:1px solid #7ee08a;border-radius:2px}.sweep-band[hidden]{display:none}#bag-grip{position:absolute;bottom:0;left:50%;width:90px;transform:translate(-50%);height:18px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:transparent;z-index:2}#bag-grip:after{content:"";width:44px;height:4px;border-radius:3px;background:#8eaa98}#bag-grip:hover:after,#bag-grip.on:after,#bag-grip:focus-visible:after{background:#75e397}#bag-grip:focus-visible{outline:1px solid #75e397;outline-offset:-2px}@media(pointer:coarse){#bag-grip{height:26px}}#win-bag,#win-equip{max-width:calc(94vw / var(--ui-scale,1))}#win-bag:not([hidden]){max-height:calc(86dvh / var(--ui-scale,1))}@media(max-width:860px),(pointer:coarse){.gwin-bar{height:36px}#bag-grip{width:110px;height:32px}#bag-grip:after{width:72px;height:6px}.hud-chat.open #chat-grip{display:flex;height:30px;margin:0;touch-action:none}.hud-chat.open #chat-grip:after{top:12px;width:72px;height:6px;margin-left:-36px}.hud-chat.open #messages{max-height:min(calc(60dvh / var(--ui-scale,1)),calc((var(--vvh,100dvh) - 130px) / var(--ui-scale,1)))}#win-equip .equip-body{gap:5px;padding:8px}#win-equip .equip-doll{width:110px;height:150px}#win-equip .slot{width:48px;height:48px}}[data-equip-slot][hidden]{display:none}[data-tier=common]{--item-tier:#c9d2d8}[data-tier=uncommon]{--item-tier:#9fd08a}[data-tier=rare]{--item-tier:#6fb2ff}[data-tier=epic]{--item-tier:#c58cff}[data-tier=legendary]{--item-tier:#ffc861}[data-tier=special]{--item-tier:#ff899c}[data-tier=mythic]{--item-tier:#ff1493}[data-tier=transcendent]{--item-tier:#ff3048}.slot[data-tier]{border-image:none;border:2px solid var(--item-tier);box-sizing:border-box;box-shadow:inset 0 0 0 1px #0008}.slot[data-tier]:hover,.slot[data-tier].on{border-color:var(--item-tier);box-shadow:0 0 7px var(--item-tier)}.slot[data-tier] .tier{display:none}.info-head b[data-tier]{color:var(--item-tier)}#win-warehouse{max-width:94vw}.warehouse-columns{display:flex;gap:12px;padding:0 8px}.warehouse-columns>section{min-width:0}.warehouse-columns h3{font-size:12px;margin:12px 12px 0;color:var(--text)}#win-warehouse .slot-grid{max-height:min(48vh,310px)}#win-warehouse .gwin-foot{max-width:620px;line-height:1.5}@media(max-width:680px){.warehouse-columns{flex-direction:column;gap:0}.warehouse-columns>section{margin:auto}#win-warehouse .slot-grid{max-height:190px}#win-warehouse .gwin-foot{max-width:300px}}#global-announcement{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;box-sizing:border-box;width:min(840px,90vw);max-height:80dvh;overflow:auto;padding:28px 36px;border:1px solid #ffffff40;border-radius:12px;background:#505050d1;color:#ffe34f;box-shadow:0 12px 60px #0008;text-shadow:0 2px 3px #000b;text-align:center;pointer-events:none;z-index:100000}#global-announcement[hidden]{display:none}#global-announcement b{display:block;font-size:12px;letter-spacing:3px;margin-bottom:14px;color:#fff39a}#global-announcement p{margin:0;color:#ffe34f;font-size:clamp(22px,3vw,38px);font-weight:900;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.slot.locked{opacity:1}.slot.locked canvas{opacity:.5}#plot-hud.hotbar{display:flex;gap:4px;align-items:center;flex-wrap:nowrap;padding:5px;background:#4a2f1cf0;border:3px solid #2a190d;border-radius:8px;box-shadow:inset 0 0 0 2px #7a5130,0 6px 18px #0008;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}#plot-hud.hotbar::-webkit-scrollbar{display:none}#plot-hud .slot{position:relative;flex:none;width:48px;height:48px;padding:0;display:grid;place-items:center;background:#e2c28c;border:2px solid #9a6a3c;border-radius:4px;box-shadow:inset 0 -3px #c9a36a;min-height:0}#plot-hud .slot:hover{background:#ecd1a0}#plot-hud .slot.on{background:#ecd1a0;border-color:#d8412f;box-shadow:inset 0 0 0 2px #d8412f,inset 0 -3px #c9a36a}#plot-hud .slot img,#plot-hud .slot canvas{width:36px;height:36px;image-rendering:pixelated;pointer-events:none}#plot-hud .slot i{position:absolute;right:2px;bottom:0;font-style:normal;font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #2a190d,-1px -1px 0 #2a190d,1px -1px 0 #2a190d,-1px 1px 0 #2a190d}#plot-hud .sep{flex:none;width:2px;height:40px;background:#2a190d;margin:0 3px}#plot-hud .empty{flex:none;padding:0 10px;font-size:12px;color:#f1dcb4;white-space:nowrap}#plot-hud .done{flex:none;margin-left:4px;font-size:12px;padding:8px 12px;white-space:nowrap}#plot-hud.pill,#plot-hud.visitor{background:none;border:0;box-shadow:none;padding:0}#plot-hud.pill button{background:#4a2f1cf0;border:3px solid #2a190d;border-radius:8px;color:#f6e6c4;padding:8px 18px;font-size:12px;box-shadow:inset 0 0 0 2px #7a5130,0 4px 12px #0007}#plot-hud.visitor{top:calc(64px + env(safe-area-inset-top));bottom:auto}#plot-hud.visitor span{display:inline-block;background:#1a1410cc;border:1px solid #c9a36a88;border-radius:14px;padding:5px 14px;font-size:12px;color:#f6e6c4}#piece-pop{position:fixed;z-index:60;display:flex;gap:4px;align-items:center;padding:5px 6px;background:#4a2f1cf5;border:2px solid #2a190d;border-radius:6px;box-shadow:0 4px 12px #0008}#piece-pop[hidden]{display:none}#piece-pop b{font-size:12px;color:#f6e6c4;margin:0 4px;white-space:nowrap}#piece-pop button{font-size:12px;padding:5px 8px;min-height:0;white-space:nowrap}.stall-head{display:flex;gap:16px;justify-content:flex-end;font-size:12px;color:#c9d2e6;margin-bottom:8px}.stall-head b{color:#ffd479}.stall-list{display:grid;gap:6px}.stall-row{display:grid;grid-template-columns:40px 1fr auto auto auto;gap:8px;align-items:center;padding:6px 8px;border:1px solid #ffffff14;border-radius:6px;background:#0c1520}.stall-row .pixel-icon{width:36px;height:36px}.stall-row b{display:block;font-size:12px}.stall-row small{font-size:12px;color:#8ea3b8}.stall-row .price{font-size:12px;color:#ffd479;white-space:nowrap}#modal-body .stall-row button{min-width:40px;padding:6px 8px}.ship-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin:8px 0}.ship-cell{display:flex;flex-direction:column;align-items:center;gap:4px}#modal-body .ship-item{position:relative;width:56px;height:56px;min-width:0;min-height:0;padding:0;display:grid;place-items:center;background:#e2c28c;border:2px solid #9a6a3c;border-radius:4px;box-shadow:inset 0 -3px #c9a36a}.ship-cell.on #modal-body .ship-item,#modal-body .ship-cell.on .ship-item{border-color:#d8412f}.ship-item .pixel-icon{width:40px;height:40px}.ship-item i{position:absolute;right:3px;bottom:1px;font-style:normal;font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #2a190d,-1px -1px 0 #2a190d}.ship-cell small{font-size:12px;color:#8ea3b8}#modal-body .ship-pick{display:flex;gap:3px;align-items:center}#modal-body .ship-pick button{min-height:0;min-width:0;padding:2px 7px;font-size:12px;white-space:nowrap}.ship-pick b{font-size:12px;min-width:16px;text-align:center}.ship-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:8px;font-size:12px}#modal-body .ship-foot button{white-space:nowrap;flex:1 1 150px}.ship-foot b{color:#ffd479}@media(max-width:860px),(pointer:coarse){#plot-hud .slot{width:44px;height:44px}#plot-hud.hotbar{flex-direction:column;left:auto;right:calc(8px + env(safe-area-inset-right));top:50%;bottom:auto;transform:translateY(-50%);max-height:min(62vh,560px);max-width:none;overflow-x:hidden;overflow-y:auto}#plot-hud.hotbar .sep{width:40px;height:2px;margin:3px 0}#plot-hud.hotbar .empty{white-space:normal;width:44px;padding:4px 0;font-size:12px;text-align:center}#plot-hud.hotbar .done{margin:4px 0 0;padding:6px 4px;font-size:12px;white-space:normal;width:48px}#plot-hud.pill{left:auto;right:calc(8px + env(safe-area-inset-right));top:50%;bottom:auto;transform:translateY(-50%)}#plot-hud .slot img,#plot-hud .slot canvas{width:32px;height:32px}}#modal-body .tab-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;margin:0 0 10px}#modal-body .tab-row button{min-height:36px;padding:6px 4px;font-size:12px;white-space:nowrap}#modal-body .tab-row button.on{background:#e6c25a;color:#2a1d08;border-color:#fff1b8}#modal-body .stall-row button,#modal-body .stall-row .price,#modal-body .stall-row b{white-space:nowrap}#modal-body .stall-row>div{min-width:0}#modal-body .stall-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#modal-body .stack{display:grid;gap:8px;margin:10px 0}#modal-body .stack>button{width:100%;min-height:44px;white-space:nowrap}#modal-body .next-house{grid-template-columns:1fr auto auto}#neighbor-search{width:100%;box-sizing:border-box}#modal-body .rank-line button{white-space:nowrap}#piece-pop{max-width:calc(100vw - 16px)}#piece-pop button{min-height:34px}@media(max-width:860px),(pointer:coarse){#plot-hud.hotbar{max-height:calc(100dvh - 300px)}#plot-hud.hotbar .done{width:44px;height:36px;margin:0;padding:0;font-size:12px;white-space:nowrap;min-height:0}#modal-body .stall-row{grid-template-columns:36px minmax(0,1fr) auto auto}#modal-body .stall-row .price{grid-column:auto;grid-row:auto;font-size:12px}#modal-body .stall-row:has(button+button){grid-template-columns:36px minmax(0,1fr) auto auto}#modal-body .stall-row:has(button+button) .price{grid-column:2;grid-row:2;justify-self:start}#modal-body .next-house{grid-template-columns:minmax(0,1fr) auto}#modal-body .next-house .price{grid-column:1;grid-row:2;justify-self:start}#modal-body .next-house button{grid-column:2;grid-row:1/span 2}}#toast:popover-open{position:fixed;inset:100px auto auto 50%;margin:0;overflow:visible}.settings h4{margin:4px 0 10px;font-size:12px;color:var(--gold,#edcc7a)}.setting-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid #ffffff14;font-size:12px}.setting-row span{flex:1}.setting-row .setting-step{flex:none;display:flex;align-items:center;gap:6px}.setting-row .setting-step b{width:44px;text-align:center}.setting-row .setting-step button{min-width:44px}.setting-row input[type=range]{flex:0 1 240px;min-width:110px;height:24px;margin:0;padding:0;border:0;background:none;box-shadow:none;accent-color:#d9ded4;cursor:pointer}.setting-row input[type=checkbox]{padding:0;border:0;border-image:none;accent-color:#9fc3ff;cursor:pointer}.setting-row b{width:44px;text-align:right;font-variant-numeric:tabular-nums}.setting-row select{flex:0 1 240px;min-width:110px;padding:6px 8px;font-size:12px}.setting-row input[type=checkbox]{width:20px;height:20px}.hud-boosts{display:flex;flex-flow:row wrap;gap:4px;margin-top:6px}.hud-boosts .boost{display:flex;align-items:center;gap:4px;padding:2px 7px;border-radius:8px;border:1px solid;font-size:12px;line-height:1.2;white-space:nowrap}.hud-boosts .boost i{font-style:normal;font-weight:700;text-align:center}.hud-boosts .boost span{opacity:.9}.hud-boosts .boost b{font-size:12px;font-variant-numeric:tabular-nums;color:#fff}.hud-boosts .boost.gold{color:#ffe08a;border-color:#a8842f;background:#2e250ecc}.hud-boosts .boost.stones{color:#b9e6ff;border-color:#3f7da3;background:#0f2836cc}.boost-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-weight:700;flex:none}.boost-mark.gold{color:#ffe08a;background:#3a2f12;border:1px solid #a8842f}.boost-mark.stones{color:#b9e6ff;background:#12303f;border:1px solid #3f7da3}.stall-row small em{font-style:normal;color:#9fe3a6}.hud-raid[data-state=fighting]{outline:2px solid #ff6b5a;outline-offset:1px;box-shadow:0 0 8px #ff6b5a88;animation:raid-pulse 1.2s ease-in-out infinite}.hud-raid[data-state=abyss]{outline:2px solid #b476ff;outline-offset:1px;box-shadow:0 0 8px #b476ffaa;animation:raid-pulse 1s ease-in-out infinite}.hud-raid[data-state=daily]{outline:2px solid #8fd06b;outline-offset:1px;box-shadow:0 0 6px #8fd06b66}@keyframes raid-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}@media(prefers-reduced-motion:reduce){.hud-raid[data-state]{animation:none}}html.overlay-scroll *{scrollbar-width:none!important}html.overlay-scroll *::-webkit-scrollbar{display:none!important;width:0;height:0}#scroll-thumb{position:fixed;left:0;top:0;width:6px;height:24px;margin:0;border-radius:3px;background:#cfe3d2;opacity:0;pointer-events:none;z-index:2147483000;transition:opacity .18s,background .12s;touch-action:none;box-shadow:0 0 0 1px #0006;will-change:transform,opacity}#scroll-thumb.on{opacity:.55;pointer-events:auto}#scroll-thumb.on:hover,#scroll-thumb.drag{opacity:.9;background:#eaf5e6}#win-bag #bag-grid{--bag-cols:5;min-width:calc(var(--bag-cols)*54px + (var(--bag-cols) - 1)*5px + 24px);grid-template-columns:repeat(var(--bag-cols),1fr);grid-auto-rows:var(--bag-row,54px)}#win-bag #bag-grid .slot{width:100%;height:100%}@media(orientation:landscape)and (max-height:540px)and (pointer:coarse),(orientation:landscape)and (max-height:500px)and (max-width:520px){#win-bag #bag-grid{--bag-cols:6}}.equip-body{justify-content:center}#equip-mode-note{width:0;min-width:calc(100% - 24px);box-sizing:border-box}#chat-form{position:relative}#chat-new{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 6px);z-index:2;min-height:0;width:auto;padding:4px 12px;font-size:12px;border-radius:12px;background:#2b4034f2;color:#eaf5e6;border:1px solid #75e397;box-shadow:0 4px 12px #0008;pointer-events:auto;cursor:pointer;white-space:nowrap}#chat-new{border-image:none;border:1px solid #0b1410;border-radius:14px;background:#8fe3a8;color:#0e1a14;font-weight:700;min-height:0;height:auto;padding:5px 14px;line-height:1.3}#chat-new:hover{background:#b4f0c4}#chat-new[hidden]{display:none}@media(max-width:860px),(pointer:coarse){.hud-chat:not(.open) #chat-new{display:none}}.season-packs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px 0 6px}.season-packs button.season-pick{background:none;border:0;border-image:none;padding:0;margin:0;min-width:0;min-height:0;box-shadow:none;cursor:pointer;border-radius:8px;transition:transform .18s,filter .18s}.season-box{--w:112px;position:relative;width:var(--w);padding-top:18px;perspective:320px;filter:drop-shadow(0 8px 14px #000a)}.sb-lid{position:absolute;left:-6px;right:-6px;top:0;height:26px;z-index:3;border-radius:5px;border:1px solid #0006;background:linear-gradient(#fff5,#0000 45%),linear-gradient(160deg,color-mix(in srgb,var(--pack) 85%,#fff),var(--pack));transform-origin:50% 100%;transition:transform .25s}.sb-knot{position:absolute;left:50%;top:-9px;width:22px;height:14px;margin-left:-11px;border-radius:50% 50% 36% 36%;background:linear-gradient(#fffdf0,color-mix(in srgb,var(--pack) 30%,#f2c35a));box-shadow:0 1px #0006}.sb-knot:before,.sb-knot:after{content:"";position:absolute;top:3px;width:13px;height:10px;border-radius:50%;background:linear-gradient(#fff6d0,color-mix(in srgb,var(--pack) 40%,#e8b94e))}.sb-knot:before{left:-11px;transform:rotate(-18deg)}.sb-knot:after{right:-11px;transform:rotate(18deg)}.sb-body{position:relative;height:calc(var(--w)*1.16);border-radius:4px;overflow:hidden;isolation:isolate;border:1px solid #0007;background:linear-gradient(170deg,color-mix(in srgb,var(--pack) 60%,#12171a),color-mix(in srgb,var(--pack) 85%,#000))}.sb-art{position:absolute;inset:4% -10% 6% 16%;background:var(--art) center top/cover no-repeat;image-rendering:pixelated;-webkit-mask:linear-gradient(#000 62%,#0000);mask:linear-gradient(#000 62%,#0000)}.sb-art.two{inset:12% 28% 8% -14%;background-image:var(--art2);opacity:.8;filter:saturate(.9) brightness(.9)}.sb-ribbon{position:absolute;top:0;bottom:0;left:50%;width:9px;margin-left:-4px;z-index:2;opacity:.8;background:linear-gradient(90deg,#0004,#fff3cf 34% 66%,#0004)}.sb-glow{position:absolute;left:0;right:0;top:0;height:0;z-index:4;background:linear-gradient(#fffbe0,#fff6a800)}.sb-name{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:5px 2px;text-align:center;font-size:12px;font-weight:700;color:#2a1a10;background:linear-gradient(#fff6d0,#f2c35a)}.sb-foot{margin-top:6px;text-align:center;font-size:12px;letter-spacing:.06em;color:#9fb195}.season-pick:not(.on){filter:grayscale(.5) brightness(.72)}.season-pick:hover .sb-lid,.season-pick.on .sb-lid{transform:rotateX(-34deg) translateY(-5px)}.season-pick:hover{transform:translateY(-3px)}.season-pick.on{transform:translateY(-4px)}.season-pick.on .season-box{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--pack) 70%,#fff)) drop-shadow(0 8px 14px #000a)}.box-open{display:grid;place-items:center;padding:14px 0 6px}.box-open .season-box{--w:min(168px,42vw);animation:box-shake .55s ease-in-out}.box-open .sb-lid{animation:box-lid .6s .5s cubic-bezier(.3,.6,.4,1) forwards}.box-open .sb-glow{animation:box-glow .7s .55s ease-out forwards}@keyframes box-shake{0%,to{transform:rotate(0)}15%{transform:rotate(-3deg)}30%{transform:rotate(3deg)}45%{transform:rotate(-2deg)}60%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}}@keyframes box-lid{to{transform:translate(22px,-64px) rotate(26deg);opacity:0}}@keyframes box-glow{to{height:72%;opacity:.95}}@media(prefers-reduced-motion:reduce){.box-open .season-box,.box-open .sb-lid,.box-open .sb-glow{animation:none}}@media(max-width:640px){.season-box{--w:92px}.sb-name{font-size:12px}}.season-head{border-left:4px solid var(--season);padding:2px 0 2px 12px;margin:14px 0}.season-head h4{margin:0;font-size:12px;color:var(--season)}.season-head p{margin:5px 0 0}.gacha-buttons{display:flex;gap:10px;margin:14px 0}.gacha-buttons button{flex:1}.season-list-head{margin:20px 0 8px;font-size:12px;color:#b2c4a7}.season-row{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #3f5039;font-size:12px}.season-row>b{flex:none;width:62px}.season-row i{font-style:normal;color:#93a88c;margin-right:8px;white-space:nowrap}.season-row i.have{color:#dfe9c8}.season-row i.have:before{content:"✓ ";color:#9ed07a}.gacha-tear{text-align:center;padding:40px 0}.gacha-tear b{color:var(--season);font-size:12px}.gacha-tear .box-open{padding:14px 0 8px}.gacha-open{text-align:center}.gacha-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px 0;perspective:900px}.gacha-card{width:120px;height:186px;padding:0;background:none;border:0;position:relative;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,1.4,.5,1);cursor:pointer;animation:gacha-deal .3s backwards;animation-delay:calc(var(--i)*.06s)}.gacha-card.flipped{transform:rotateY(180deg)}@keyframes gacha-deal{0%{opacity:0;transform:translateY(24px) rotateY(180deg)}to{opacity:1;transform:rotateY(180deg)}}.gacha-card .gacha-face,.gacha-card .gacha-back{position:absolute;inset:0;border-radius:8px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #43543d;background:#24352a;overflow:hidden;padding:6px 5px}.gacha-card .gacha-face,.gacha-card .gacha-back{transition:visibility 0s .22s}.gacha-card.flipped .gacha-face{visibility:hidden}.gacha-card:not(.flipped) .gacha-back{visibility:hidden}.gacha-card .gacha-back{transform:rotateY(180deg);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--season) 55%,#1d2b22),#16221b);border-color:color-mix(in srgb,var(--season) 50%,#43543d)}.gacha-card .gacha-back:after{content:"👗";font-size:36px;opacity:.75}.gacha-card canvas{width:92px;height:92px;image-rendering:pixelated;flex:none}.gacha-card b{font-size:12px;color:#e6eed2;line-height:1.25;word-break:keep-all}.gacha-card small{font-size:12px;color:#9fb195;line-height:1.2}.gacha-card.rare .gacha-face{border-color:#5385b2}.gacha-card.epic .gacha-face{border-color:#9569c1}.gacha-card.legendary .gacha-face{border-color:#d2b359;background:#3a3625}.gacha-card.revealed .gacha-face{animation:gacha-pop .4s}.gacha-card.revealed.epic .gacha-face{box-shadow:0 0 16px #9569c1aa}.gacha-card.revealed.legendary .gacha-face{box-shadow:0 0 26px #ffd66e;animation:gacha-pop .4s,gacha-shine 1.6s ease-out}@keyframes gacha-pop{0%{transform:scale(.88)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes gacha-shine{0%{filter:brightness(2.2)}to{filter:brightness(1)}}@media(max-width:640px){.gacha-card{width:98px;height:158px}.gacha-card canvas{width:72px;height:72px}.gacha-card b{font-size:12px}}.gold-input{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}.gold-input label{display:inline-flex;align-items:center;gap:2px}.gold-input input{width:44px;background:#101a16;border:1px solid #3f5547;border-radius:6px;color:var(--text,#edf1df);padding:5px 6px;font-size:12px;text-align:right}.gold-input input[data-unit=ja]{width:84px}.gold-input i{font-style:normal;font-weight:700;font-size:12px;color:var(--gold,#edcc7a)}.gold-input .gold-preview{flex-basis:100%;font-size:12px;color:#a9b8a6}.trade-gold .gold-input input{width:38px;padding:4px 5px;font-size:12px}.ask-gold{margin:0 0 14px}.dex-tabs{display:flex;gap:6px;margin:0 0 10px}.dex-tabs button{flex:1;padding:8px 6px;opacity:.7}.dex-tabs button.on{opacity:1;outline:2px solid #e9c46a;outline-offset:-2px}.dex-tabs small{opacity:.75;margin-left:4px}#hearts .beer-heart{color:#ffd24a;text-shadow:0 0 6px #ffb800aa,0 2px 0 #7a4f00}.card.mythic{border:2px solid #ff1493;box-shadow:0 0 10px #ff149355;background:linear-gradient(160deg,#31142b,#1a2438)}.card.mythic .badge{color:#ff58b4}.season-box{position:relative}.season-box .sb-new{position:absolute;top:-6px;left:-8px;z-index:10;pointer-events:none;padding:2px 7px;border:2px solid #fff4c2;border-radius:10px;background:linear-gradient(135deg,#ff4f7b,#ff9a3c);color:#fff;font:700 12px/1.2 Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;letter-spacing:.5px;box-shadow:0 2px #7a1f3a,0 0 10px #ff7aa8aa;transform:rotate(-12deg);animation:sb-new 1.6s ease-in-out infinite}@keyframes sb-new{0%,to{transform:rotate(-12deg) scale(1)}50%{transform:rotate(-8deg) scale(1.08)}}@media(max-width:860px),(pointer:coarse){#win-bag,#win-equip{max-width:calc(94vw / var(--ui-scale,1))}#win-bag #bag-grid{--bag-cols:4;min-width:0;width:100%;box-sizing:border-box}#win-bag .gwin-tabs{max-width:100%;overflow-x:auto;flex-shrink:0}#win-bag .gwin-tabs button{white-space:nowrap;flex:none}#win-equip{overflow-y:auto;overflow-x:hidden}.hud-chat.open .chat-head{flex-wrap:wrap;overflow:visible}}@media(max-width:360px){#win-bag #bag-grid{--bag-cols:3}}#stage>:not(#world),body>dialog,body>#global-announcement,#duel>*{zoom:var(--ui-scale,1)}.gwin{max-width:calc(94vw / var(--ui-scale,1));max-height:calc(86dvh / var(--ui-scale,1))}@media(max-height:760px){.gwin{overflow-y:auto}}body>dialog{max-width:calc((100vw - 30px) / var(--ui-scale,1));max-height:calc((100dvh - 20px) / var(--ui-scale,1))}body>dialog.cards-dialog{width:min(1100px,calc((100vw - 16px) / var(--ui-scale,1)));height:min(820px,calc((100dvh - 16px) / var(--ui-scale,1)));max-width:calc((100vw - 16px) / var(--ui-scale,1));max-height:calc((100dvh - 16px) / var(--ui-scale,1))}body>#modal{max-height:calc((100dvh - 20px) / var(--ui-scale,1))}body>#modal #modal-body{max-height:calc((100dvh - 116px) / var(--ui-scale,1))}#global-announcement{max-width:calc(90vw / var(--ui-scale,1));max-height:calc(80dvh / var(--ui-scale,1))}.hud-player{padding-left:12px}@media(max-width:760px){.hud-player{padding-left:8px}}@media(max-width:760px){.hud-top-left{max-width:calc(57vw / var(--ui-scale,1))}.hud-top-right{max-width:calc(34vw / var(--ui-scale,1))}}.pcgame{display:grid;gap:12px;color:#d8e9ff}.pcgame-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font:700 12px monospace;color:#78e9f0}.pcgame-status span:nth-child(3){color:#f07acb}.pcgame canvas{display:block;width:100%;max-width:560px;aspect-ratio:4/3;margin:auto;border:4px solid #36517d;background:#050918;image-rendering:pixelated;box-shadow:0 0 0 3px #e052c1,0 0 30px #50bbda77}.pcgame p{text-align:center;color:#e5c9f1!important;min-height:18px}.pcgame-controls{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px}.pcgame-controls button{min-height:42px}.pcgame>small{text-align:center;color:#8fb4cf}#modal.pcgame-mode{width:min(1000px,96vw);background:#11172a;border-color:#ae59c0}#modal.pcgame-mode #modal-body{max-height:calc(100dvh - 120px);padding:14px}.pc-action{gap:9px}.pc-action .pcgame-status{align-items:center;color:#79e8f2}.pc-action .pcgame-status b{color:#f5a4df}.pc-action .pcgame-screen{position:relative;width:100%;max-width:860px;margin:auto;border:3px solid #425c87;box-shadow:0 0 0 2px #c653ba,0 0 28px #9940b566;overflow:hidden}.pc-action canvas{width:100%;max-width:none;aspect-ratio:688/384;border:0;box-shadow:none;display:block}.pcgame-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#050918dc;text-align:center;padding:18px;box-sizing:border-box}.pcgame-overlay[hidden]{display:none}.pcgame-overlay h3{font:700 clamp(24px,4vw,34px) monospace;color:#ff8ddd;text-shadow:0 0 16px #f059c4;margin:0}.pcgame-overlay p{max-width:420px;color:#d7e8fa!important;line-height:1.6}.pcgame-overlay button{min-width:160px;min-height:45px}.pcgame-meter{display:flex;align-items:center;gap:10px;font:700 12px monospace;color:#88e7f2}.pcgame-meter>div{height:10px;flex:1;background:#151c38;border:1px solid #3b6990}.pcgame-meter i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#4bcce4,#a58cf6);box-shadow:0 0 12px #67dbef}.pcgame-meter b{color:#f3a0de}.pc-action-controls{grid-template-columns:repeat(6,minmax(0,1fr))}.pc-action-controls button{touch-action:none;-webkit-user-select:none;user-select:none;min-height:46px;background:#24324a;border-color:#5189a0;color:#def6ff;font-weight:700}.pc-action-controls button:nth-child(4){background:#703265;border-color:#e466bd}.pc-action-controls button:nth-child(6){background:#303a70;border-color:#8b9df1}.pc-action-controls button:active{filter:brightness(1.5)}@media(max-width:640px){.pc-action .pcgame-status{font-size:12px}.pc-action-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.pc-action-controls button{min-height:42px}.pcgame-overlay p{font-size:12px!important}}#modal.pcgame-mode,#modal.pcgame-fullscreen,.preview.pcgame-fullscreen{width:100vw;max-width:none;max-height:none;height:100dvh;margin:0;border:0;border-radius:0;box-sizing:border-box;background:#080d20;overflow:auto}#modal.pcgame-mode{position:fixed;inset:0}#modal.pcgame-mode .modal-head{padding:7px 18px;min-height:32px;background:#101a32}#modal.pcgame-mode .modal-head small{display:none}#modal.pcgame-mode .modal-head h2{font-size:12px;margin:0}#modal.pcgame-mode #modal-body{max-height:none;height:calc(100dvh - 51px);box-sizing:border-box;display:grid;place-items:center;padding:10px 18px;overflow:auto}#modal.pcgame-mode .pcgame,.pcgame-fullscreen .pcgame{width:min(100%,calc((100dvh - 250px)*1.79));max-width:none;margin:auto}.preview.pcgame-fullscreen{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:10px}.preview.pcgame-fullscreen #game{width:100%;min-width:0}.preview.pcgame-fullscreen>h1,.preview.pcgame-fullscreen>a{display:none}.pc-action .pcgame-screen{max-width:none}.pc-action .pcgame-status button{font:700 12px monospace;min-height:24px;padding:2px 8px;color:#b9eeff;border-color:#4f85a1;background:#1a294a}.pc-action-controls{grid-template-columns:repeat(8,minmax(0,1fr))}@media(max-width:700px){#modal.pcgame-mode #modal-body{padding:6px}.pc-action-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.pc-action .pcgame-status,.pc-action .pcgame-status button{font-size:12px}.pc-action>small{display:none}}.card.transcendent,.slot[data-tier=transcendent]{border:2px solid #ff3048;background-image:radial-gradient(ellipse at 50% 45%,#ffbb7770 0%,#ff304852 25%,#bc123822 55%,transparent 76%),conic-gradient(from 20deg at 50% 45%,transparent 0deg,#ff596b22 30deg,transparent 60deg,#ff596b22 110deg,transparent 150deg,#ff596b22 210deg,transparent 250deg,#ff596b22 310deg,transparent 360deg);box-shadow:inset 0 0 16px #ff30483d,0 0 10px #ff30485c}.card.transcendent .badge{color:#ff7888}.tier.transcendent{background:#ff3048}.card.legacy,.slot[data-tier=legacy]{border:2px solid #88ead5;background-image:radial-gradient(ellipse at 50% 40%,#9af4df35,transparent 70%);box-shadow:inset 0 0 14px #65d6c52d,0 0 9px #65d6c542}.card.legacy .badge{color:#a8f4e0}.tier.legacy{background:#66d8c4}[data-tier=legacy]{--item-tier:#66d8c4}.slot[data-tier=mythic]{box-shadow:inset 0 0 0 1px #9c075d,0 0 7px #ff149345}.trans-craft-materials{font-size:12px;line-height:1.8}.trans-craft-materials .missing{color:#ff91a3}.trans-craft-materials .ready{color:#93e7b5}.card.transcendent select,.card.legacy select{width:100%;min-width:0;margin:8px 0}.card.transcendent,.card.legacy{min-width:0}@media(max-width:760px){.craft-grid{grid-template-columns:minmax(0,1fr)}}.trans-craft-result{color:#ffc4cd}@media(pointer:coarse){.gwin-bar{height:40px;padding-right:0}.gwin-bar button,#close-modal,#lane-close{width:40px;height:40px;min-width:40px;padding:0;font-size:24px;line-height:1;border:0;border-image:none;background:none;color:var(--muted)}.modal-head{padding-right:6px}#item-info .info-close{top:0;right:0;width:40px;height:40px;font-size:24px}#item-info .info-head>div{padding-right:34px}#player-menu button{min-height:40px;min-width:150px}.hud-chat.open #chat-close{width:40px;height:40px;font-size:22px}}#win-bag.low{width:calc(94vw / var(--ui-scale,1));max-width:calc(94vw / var(--ui-scale,1))}#win-bag.low:not([hidden]){max-height:calc(94dvh / var(--ui-scale,1))}#win-bag.low #bag-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));min-width:0;width:100%;box-sizing:border-box}#win-bag.low #bag-batch-row{flex-wrap:nowrap;min-height:0;padding:4px 8px}#win-bag.low #bag-batch-row .sort-row{margin-left:auto;padding:0;gap:4px;flex-wrap:nowrap;justify-content:flex-end}#win-bag.low #bag-batch-row .sort-row button{padding:5px 8px;white-space:nowrap;flex:none}#win-bag.low:not(.batching) #bag-batch-count{display:none}#win-bag.low #bag-batch-count{margin-right:0;white-space:nowrap}.forge-held{display:flex;align-items:center;gap:10px;margin:10px 0;padding:8px 10px;border:2px solid var(--item-tier,#c9d2d8);border-radius:10px;background:#1a2a2299}.forge-held img.pixel-icon{width:48px;height:48px;image-rendering:pixelated;flex:none}.forge-held-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.forge-held-text b{color:var(--item-tier,#c9d2d8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forge-held-text small{color:var(--muted,#8eaa98);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forge-held .big-number{margin:0;font-size:36px;line-height:1;flex:none}.forge-held .forge-step{flex:none;min-width:36px;width:36px;height:44px;padding:0;font-size:22px;line-height:1}.forge-sort{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0}.forge-sort span{margin-right:auto;color:var(--muted,#8eaa98)}.forge-sort button{padding:4px 10px}.forge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;margin:6px 0 12px}.forge-grid button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;height:66px;min-width:0;padding:2px;border:2px solid color-mix(in srgb,var(--item-tier,#c9d2d8) 75%,#000);border-image:none;border-radius:7px;background:#1a2a22;color:var(--text)}.forge-grid button:hover{border-color:var(--item-tier,#c9d2d8);background:#22342b;filter:none}.forge-grid button.selected{border:3px solid var(--gold,#ffd479);background:#2c3a4f}.forge-grid button img.pixel-icon{width:36px;height:36px;image-rendering:pixelated}.forge-grid button em{font-style:normal;font-size:12px;line-height:1;color:var(--text);text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000}.forge-grid button.selected em{color:var(--gold,#ffd479)}.forge-grid button i{position:absolute;left:4px;top:1px;font-style:normal;color:var(--gold,#ffd479);text-shadow:0 1px 0 #000}.rift-from{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px;padding:10px 12px;border:1px solid #ffffff22;border-radius:10px;background:#1a2a2299;text-align:center}.rift-from>b{font-size:24px;color:var(--gold,#ffd479);line-height:1.2}.rift-from>small{color:var(--muted,#8eaa98);line-height:1.5}.rift-from-bar{display:flex;align-items:center;gap:6px}.rift-from-bar button{flex:none;min-width:44px;padding:6px 4px}.rift-from-bar input[type=range]{flex:1;min-width:0;height:28px;margin:0;padding:0;border:0;border-image:none;background:none;box-shadow:none;accent-color:var(--gold,#ffd479);cursor:pointer}.rift-from-picks{flex-wrap:wrap;justify-content:center}#rift-leave{display:inline-flex;align-items:center;margin:8px 0 0 8px;padding:7px 16px;font-size:12px;font-weight:700;border-radius:999px;border:1px solid #7b5563;background:#2a1f26e6;color:#ffd9d2;cursor:pointer;pointer-events:auto}#rift-leave:hover{background:#3a2a33e6;border-color:#ffd9d2}#interact span{white-space:nowrap}#interact{padding-left:0;padding-right:0}button,.button{background:#26372d;border:1px solid #42553f;border-radius:7px;padding:6px 10px;color:var(--text)}button:not(:disabled):hover,.button:hover{background:#314738;border-color:var(--green);color:var(--gold)}button:not(:disabled):active{background:#1d2a22}button:disabled{background:#1a241f;border-color:#2e3b33;color:var(--muted);opacity:1}button.primary,.button.primary,.primary{background:#3a5a2c;border-color:var(--green);color:var(--text);font-weight:700;box-shadow:none}button.primary:not(:disabled):hover,.primary:hover{background:#46703a;border-color:var(--gold);color:var(--gold)}button.selected,.bet-choices button.selected,.forge-sort button.selected{background:#2b4034;border-color:var(--gold);color:var(--gold)}input,select{background:#0f1714;border:1px solid #3d5245;border-radius:7px;padding:6px 8px;color:var(--text)}input:focus,select:focus{border-color:var(--green);outline:none}select option,select optgroup{background:#0f1714}:focus-visible{outline:1px solid var(--green);outline-offset:1px}.gwin,dialog{background:#16231ef2;border:1px solid #4a6353;border-radius:10px;box-shadow:0 18px 50px #0009}.gwin-bar{height:auto;min-height:36px;padding:8px 8px 8px 12px;background:none;border-bottom:1px solid #4a6353}.gwin-bar b{color:var(--gold);font-weight:400;letter-spacing:0}.gwin-foot{border-top:0;padding:0 12px 12px}.gwin-tabs{gap:4px;padding:10px 10px 0;flex-wrap:wrap}.gwin-tabs button{padding:5px 10px;border-radius:6px;background:#1a2a22;border-color:#3d5245;color:var(--muted)}.gwin-tabs button.on{background:#2b4034;border-color:#4a6353;color:var(--gold)}#modal{width:640px}.modal-head{padding:8px 8px 8px 12px;min-height:36px;background:none;border-bottom:1px solid #4a6353}.modal-head small{display:none}.modal-head h2{margin:0;font-size:12px;font-weight:400;color:var(--gold)}.modal-head button,#close-modal,#lane-close{width:20px;height:20px;padding:0;font-size:12px;line-height:1;border:0;border-radius:5px;background:none;color:var(--muted)}.modal-head button:hover,#close-modal:hover,#lane-close:hover{background:#25382c;color:var(--text)}#modal-body{padding:12px}#modal-body p{color:#b7c8b0}#modal-body b{color:var(--text)}.notice{background:#1c2a2266;border:1px solid #3d524566;border-radius:8px;padding:7px 10px;color:var(--muted)!important}.card{background:#1a2a22;border:1px solid #3d5245;border-radius:10px;padding:10px}.card.selected{background:#223528;border-color:var(--gold)}.info-row{padding:8px 0;border-bottom:1px solid #3d524580;color:#b7c8b0}.rank-line{margin:4px 0;padding:6px 10px;border:1px solid #3d5245;border-radius:8px;background:#1a2a22}.big-number{font-family:var(--pixel-font);font-weight:700}.badge,.rank-line strong,.card .badge{font-family:var(--pixel-font)}.settings h4{color:var(--gold);font-weight:400}.setting-row{border-bottom:0;padding:6px 0}.setting-row input[type=range]{accent-color:#d9ded4}.setting-row input[type=checkbox]{-webkit-appearance:none;appearance:none;width:16px;height:16px;flex:none;border:2px solid #7d9384;border-radius:3px;background:#0f1714;display:grid;place-items:center}.setting-row input[type=checkbox]:checked{border-color:var(--green);background:#2f4a33}.setting-row input[type=checkbox]:checked:after{content:"";width:8px;height:4px;border:solid var(--gold);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}.slot{background:#0f1a15;border:2px solid #3d5245;border-radius:6px}.slot.empty{background:#101915}.title-current{background:#0f1714;border-color:#3d5245;border-radius:7px}#item-info,#player-menu{background:#101b16f8;border:1px solid #4a6353;border-radius:8px}#toast{background:#101a16f2;border:1px solid #3d5245;border-radius:8px;color:var(--text)}.hud-player b{display:inline}.hud-player>div>span{margin-left:8px}.hud-stats span:first-child{border:1px solid #a8842f;background:#2e250ecc}.hud-stats span:first-child:before{content:"G";color:var(--gold);font-weight:700}.hud-rail button,.hud-rail a.button{background:#14201ccc;border:1px solid #3d5245;border-radius:10px;color:var(--text)}.hud-rail button:hover,.hud-rail a.button:hover{background:#1a2a23e6;border-color:var(--green)}body.menu-open .hud-rail button,body.menu-open .hud-rail a.button{background:#14201cf7}#mail-button.has-mail,#menu-button.has-mail{border-color:var(--gold);color:var(--gold)}#bossbar>div,#riftbar>div{background:#1a1016;border:1px solid #5a3a44;border-radius:6px;overflow:hidden}#bossbar i{background:#d4506a}.hud-chat #chat-input{background:#0f1714cc;border:1px solid #3d5245;border-radius:7px}.hud-chat #chat-form{background:none;gap:6px}.chat-tabs button.on{background:#2b4034;border-color:#4a6353;color:var(--gold)}@media(pointer:coarse){.modal-head button,#close-modal,#lane-close{width:40px;height:40px;font-size:24px}}dialog::backdrop{background:#07110d99;-webkit-backdrop-filter:none;backdrop-filter:none}#menu-button{background:#14201cd6;border:1px solid #3d5245;border-radius:10px;color:var(--text)}.gwin-scroll{display:contents}@media(max-width:860px),(pointer:coarse){#win-equip:not([hidden]){display:flex;flex-direction:column;overflow:hidden}#win-equip>header,#win-equip>.gwin-tabs,#win-equip>footer{flex:none}#win-equip .gwin-scroll{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}#win-equip .gwin-foot{padding-top:8px}}@media(orientation:landscape)and (max-height:540px)and (pointer:coarse),(orientation:landscape)and (max-height:500px)and (max-width:1000px){.hud-top-left{flex-direction:column;align-items:flex-start;gap:6px;max-width:36vw;top:calc(8px + env(safe-area-inset-top))}.hud-top-right{flex-direction:column;align-items:flex-end;gap:6px;max-width:30vw;top:calc(8px + env(safe-area-inset-top));right:calc(60px + env(safe-area-inset-right))}.hud-place{padding:6px 10px;max-width:36vw}.hud-player{padding:6px 10px}.hud-raid{padding:4px 8px}#menu-button{top:calc(8px + env(safe-area-inset-top))}.hud-chat{width:min(40vw,400px)}#win-equip{width:min(400px,94vw)}#win-equip .equip-body{padding:6px 8px}}.gwin-foot button{white-space:nowrap;flex:none}#messages p{display:flex;align-items:baseline;gap:8px}#messages p>span{flex:1;min-width:0;overflow-wrap:anywhere}#messages p>time{flex:none;font-size:.85em;color:var(--muted);opacity:.8;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000a}.gwin-tabs .preset-pick{margin-left:auto;display:flex;align-items:center;gap:4px;padding-left:12px}.preset-pick small{color:var(--muted);margin-right:2px;white-space:nowrap}.gwin-tabs .preset-pick button{min-width:30px;padding:5px 0;text-align:center;border-radius:6px;background:#1a2a22;border-color:#3d5245;color:var(--text)}.gwin-tabs .preset-pick button.on{background:#2b4034;border-color:var(--gold);color:var(--gold);font-weight:700}.gwin-tabs .preset-pick button.blank{color:var(--muted);border-style:dashed}@media(pointer:coarse){.gwin-tabs .preset-pick button{min-width:40px;min-height:34px}}.chat-head .chat-font{margin-left:auto}.chat-head span,#chat-font-size{background:none;padding:0;border-radius:0}.hud-chat .chat-head{--chat-btn:30px}.hud-chat .chat-head button,.hud-chat.open .chat-head #chat-close,.hud-chat.typing .chat-head #chat-close{display:inline-flex;align-items:center;justify-content:center;height:var(--chat-btn);min-height:0;padding:0 10px;font-size:12px;line-height:1;border-radius:7px}.hud-chat .chat-head #chat-close,.hud-chat.open .chat-head #chat-close,.hud-chat.typing .chat-head #chat-close{width:var(--chat-btn);padding:0;font-size:14px}.hud-chat:not(.open):not(.typing) .chat-head #chat-close{display:none}.hud-chat .chat-head #chat-font-size{font-size:12px;line-height:var(--chat-btn);min-width:22px}.hud-chat .chat-head .chat-font{gap:4px;align-items:center}@media(max-width:860px),(pointer:coarse){.hud-chat .chat-head{--chat-btn:36px}}#menu-button i{display:block;width:20px;height:3px;border-radius:2px;background:currentColor;box-shadow:0 -7px 0 currentColor,0 7px 0 currentColor}.hud-boosts[hidden]{display:none}.hud-player{padding:8px 12px}@media(max-width:860px),(pointer:coarse){.hud-player{padding:6px 10px}}.hud-raid{padding:8px 12px;gap:3px}.hud-raid .raid-row{gap:12px;line-height:1.45}@media(max-width:860px),(pointer:coarse){.hud-place{padding:6px 10px}.hud-raid{padding:6px 10px;gap:2px}.hud-raid .raid-row{gap:10px}#who-button{padding:6px 10px}}#dash-button:not([hidden]){display:flex}#dash-button{background:conic-gradient(#000b calc(var(--cool,0)*1turn),#0000 0),#2a1a14cc;border:2px solid #ffb060;color:#ffe2c0}#dash-button span{color:#ffe2c0;font-variant-numeric:tabular-nums}#dash-button:not(:disabled):hover{background:#3a2618e6;border-color:#ffd0a0;color:#fff}#dash-button:disabled{opacity:1;border-color:#6b5a4a;color:#cbb9a6;background:conic-gradient(#000b calc(var(--cool,0)*1turn),#0000 0),#1a1512cc}#dash-button small{font-size:10px;line-height:1;opacity:.7;letter-spacing:.3px}@media(max-width:860px),(pointer:coarse){#dash-button small{display:none}}.hud-rail button,.hud-rail a.button{justify-content:center;gap:4px;padding-top:0;padding-bottom:0;min-height:48px;font-size:14px;line-height:1}.hud-rail button span,.hud-rail a.button span{line-height:1.2}.hud-chat.typing .chat-head,.hud-chat.open .chat-head{height:auto;min-height:calc(var(--chat-btn,30px) + 12px);padding:6px 10px;align-items:center;overflow:visible;box-sizing:border-box}.hud-chat .chat-head .chat-tabs{align-items:center}.hud-rail button em,.hud-rail a.button em{top:3px;right:3px;box-shadow:0 0 0 1.5px #14201c}#forge-options{margin:14px 0 10px}#forge-runs{margin:0 0 6px}#forge-options button,#forge-runs button{padding:9px 10px}#forge-options button em{font-style:normal;margin-left:6px;color:var(--muted)}#modal-body .modal-status:empty{display:none}#modal-body .modal-status{margin:10px 0 0}.hud-chat.typing,.hud-chat.open{pointer-events:auto}@media(orientation:landscape)and (max-height:540px)and (pointer:coarse),(orientation:landscape)and (max-height:500px)and (max-width:1000px){#dash-button{width:54px;height:54px;font-size:18px;right:calc(82px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}#dash-button span{font-size:10px}}@media(max-width:860px)and (orientation:portrait),(pointer:coarse)and (orientation:portrait){#dash-button{bottom:calc(66px + env(safe-area-inset-bottom))}}[aria-busy=true]{pointer-events:none;opacity:.6}.quests{display:grid;gap:8px;margin:12px 0}.quests .card{padding:12px}.quests .card h3{margin:0 0 4px}.quests .card h3 small{color:#9ab08f;font-weight:400}.quests .card p{margin:4px 0 8px}.quests .card .notice{margin:0;color:#8fa38a}.quests .card button{margin-top:6px}.quests .card.done{opacity:.6}.hud-minimap{position:relative;padding:4px;line-height:0;pointer-events:auto}.hud-minimap canvas{display:block;width:168px;max-width:100%;height:auto;border-radius:7px;cursor:pointer}.hud-minimap.closed{padding:0;background:none;border:0}.hud-minimap.closed canvas{display:none}#minimap-toggle{position:absolute;top:6px;right:6px;z-index:1;min-width:20px;height:18px;padding:0 5px;font-size:11px;line-height:16px;border-radius:5px;background:#14201cdd;border:1px solid #3d5245;color:#cfe3c4;cursor:pointer}.hud-minimap.closed #minimap-toggle{position:static;height:24px;padding:0 10px;font-size:12px}.qt-tag{flex:none;display:inline-block;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:700;line-height:14px;background:#cfae57;color:#1d2a1f;letter-spacing:.02em}.side .qt-tag,[data-kind=side] .qt-tag{background:#7fc3e6;color:#132530}.event .qt-tag,[data-kind=event] .qt-tag{background:#f0a35b;color:#2d1a0c}.soon .qt-tag{background:#5d6f63;color:#e0e8da}.qt-head{display:flex;align-items:center;gap:6px;min-width:0}.qt-head b{flex:1;min-width:0;font-size:12px;font-weight:700;color:#f3eccd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt-head em{flex:none;font-style:normal;font-size:10px;font-weight:700;color:#1d2a1f;background:#9be07a;border-radius:4px;padding:1px 5px;line-height:14px}.available .qt-head em{background:#ffd34d}.hud-quest{pointer-events:auto;cursor:pointer;text-align:left;width:230px;max-width:100%;box-sizing:border-box;padding:0;overflow:hidden}.hud-quest[hidden]{display:none}.hud-quest:hover{border-color:#8aa77a}.qt-item{padding:8px 10px;display:flex;flex-direction:column;gap:4px}.qt-item+.qt-item{border-top:1px solid #3d524599}.qt-goal{margin:0;font-size:12px;line-height:1.4;color:#cbd9c4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ready .qt-goal{color:#c9f0b4}.qt-where{margin:0;font-size:11px;line-height:1.3;color:#8fb3a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt-where:before{content:"→ ";color:#cfae57}.qt-bar{position:relative;height:14px;border-radius:4px;background:#0f1a16;border:1px solid #33463b;overflow:hidden}.qt-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#8a742f,#cfae57)}.qt-bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.qt-more{padding:4px 10px;font-size:11px;color:#8fd6ff;background:#0f1a1699;border-top:1px solid #3d524599}#story-talk,#hallow-talk{position:absolute;left:50%;bottom:calc(132px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(620px,calc(100vw - 24px));z-index:40;box-sizing:border-box;background:#111b18f5;border:1px solid #cfae57;border-radius:12px;padding:12px 16px;box-shadow:0 12px 32px #000a;color:#f3f0dc;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:8px}#story-talk[hidden],#hallow-talk[hidden]{display:none}#hallow-talk{border-color:#f0a35b}#story-talk[data-kind=side]{border-color:#7fc3e6}.st-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px}.st-name{font-size:13px;color:#ffe9a6}.st-name[hidden]{display:block;visibility:hidden}.st-kind{font-size:11px;color:#8fa79a;white-space:nowrap}.st-body{min-height:64px;display:flex;align-items:flex-start}.st-line{margin:0;font-size:14px;line-height:1.65;color:#f3f0dc}.st-line b{color:#ffd34d}.st-line.narration{color:#c3d2ca}.st-brief{width:100%;box-sizing:border-box;background:#0d1613;border:1px solid #33463b;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.st-brief .qt-head b{font-size:13px}.st-brief p{margin:0;font-size:13px;line-height:1.5;color:#dfe9d8}.st-brief small{font-size:11px;color:#cfae57}.st-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.st-dots{display:flex;gap:4px}.st-dots i{width:6px;height:6px;border-radius:50%;background:#33463b}.st-dots i.past{background:#6f8a78}.st-dots i.on{background:#cfae57}.st-buttons{display:flex;gap:8px;margin-left:auto}#story-talk button,#hallow-talk button{min-width:72px;height:32px;padding:0 14px;border-radius:8px;border:1px solid #4e6557;background:#1f2f29;color:#e6efe0;font-size:12px;cursor:pointer}#story-talk button.primary,#hallow-talk button.primary{background:#cfae57;border-color:#e6cc7a;color:#20301e;font-weight:700}#story-intro{position:fixed;inset:0;z-index:200;background:#05080a;display:grid;place-items:center;padding:16px;box-sizing:border-box;cursor:pointer;animation:si-in .6s ease both}#story-intro[hidden]{display:none}.si-frame{width:min(960px,100%);display:flex;flex-direction:column;gap:12px}.si-art{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0b1114;box-shadow:0 0 0 1px #2a3a35,0 18px 50px #000c}.si-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:0;transition:opacity .7s ease}.si-art img.on{opacity:1}#story-intro[data-scene=street] .si-art img.on{animation:si-pan 9s ease-out both}#story-intro[data-scene=fall] .si-art img.on{animation:si-fall 1.1s cubic-bezier(.3,0,.2,1) both}#story-intro[data-scene=meadow] .si-art img.on{animation:si-wake 2.2s ease-out both}.si-line{margin:0;min-height:3.2em;font-size:16px;line-height:1.6;color:#eef2e6;text-align:center;opacity:0}.si-line.in{animation:si-text .5s .15s ease both}.si-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}#story-intro button{min-width:84px;height:34px;padding:0 14px;border-radius:8px;border:1px solid #4e6557;background:#1f2f29;color:#e6efe0;font-size:12px;cursor:pointer}#story-intro button.primary{background:#cfae57;border-color:#e6cc7a;color:#20301e;font-weight:700}#story-intro button[hidden]{display:none}@keyframes si-in{0%{opacity:0}to{opacity:1}}@keyframes si-text{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes si-pan{0%{transform:scale(1.08) translate(-2%)}to{transform:scale(1.02) translate(1%)}}@keyframes si-fall{0%{transform:scale(.7) rotate(-6deg);filter:brightness(.4)}60%{transform:scale(1.12) rotate(2deg)}to{transform:scale(1.04);filter:none}}@keyframes si-wake{0%{filter:brightness(3) blur(6px);transform:scale(1.1)}to{filter:none;transform:scale(1.02)}}@media(prefers-reduced-motion:reduce){.si-art img.on{animation:none!important}}@media(max-width:760px){.si-line{font-size:14px;min-height:4.8em}}.ql-replay{align-self:flex-start;height:28px;padding:0 12px;border-radius:7px;border:1px solid #4e6557;background:#1f2f29;color:#cfe3c4;font-size:11px;cursor:pointer}.ql{display:flex;flex-direction:column;gap:12px}.ql-top{display:flex;flex-direction:column;gap:6px}.ql-top>div:first-child{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.ql-top span{color:var(--muted,#8eaa98);font-variant-numeric:tabular-nums;font-size:12px}.ql-bar{height:6px;border-radius:3px;background:#0f1a16;border:1px solid #33463b;overflow:hidden}.ql-bar i{display:block;height:100%;background:linear-gradient(90deg,#8a742f,#cfae57)}.ql-block h3,.ql-sub{margin:0 0 6px;font-size:12px;font-weight:700;color:#cfe3c4;display:flex;align-items:center;gap:6px}.ql-block h3 span{font-size:10px;font-weight:700;line-height:14px;padding:0 6px;border-radius:7px;background:#2b4034;color:#cfe3c4}.ql-sub{margin:4px 0 -4px}.ql-block ul{list-style:none;margin:0;padding:0;border:1px solid #3d5245;border-radius:10px;background:#16241e;overflow:hidden}.ql-block .ql-row:first-child{border-top:0}.ql-empty{margin:0;padding:8px 12px;border:1px dashed #3d5245;border-radius:10px;font-size:12px;color:#8fa79a!important}.ql-chapter{border:1px solid #3d5245;border-radius:10px;background:#16241e;overflow:hidden}.ql-chapter+.ql-chapter{margin-top:-4px}.ql-chapter-head{display:flex;align-items:baseline;gap:8px;height:auto;min-height:0;padding:8px 12px;background:#1d2e26;cursor:pointer;list-style:none}.ql-chapter-head::-webkit-details-marker{display:none}.ql-chapter-head b{font-size:13px;color:#f3eccd;white-space:nowrap}.ql-chapter-head b:before{content:"▸ ";color:#8fa79a}details[open]>.ql-chapter-head b:before{content:"▾ "}.ql-chapter.locked .ql-chapter-head{cursor:default}.ql-chapter.locked .ql-chapter-head b:before{content:""}.ql-chapter-head small{flex:1;min-width:0;font-size:11px;color:#8fa79a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ql-chapter-head span{margin-left:auto;font-size:11px;color:#8fa79a;font-variant-numeric:tabular-nums}.ql-chapter.locked .ql-chapter-head b,.ql-chapter.locked .ql-chapter-head span{color:#6f8376}.ql-row.done{padding-top:5px;padding-bottom:5px}.ql-row.done .ql-icon{width:16px;height:16px;font-size:10px;margin-left:2px;margin-right:2px}.ql-row.done .ql-title b{font-size:12px}.ql-foot{display:flex;flex-direction:column;gap:8px}.ql-chapter ul{list-style:none;margin:0;padding:0}.ql-row{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-top:1px solid #2c3f34}.ql-icon{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;border:1.5px solid #cfae57;color:#cfae57;margin-top:1px}.ql-row.side .ql-icon{border-color:#7fc3e6;color:#7fc3e6}.ql-row.event .ql-icon{border-color:#f0a35b;color:#f0a35b}.ql-row.event.ready .ql-icon{background:#f0a35b;color:#2d1a0c}.ql-row.ready .ql-icon{background:#cfae57;color:#1d2a1f}.ql-row.side.ready .ql-icon{background:#7fc3e6;color:#132530}.ql-row.done .ql-icon,.ql-row.soon .ql-icon{border-color:#4e6557;color:#6f8a78;font-size:11px}.ql-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ql-title{display:flex;align-items:center;gap:6px}.ql-title b{font-size:13px;color:#f3eccd}.ql-row.done .ql-title b{color:#7e9478;font-weight:400}.ql-row.done .qt-tag{display:none}.ql-main p{margin:0;font-size:12px;line-height:1.5;color:#c5d3be!important}.ql-count{color:#ffd34d;font-variant-numeric:tabular-nums}.ql-main small{font-size:11px;color:#8fb3a0}.ql-main small:before{content:"→ ";color:#cfae57}.ql-reward{flex:none;font-style:normal;font-size:11px;color:#cfae57;border:1px solid #6b5a2a;border-radius:5px;padding:1px 6px;white-space:nowrap}.ql-help{margin:0;font-size:11px;line-height:1.5;color:#8fa79a!important}.ql-help b{color:#ffd34d}.wm{display:flex;flex-direction:column;gap:10px}.wm-route{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border:1px solid #6b5a2a;border-radius:8px;background:#1f2418;font-size:12px}.wm-route b{color:#f3eccd}.wm-route span:not(.qt-tag){color:#c5d3be}.wm-route small{flex-basis:100%;font-size:11px;color:#cfae57}.wm-scroll{overflow:auto;max-height:46vh;border:1px solid #3d5245;border-radius:10px;background:#0f1a16;padding:8px;scrollbar-width:thin;cursor:grab;-webkit-user-select:none;user-select:none}.wm-scroll.dragging{cursor:grabbing}.wm-graph{position:relative;margin:0 auto}.wm-graph svg{position:absolute;inset:0;pointer-events:none}.wm-graph line{stroke:#3d5245;stroke-width:2}.wm-graph line.gold{stroke:#cfae57;stroke-width:3}.wm-graph line.dash{stroke-dasharray:4 5}.wm-node{position:absolute;transform:translate(-50%,-50%);width:84px;min-height:34px;padding:3px 4px;box-sizing:border-box;border-radius:8px;border:1px solid #4e6557;background:#1d2e26;color:#dfe9d8;font-size:11px;line-height:1.25;cursor:pointer;word-break:keep-all}.wm-node.gate{border-style:dashed;background:#17241e;color:#b9c8b2}.wm-node.picked{border-color:#f3eccd;background:#2b4034}.wm-node.here{border-color:#9be07a;box-shadow:0 0 0 2px #9be07a44}.wm-node.target{border-color:#cfae57;box-shadow:0 0 0 2px #cfae5744}.wm-node.locked{color:#6f8376;border-style:dashed;cursor:default}.wm-node i{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-style:normal;font-size:9px;font-weight:700;line-height:12px;padding:0 5px;border-radius:6px;background:#9be07a;color:#132018;white-space:nowrap}.wm-node i.q{background:#cfae57}.wm-node.warp:after{content:"✦";position:absolute;right:3px;bottom:0;font-size:9px;color:#b89cf0}.wm-node.warp.picked{border-color:#b89cf0;background:#2a2440;color:#efe6ff}.wm-go{margin-left:auto;height:28px;padding:0 12px;border-radius:8px;border:1px solid #b89cf0;background:#3a2f5c;color:#efe6ff;font-size:12px;font-weight:700;cursor:pointer}.wm-go:hover{background:#4a3c78}.wm-nogo{margin-left:auto;font-size:11px;color:#8fa79a}.wm-warp{margin:0;padding:6px 10px;border-radius:8px;border:1px dashed #3d5245;font-size:11px;color:#8fa79a!important}.wm-warp.on{border:1px solid #6f5aa8;background:#221d35;color:#d9cbff!important}.wm-gold{display:flex;flex-direction:column;gap:5px;padding:7px 10px;border-radius:8px;border:1px solid #5a4c26;background:#262014;font-size:11px}.wm-gold>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}.wm-gold b{color:#f1d98a!important;font-size:12px}.wm-gold span{color:#f7efd2}.wm-gold em{margin-left:auto;font-style:normal;color:#b9d98a}.wm-gold i{display:block;height:5px;border-radius:3px;background:#3a3220;overflow:hidden}.wm-gold u{display:block;height:100%;background:#e0b84a;text-decoration:none}.wm-gold small{color:#9a9278;line-height:1.45}.wm-gold.full{border-color:#5a3a34;background:#261a18}.wm-gold.full em{color:#e59a8a}.wm-gold.full u{background:#b0675a}.boost-mark.warp{color:#d9cbff;background:#3a2f5c;border:1px solid #8f78cf}.wm-detail{display:flex;flex-direction:column;gap:8px}.wm-detail-head{display:flex;align-items:center;gap:6px;font-size:13px}.wm-chip{font-size:10px;font-weight:700;padding:1px 6px;border-radius:6px;background:#9be07a;color:#132018}.wm-chip.q{background:#cfae57}#wm-canvas{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #3d5245}.wm-about{margin:0;font-size:12px;color:#c5d3be!important}.wm-places{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 6px}.wm-places li{font-size:11px;padding:2px 7px;border-radius:6px;border:1px solid #3d5245;color:#f0cf8a;background:#16241e}.wm-places li.door,.wm-places li.exit{color:#9be8dc}.wm-places li.npc{color:#d8e2d0}.wm-legend{margin:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:#8fa79a!important}.wm-legend span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.wm-legend i{display:inline-block;width:8px;height:8px;border-radius:2px}.wm-legend .me{background:#fff;border-radius:50%}.wm-legend .shop{background:#e0b060}.wm-legend .door{background:#6fd6c8}.wm-legend .npc{background:#d8e2d0;border-radius:50%}.wm-legend .mob{background:#e0605a}.wm-legend .quest{background:#ffd34d;border-radius:50%}#forge-options button.short{opacity:.62}@media(max-width:760px){.hud-minimap canvas{width:112px}.hud-quest{width:190px}.qt-item{padding:6px 8px}.qt-item:nth-child(n+2),.qt-more{display:none}#story-talk{bottom:calc(112px + env(safe-area-inset-bottom));padding:10px 12px}.st-body{min-height:72px}.wm-node{width:76px}}:root{--popup-top:env(safe-area-inset-top,0px);--popup-bottom:env(safe-area-inset-bottom,0px);--popup-left:env(safe-area-inset-left,0px);--popup-right:env(safe-area-inset-right,0px);--popup-width:calc(100vw - var(--popup-left) - var(--popup-right) - 16px);--popup-height:calc(100dvh - var(--popup-top) - var(--popup-bottom) - 16px)}body>dialog{inset:calc((var(--popup-top) + 8px) / var(--ui-scale,1)) calc((var(--popup-right) + 8px) / var(--ui-scale,1)) calc((var(--popup-bottom) + 8px) / var(--ui-scale,1)) calc((var(--popup-left) + 8px) / var(--ui-scale,1));margin:auto;box-sizing:border-box;max-width:calc(var(--popup-width) / var(--ui-scale,1));max-height:calc(var(--popup-height) / var(--ui-scale,1));overflow:auto}body>#modal{max-height:calc(var(--popup-height) / var(--ui-scale,1))}body>#modal #modal-body{max-height:calc((var(--popup-height) - 100px) / var(--ui-scale,1))}body>dialog.cards-dialog{width:min(1100px,calc(var(--popup-width) / var(--ui-scale,1)));height:min(820px,calc(var(--popup-height) / var(--ui-scale,1)))}.gwin{box-sizing:border-box;max-width:calc(var(--popup-width) / var(--ui-scale,1));max-height:min(calc(86dvh / var(--ui-scale,1)),calc(var(--popup-height) / var(--ui-scale,1)))}.gwin-bar,.modal-head{position:sticky;top:0;z-index:2;flex-shrink:0}@media(max-width:520px),(pointer:coarse){.gwin{left:calc((50vw + (var(--popup-left) - var(--popup-right)) / 2) / var(--ui-scale,1))!important;top:calc((50dvh + (var(--popup-top) - var(--popup-bottom)) / 2) / var(--ui-scale,1))!important;transform:translate(-50%,-50%);overflow:auto}.gwin-bar{min-height:44px}.gwin-bar button{min-width:40px;min-height:40px}}body>#modal.pcgame-mode{width:calc(var(--popup-width) / var(--ui-scale,1));height:calc(var(--popup-height) / var(--ui-scale,1));margin:auto}body>#modal.pcgame-mode #modal-body{height:calc((var(--popup-height) - 51px) / var(--ui-scale,1));max-height:none}#hallow-talk .st-body{flex-direction:column;align-items:stretch}.st-choices{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:8px}#hallow-talk .st-choices button{text-align:left;height:auto;min-height:32px;padding:6px 12px;line-height:1.4;white-space:normal;width:100%}.st-notice{margin:6px 0 0;font-size:12px;line-height:1.5;color:#ffd34d}.ql-tabs{display:flex;gap:6px}.ql-tabs button{flex:1;height:32px;border-radius:8px;border:1px solid #3d5245;background:#16241e;color:#cfe3c4;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px}.ql-tabs button.on{background:#cfae57;border-color:#e6cc7a;color:#20301e;font-weight:700}.ql-tabs button span{font-size:10px;line-height:14px;padding:0 5px;border-radius:7px;background:#0f1a16;color:#cfe3c4}.ql-tabs button.on span{background:#20301e;color:#f3eccd}.ql-row .ql-main details{margin-top:4px}.ql-row .ql-main summary{font-size:11px;color:#8fb3a0;cursor:pointer}.ql-row .ql-main blockquote{margin:4px 0 0;padding:4px 8px;border-left:2px solid #cfae57;font-size:11px;color:#c5d3be;background:#0f1a16;border-radius:0 6px 6px 0}.stall-group{margin:8px 0 2px;font-size:12px;color:#cfe3c4}.stall-group:first-child{margin-top:0}.boost-mark.hallow{background:#3a2a1a;color:#ffd399;font-size:14px}.ql-chapter-tag{font-size:10px;color:#8fa79a;white-space:nowrap}.halloween-raid-active #halloween-raid-hud{max-width:660px;pointer-events:auto}#halloween-raid-hud .raid-equation{font-size:clamp(17px,2.8vw,26px);font-weight:800;color:#fff4c8;margin:8px 0;line-height:1.3}#halloween-raid-hud .raid-answers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}#halloween-raid-hud .raid-answers button{min-height:54px;margin:0;background:#24253a;border:1px solid #a99a74;text-align:center;color:#fff3c3;touch-action:manipulation}#halloween-raid-hud .raid-answers button.selected{background:#28554c;border-color:#aaffdc;box-shadow:inset 0 0 0 1px #aaffdc}#halloween-raid-hud .raid-answers button small{font-size:10px;display:block;color:#c5c0ad}#halloween-raid-hud .raid-answers button b{display:block;font-size:22px;line-height:1.15;padding:0}#halloween-raid-hud small strong{color:#ffada8}@media(max-height:500px){#halloween-raid-hud .raid-help{display:none}#halloween-raid-hud .raid-equation,#halloween-raid-hud .raid-answers{margin:3px 0}#halloween-raid-hud .raid-answers button{min-height:40px}#halloween-raid-hud .raid-action{margin:3px 0}}.hallow-fashion-preview{grid-column:1/-1;min-width:0;border-top:1px solid #ffffff18;padding-top:8px}.hallow-fashion-preview summary{cursor:pointer;color:#edcc7a;padding:6px 0}.hallow-fashion-preview canvas{display:block;width:min(100%,256px);height:auto;margin:8px auto;background:radial-gradient(ellipse at 50% 70%,#354d41,#14231e 70%);border:1px solid #ffffff18;border-radius:12px;image-rendering:pixelated}.hallow-fashion-preview p{font-size:12px;text-align:center;color:#b8cbbd;white-space:normal}@property --mx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --my{syntax:"<percentage>";inherits:true;initial-value:50%}@property --rx{syntax:"<angle>";inherits:true;initial-value:0deg}@property --ry{syntax:"<angle>";inherits:true;initial-value:0deg}@property --o{syntax:"<number>";inherits:true;initial-value:0}@property --spin{syntax:"<angle>";inherits:true;initial-value:0deg}.mcard{--w:220px;--frame:#efe6c8;--frame2:#b9ad84;--ink:#2d2a20;--accent:#7a9a4c;--glow:#fff8;position:relative;width:var(--w);aspect-ratio:5/7;container-type:inline-size;perspective:900px;flex:none;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,sans-serif;user-select:none;-webkit-user-select:none;touch-action:manipulation}.mcard.r-rare{--frame:#d5e6f7;--frame2:#6f9fd0;--accent:#3f78b8;--glow:#9cd0ff}.mcard.r-super{--frame:#e6d9f7;--frame2:#9a6fd0;--accent:#7a45b8;--glow:#d9b0ff}.mcard.r-secret{--frame:#fff1c9;--frame2:#e0a93a;--accent:#c4842a;--glow:#ffe38a}.mcard.r-ultra{--frame:#1c1626;--frame2:#f2c35a;--accent:#f2c35a;--ink:#fff6dc;--glow:#ffd36b}.mcard-rot{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--ry)) rotateX(var(--rx));transition:transform .45s cubic-bezier(.2,.8,.2,1);will-change:transform}.mcard.active .mcard-rot{transition:transform .08s linear}.mcard.flipped .mcard-rot{transform:rotateY(calc(180deg + var(--ry))) rotateX(var(--rx))}.mcard-front,.mcard-back{position:absolute;inset:0;border-radius:5cqw;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mcard-back{transform:rotateY(180deg);background:#1f3a2a var(--back) center/cover;image-rendering:pixelated;box-shadow:inset 0 0 0 1.2cqw #d9b45a,0 1.5cqw 4cqw #0008}.mcard-front{background:linear-gradient(160deg,var(--frame),var(--frame2));box-shadow:0 1.5cqw 4cqw #0008,0 0 calc(var(--o)*6cqw) var(--glow);color:var(--ink);isolation:isolate}.mcard-body{position:absolute;inset:3cqw;border-radius:3cqw;overflow:hidden;background:#fbf6e6;display:flex;flex-direction:column}.r-ultra .mcard-body{background:#120e18}.mcard-art{position:relative;flex:none;height:62cqw;background:var(--tint,#7a9a4c) center top/cover no-repeat;image-rendering:pixelated;border-bottom:.8cqw solid var(--frame2)}.mcard-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;image-rendering:pixelated;display:block}.mcard-art.empty:after{content:"";position:absolute;left:50%;top:50%;width:40cqw;height:22cqw;border-radius:50% 50% 12% 12%;transform:translate(-50%,-60%);background:#fff5;box-shadow:0 12cqw 0 -7cqw #fff4}.mcard-name{position:absolute;left:11cqw;right:3cqw;top:2cqw;z-index:3;padding:1.4cqw 3cqw 1.4cqw 6cqw;border-radius:1.5cqw 2.5cqw 2.5cqw 1.5cqw;background:linear-gradient(90deg,#fffdf2f2,#fffdf2cc);color:#2d2a20;font-size:6cqw;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 .6cqw #0003}.mcard-cost{position:absolute;left:0;top:0;z-index:4;width:16cqw;height:16cqw;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#8fd6ff,#2b6fc2 60%,#173f7a);color:#fff;font-size:9.5cqw;font-weight:700;text-shadow:0 .5cqw 0 #0a2a5a,0 0 1cqw #0a2a5a;box-shadow:inset 0 0 0 1cqw #cfeaff,0 .8cqw 1.5cqw #0007}.mcard-line{flex:none;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:1.2cqw 3cqw;font-size:4.4cqw;background:var(--accent);color:#fff;letter-spacing:.02em}.mcard-line b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcard-line em{font-style:normal;padding:.3cqw 1.8cqw;border-radius:2cqw;background:#0004;font-size:4cqw;white-space:nowrap}.mcard-text{flex:1;min-height:0;padding:2.2cqw 3.4cqw 0;font-size:4.7cqw;line-height:1.38;overflow:hidden;word-break:keep-all}.mcard-text b{color:var(--accent)}.mcard-text i{display:block;margin-top:1.4cqw;font-size:4cqw;opacity:.62;font-style:italic}.mcard-text .eq{display:block;margin-top:1.2cqw;padding:1cqw 1.8cqw;border-radius:1.5cqw;background:#0000000f;font-size:4.1cqw}.mcard-foot{flex:none;height:9cqw;display:flex;align-items:center;justify-content:center;font-size:3.6cqw;opacity:.55;letter-spacing:.08em}.mcard-atk,.mcard-hp{position:absolute;bottom:0;z-index:4;width:15cqw;height:15cqw;display:grid;place-items:center;color:#fff;font-size:9cqw;font-weight:700;text-shadow:0 .5cqw 0 #0008,0 0 1cqw #0008}.mcard-atk{left:0;border-radius:50% 50% 50% 18%;background:radial-gradient(circle at 35% 30%,#ffe38a,#d99a1e 60%,#8a5a0a);box-shadow:inset 0 0 0 1cqw #fff1c2,0 .8cqw 1.5cqw #0007}.mcard-hp{right:0;border-radius:50% 50% 18%;background:radial-gradient(circle at 35% 30%,#ff9d9d,#d4362f 60%,#7a1712);box-shadow:inset 0 0 0 1cqw #ffd6d2,0 .8cqw 1.5cqw #0007}.mcard-atk:before,.mcard-hp:before{font-family:Pretendard,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;position:absolute;top:-5.5cqw;left:50%;transform:translate(-50%);font-size:5.2cqw;line-height:1;text-shadow:0 .4cqw 0 #000,0 0 1cqw #000;white-space:nowrap}.mcard-atk:before{content:"🗡️";color:#ffe38a}.mcard-hp:before{content:"❤️";color:#ffb3a8}.mcard:not(.lite) .mcard-atk:before{content:"🗡️ 공격"}.mcard:not(.lite) .mcard-hp:before{content:"체력 ❤️"}.mcard:not(.lite) .mcard-atk:before{left:0;transform:none;top:-6cqw;font-size:4.2cqw}.mcard:not(.lite) .mcard-hp:before{left:auto;right:0;transform:none;top:-6cqw;font-size:4.2cqw}.mcard-count{position:absolute;right:-2cqw;top:-2cqw;z-index:6;min-width:13cqw;padding:1cqw 2.4cqw;border-radius:8cqw;background:#20301e;color:#e9f3c6;font-size:6cqw;font-weight:700;text-align:center;box-shadow:0 0 0 .8cqw #afce7c,0 1cqw 2cqw #0008}.mcard-tag{position:absolute;left:50%;bottom:-2cqw;z-index:6;transform:translate(-50%);padding:.8cqw 3cqw;border-radius:6cqw;background:#20301e;color:#ffe38a;font-size:4.6cqw;white-space:nowrap;box-shadow:0 0 0 .6cqw #e0a93a}.mcard.unowned .mcard-front{filter:grayscale(1) brightness(.45)}.mcard.unowned .mcard-shine,.mcard.unowned .mcard-glare{display:none}.r-ultra .mcard-art{position:absolute;inset:0;height:auto;border:0}.r-ultra .mcard-art img{object-position:center top}.r-ultra .mcard-name{background:linear-gradient(90deg,#120e18e6,#120e1899);color:#ffe9a8;box-shadow:inset 0 0 0 .4cqw #f2c35a88}.r-ultra .mcard-line{position:absolute;left:0;right:0;bottom:41cqw;background:linear-gradient(90deg,#120e18e6,#3a2a14cc);color:#ffe9a8;z-index:2}.r-ultra .mcard-text{position:absolute;left:0;right:0;bottom:0;height:41cqw;padding-top:2.4cqw;padding-bottom:9cqw;background:linear-gradient(#120e18b3,#120e18f2);backdrop-filter:blur(.6cqw);-webkit-backdrop-filter:blur(.6cqw);z-index:2}.r-ultra .mcard-text b{color:#ffd36b}.r-ultra .mcard-text .eq{background:#ffffff14}.r-ultra .mcard-foot{position:absolute;left:0;right:0;bottom:0;z-index:3;color:#ffe9a8}.r-secret .mcard-front,.r-ultra .mcard-front{background:conic-gradient(from var(--spin),#f7d774,#fff6cf,#e0a93a,#ffd1e8,#c9f0ff,#f7d774,#fff6cf,#e0a93a,#f7d774);animation:mcard-spin 7s linear infinite}.r-ultra .mcard-front{background:conic-gradient(from var(--spin),#f2c35a,#fff3c4,#ff8fd0,#8fd6ff,#b9ff9c,#f2c35a,#fff3c4,#c77dff,#f2c35a)}@keyframes mcard-spin{to{--spin:360deg}}.mcard-shine,.mcard-glare{position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit}.mcard-glare{background:radial-gradient(farthest-corner circle at var(--mx) var(--my),#ffffffcc 0%,#ffffff55 18%,#0000 60%);mix-blend-mode:overlay;opacity:calc(var(--o)*.9)}.mcard-shine{opacity:0;mix-blend-mode:color-dodge;--bands:repeating-linear-gradient(110deg,#ff5a8a 0%,#ffd75a 8%,#7dff8a 16%,#5ad6ff 24%,#8a7dff 32%,#ff5ad6 40%,#ff5a8a 48%);--sparkle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 9 -5.2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.r-rare .mcard-shine{inset:3cqw 3cqw auto;height:62cqw;border-radius:3cqw 3cqw 0 0;background:var(--bands);background-size:300% 300%;background-position:calc(var(--mx)*1.5) calc(var(--my)*1.5);filter:brightness(.75) contrast(1.6) saturate(1.1);opacity:calc(var(--o)*.55)}.r-super .mcard-shine{background:var(--sparkle),var(--bands);background-size:42cqw 42cqw,400% 400%;background-blend-mode:multiply;background-position:calc(var(--mx)*.4) calc(var(--my)*.4),calc(var(--mx)*2) calc(var(--my)*2);filter:brightness(1) contrast(1.8) saturate(1.3);opacity:calc(.12 + var(--o)*.6)}.r-secret .mcard-shine{background:var(--sparkle),linear-gradient(calc(115deg + var(--ry)*2),#ffb3d9,#fff2a8,#b3ffd1,#a8e0ff,#d9b3ff,#ffb3d9);background-size:36cqw 36cqw,250% 250%;background-blend-mode:soft-light;background-position:calc(var(--mx)*-.6) calc(var(--my)*-.6),calc(var(--mx)*1.6) calc(var(--my)*1.6);filter:brightness(.6) contrast(1.9) saturate(1.4);opacity:calc(.26 + var(--o)*.3)}.r-ultra .mcard-shine{background:var(--sparkle),repeating-linear-gradient(45deg,#fff0 0 1.1cqw,#fff6 1.1cqw 1.5cqw,#fff0 1.5cqw 2.6cqw),var(--bands);background-size:30cqw 30cqw,100% 100%,350% 350%;background-blend-mode:screen,multiply;background-position:calc(var(--mx)*-.8) calc(var(--my)*-.8),0 0,calc(var(--mx)*2.2) calc(var(--my)*2.2);filter:brightness(.62) contrast(2.1) saturate(1.5);opacity:calc(.3 + var(--o)*.22)}.r-ultra .mcard-shine:after{content:"";position:absolute;inset:0;background:var(--sparkle);background-size:52cqw 52cqw;background-position:calc(var(--mx)*1.2) calc(var(--my)*1.2);mix-blend-mode:screen;opacity:.35}.mcard.r-secret:not(.active),.mcard.r-ultra:not(.active){animation:mcard-idle 6s ease-in-out infinite}@keyframes mcard-idle{0%,to{--mx:20%;--my:15%}25%{--mx:80%;--my:30%}50%{--mx:70%;--my:85%}75%{--mx:25%;--my:70%}}.mcard.lite .mcard-shine:after{display:none}.mcard.lite:not(.r-ultra):not(.r-secret) .mcard-shine{display:none}.mcard.lite,.mcard.lite .mcard-front{animation:none}.mcard.lite .mcard-text{font-size:5.4cqw;line-height:1.3}@media(prefers-reduced-motion:reduce){.mcard,.mcard-front{animation:none!important}}.cards-dialog{width:min(1100px,calc(100vw - 16px));height:min(820px,calc(100dvh - 16px));max-width:none;max-height:none;padding:0;overflow:hidden;background:#15211b;border:1px solid #59694a;border-radius:12px;color:#e8f0cf}.cards-dialog[open]{display:flex;flex-direction:column}.cards-head{flex:none;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#26362a;border-bottom:1px solid #3f503b}.cards-head>b{font-size:12px;white-space:nowrap}.cards-tabs{display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none}.cards-tabs button{position:relative;white-space:nowrap;padding:8px 14px;font-size:12px;background:#1b2922;border:1px solid #3f503b;border-radius:6px;color:#b7c8b0}.cards-tabs button.on{background:#afce7c;color:#20301e;border-color:#c2df93;font-weight:700}.cards-tabs em{font-style:normal;margin-left:6px;padding:1px 7px;border-radius:9px;background:#e0533f;color:#fff;font-size:12px}.cards-close{font-size:24px;background:none;border:0;color:#cfdcc0;padding:0 8px}.cards-body{flex:1;min-height:0;overflow:auto;padding:14px;scrollbar-width:thin}.cards-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:12px;color:#b7c8b0}.cards-bar b{color:#f2e7a8}.cards-bar b.bad{color:#ff9d8f}.cards-bar small{opacity:.7}.cards-filter{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.cards-filter button{padding:5px 10px;font-size:12px;background:#1b2922;border:1px solid #3f503b;border-radius:14px;color:#b7c8b0}.cards-filter button.on{background:#3f5a34;color:#e8f6c9;border-color:#7d9a5c}.cards-filter label{font-size:12px;display:flex;gap:4px;align-items:center;margin-left:6px}.cards-filter input{padding:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:22px 14px;justify-items:center;padding:6px 4px 20px}.cards-grid .mcard{--w:100%;max-width:170px;cursor:pointer}.cards-empty{grid-column:1/-1;padding:50px 10px;text-align:center;color:#9db092;font-size:12px;line-height:1.8}.cards-sub{margin:22px 0 12px;font-size:12px;color:#cfdcc0}.cards-foot{margin-top:8px;padding:10px;border-top:1px solid #33443a;color:#9db092;font-size:12px;text-align:center}.deck-curve{display:flex;align-items:flex-end;gap:3px;height:54px}.deck-curve i{position:relative;display:block;width:18px;height:100%;font-style:normal}.deck-curve i:before{content:"";position:absolute;left:0;right:0;bottom:14px;height:calc(var(--h)*34px + 2px);background:linear-gradient(#8fd6ff,#2b6fc2);border-radius:2px 2px 0 0}.deck-curve u,.deck-curve s{position:absolute;left:0;right:0;text-align:center;font-size:12px;text-decoration:none}.deck-curve u{bottom:calc(var(--h)*34px + 16px);color:#cfeaff}.deck-curve s{bottom:0;color:#8aa08a}.equip-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.equip-slot{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border:1px dashed #4a5d45;border-radius:10px;background:#1b2922;text-align:center;font-size:12px;color:#b7c8b0;line-height:1.6}.equip-slot{min-width:0}.equip-slot .mcard{--w:100%;max-width:170px}.equip-slot p{margin:0}.equip-slot p b{color:#ffe38a}.equip-hole{width:min(170px,100%);aspect-ratio:5/7;border-radius:9px;display:grid;place-items:center;font-size:36px;color:#3f503b;background:repeating-linear-gradient(45deg,#18241e 0 8px,#1e2c25 8px 16px)}.cards-detail{position:absolute;inset:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;padding:20px;overflow:auto;background:#0b120fe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cards-detail[hidden]{display:none}.detail-side{max-width:340px;font-size:12px;line-height:1.7;color:#cfdcc0}.detail-side h3{margin:0 0 4px;font-size:24px;color:#fff6d0}.detail-meta{margin:0 0 10px;color:#9db092}.detail-kw{margin:4px 0}.detail-kw b{color:#afce7c}.detail-eq{margin:10px 0;padding:10px;border-radius:8px;background:#3a2f14;color:#ffe9a8}.detail-own b{color:#f2e7a8}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.detail-note{display:block;margin-top:8px;color:#ff9d8f}.pack-shop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 0;text-align:center;color:#cfdcc0;font-size:12px;line-height:1.7}.pack-shop h3{margin:8px 0 0;font-size:12px}.pack-shop h3 b{color:#ffe38a;font-size:24px}.pack-box{position:relative;width:150px;height:210px;margin:10px 0 14px}.pack-box i{position:absolute;inset:0;border-radius:9px;background:#1f3a2a var(--back) center/cover;image-rendering:pixelated;box-shadow:0 6px 16px #0009,inset 0 0 0 2px #d9b45a}.pack-box i:nth-child(1){transform:rotate(-9deg) translate(-16px,4px)}.pack-box i:nth-child(2){transform:rotate(7deg) translate(14px,2px)}.pack-box i:nth-child(3){animation:pack-bob 2.4s ease-in-out infinite}@keyframes pack-bob{50%{transform:translateY(-8px)}}.pack-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0}.pack-open{text-align:center;color:#cfdcc0}.pack-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:16px 0}.pack-card{cursor:pointer;animation:pack-in .45s cubic-bezier(.2,1.3,.4,1) backwards;animation-delay:calc(var(--i)*90ms)}@keyframes pack-in{0%{transform:translateY(60px) scale(.6);opacity:0}}.pack-card.flipped.r-hint-secret .mcard-back,.pack-card.flipped.r-hint-ultra .mcard-back{box-shadow:inset 0 0 0 1.2cqw #d9b45a,0 0 8cqw #ffd36b}.pack-card.flipped.r-hint-ultra .mcard-back{animation:pack-hint 1s ease-in-out infinite alternate}@keyframes pack-hint{to{box-shadow:inset 0 0 0 1.2cqw #fff3c4,0 0 14cqw #ff8fd0}}.pack-card.revealed.r-ultra,.pack-card.revealed.r-secret{filter:drop-shadow(0 0 18px #ffd36baa)}.duel{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:radial-gradient(120% 80% at 50% 50%,#3a5a3c,#1a2a22 70%),#1a2a22;color:#e8f0cf;font-family:Pretendard,Apple SD Gothic Neo,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none}.duel[hidden]{display:none}.duel.asking{inset:auto 0 22%;background:none;pointer-events:none;overflow:visible}.duel.asking .duel-ask{pointer-events:auto;box-shadow:0 12px 40px #000a}.duel-ask{margin:auto;padding:26px 30px;border-radius:12px;background:#1b2922;border:1px solid #59694a;text-align:center}.duel-ask div{display:flex;gap:8px;justify-content:center;margin-top:14px}.duel-top,.duel-bottom{flex:none;display:flex;align-items:flex-end;gap:10px}.duel-top{align-items:flex-start;justify-content:space-between}.duel-bottom{position:relative}.duel-bottom .duel-side{position:absolute;left:0;bottom:0;z-index:2;max-width:34%}.duel-side{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.duel-count{font-size:12px;color:#a9bfa0}.duel-concede{font-size:12px;padding:5px 9px;opacity:.75;white-space:nowrap}.op-hand{display:flex}.op-hand i{width:22px;height:31px;margin-left:-9px;border-radius:3px;background:#1f3a2a var(--back) center/cover;image-rendering:pixelated;box-shadow:0 0 0 1px #d9b45a}.hero{position:relative;width:74px;text-align:center;font-size:12px;cursor:pointer}.hero-face{width:62px;height:62px;margin:0 auto 2px;border-radius:50% 50% 12px 12px;display:grid;place-items:center;font-size:36px;background:radial-gradient(circle at 40% 30%,#6f8f5a,#2b3f2c);box-shadow:inset 0 0 0 3px #d9b45a,0 3px 8px #0008}.hero.frozen .hero-face{box-shadow:inset 0 0 0 3px #9fe0ff,0 0 12px #9fe0ff}.hero-hp,.hero-armor{position:absolute;top:42px;min-width:24px;height:24px;line-height:24px;border-radius:12px;font-size:12px;color:#fff;text-shadow:0 1px 0 #0008}.hero-hp{right:0;background:radial-gradient(circle at 35% 30%,#ff9d9d,#d4362f 60%,#7a1712)}.hero-hp.hurt{color:#ffd0c9}.hero-armor{left:0;background:radial-gradient(circle at 35% 30%,#e6eef5,#8b99a8 60%,#4b5867)}.hero span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-power{display:flex;align-items:center;gap:6px;padding:8px 10px;font-size:12px;border-radius:20px}.hero-power b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#2b6fc2;color:#fff;font-size:12px}.hero-power.picked{outline:2px solid #ffe38a}.mana{display:flex;align-items:center;gap:2px;font-size:12px}.mana b{margin-right:4px;color:#9fd6ff}.mana i{width:9px;height:12px;border-radius:2px;background:#22303a}.mana i.empty{background:#2f4a66}.mana i.full{background:linear-gradient(#8fd6ff,#2b6fc2)}.duel-board{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.2vw,14px);border-radius:12px;background:#0000001f}.duel-board.drop{outline:2px dashed #afce7c;background:#afce7c1a;cursor:pointer}.duel-mid{flex:none;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px}.duel-hint{padding:4px 14px;border-radius:14px;background:#0005}.duel-hint.mine{background:#afce7c;color:#20301e;font-weight:700}#duel-clock{min-width:40px;color:#cfdcc0}#duel-clock.low{color:#ff8f7f;font-weight:700}.duel-end{padding:8px 18px}.duel-log-btn{font-size:12px;padding:5px 9px}.mm{--s:clamp(52px,min(11.5vw,15dvh),96px);position:relative;width:var(--s);height:calc(var(--s)*1.22);flex:none;cursor:pointer;transition:transform .15s}.mm-art{position:absolute;inset:0;border-radius:50% 50% 46% 46%/42% 42% 58% 58%;overflow:hidden;background:var(--tint);box-shadow:0 0 0 3px #6b5a3a,0 4px 8px #0009}.mm-art img{width:100%;height:100%;object-fit:cover;object-position:center 12%;image-rendering:pixelated;display:block}.mm.r-rare .mm-art{box-shadow:0 0 0 3px #6f9fd0,0 4px 8px #0009}.mm.r-super .mm-art{box-shadow:0 0 0 3px #9a6fd0,0 4px 8px #0009}.mm.r-secret .mm-art{box-shadow:0 0 0 3px #e0a93a,0 4px 8px #0009}.mm.r-ultra .mm-art{box-shadow:0 0 0 3px #ffd36b,0 0 10px #ff8fd0aa,0 4px 8px #0009}.mm.taunt:before{content:"";position:absolute;inset:-7px -6px -5px;border-radius:14px 14px 40% 40%;background:linear-gradient(#aab6c2,#5d6a78);box-shadow:0 3px 6px #0008;z-index:-1}.mm.shield .mm-art:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 35% 25%,#fff9,#ffe38a55 45%,#ffe38a22);box-shadow:inset 0 0 0 3px #ffe9a8}.mm.stealth .mm-art{opacity:.55;filter:saturate(.4)}.mm.frozen .mm-art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,#bfeaffb3,#6fb6e0b3);mix-blend-mode:screen}.mm.silenced .mm-art{filter:grayscale(.6)}.mm.sleeping:after{content:"z";position:absolute;right:2px;top:-6px;font-size:12px;color:#cfeaff;animation:mm-z 1.6s ease-in-out infinite}@keyframes mm-z{50%{transform:translate(3px,-5px);opacity:.4}}.mm.ready .mm-art{box-shadow:0 0 0 3px #9dff7a,0 0 14px #9dff7a,0 4px 8px #0009}.mm.target .mm-art,.hero.target .hero-face{box-shadow:0 0 0 3px #ff6b5a,0 0 16px #ff6b5a;animation:mm-target .7s ease-in-out infinite alternate}@keyframes mm-target{to{box-shadow:0 0 0 4px #ffd0c9,0 0 22px #ff6b5a}}.mm-atk,.mm-hp{position:absolute;bottom:-5px;z-index:2;min-width:calc(var(--s)*.3);height:calc(var(--s)*.3);line-height:calc(var(--s)*.3);border-radius:50%;text-align:center;font-size:calc(var(--s)*.2);color:#fff;text-shadow:0 1px 0 #0009}.mm-atk{left:-4px;background:radial-gradient(circle at 35% 30%,#ffe38a,#d99a1e 60%,#8a5a0a)}.mm-hp{right:-4px;background:radial-gradient(circle at 35% 30%,#ff9d9d,#d4362f 60%,#7a1712)}.mm-atk.up,.mm-hp.up{color:#9dff7a}.mm-hp.hurt{color:#ffb3a8}.mm-kw{position:absolute;left:50%;top:-4px;transform:translate(-50%);z-index:2;font-size:12px;white-space:nowrap;padding:1px 5px;border-radius:8px;background:#000a;color:#ffe9a8}.mm-kw:empty{display:none}.mm.lunge{animation:mm-lunge .32s ease-in-out;z-index:5}@keyframes mm-lunge{45%{transform:translate(calc(var(--dx)*.75),calc(var(--dy)*.75)) scale(1.08)}}.duel{--hh:clamp(112px,25dvh,215px)}.duel-hand{flex:1;min-width:0;display:flex;justify-content:center;align-items:flex-end;height:var(--hh);padding-top:6px}.hand-card{--w:calc((var(--hh) - 8px)/1.4);margin-left:min(calc(var(--w)*-.18),calc((100% - var(--n)*var(--w))/max(var(--n) - 1,1)));cursor:pointer;transition:transform .15s,margin .15s;transform-origin:50% 120%}.hand-card:first-child{margin-left:0}.hand-card:hover,.hand-card.picked{transform:translateY(-16%) scale(1.12);z-index:3}.hand-card.playable .mcard-front{box-shadow:0 0 0 .8cqw #9dff7a,0 0 5cqw #9dff7a}.hand-card.picked .mcard-front{box-shadow:0 0 0 1cqw #ffe38a,0 0 7cqw #ffe38a}.hand-card:not(.playable) .mcard-front{filter:brightness(.72)}.duel-preview{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:8;pointer-events:none;filter:drop-shadow(0 8px 24px #000a)}.duel-preview.left{right:auto;left:12px}.duel-preview[hidden]{display:none}.duel-log{position:absolute;left:8px;top:96px;bottom:200px;width:min(260px,60vw);z-index:7;overflow:auto;padding:8px 10px;border-radius:8px;background:#0c1511e6;border:1px solid #33443a;font-size:12px;line-height:1.6;color:#b7c8b0}.duel-log[hidden]{display:none}.duel-log p{margin:0;white-space:pre-wrap}.duel-fx{position:absolute;inset:0;pointer-events:none;z-index:9}.duel-num{position:absolute;transform:translate(-50%,-50%);font-size:24px;color:#ff5a4a;text-shadow:0 2px 0 #000,0 0 8px #000;animation:duel-num 1.2s ease-out both}.duel-num.heal{color:#8dff8a}.duel-num.shield{color:#ffe9a8;font-size:12px}@keyframes duel-num{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.25)}to{opacity:0;transform:translate(-50%,-160%) scale(1)}}.duel-mull,.duel-over{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:#0b120fe0;text-align:center}.mull-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.mull-card{--w:clamp(110px,20vw,170px)!important;cursor:pointer;transition:transform .15s,filter .15s}.mull-card.swap{transform:translateY(14px) rotate(-3deg);filter:grayscale(.8) brightness(.6)}.mull-card.swap:after{content:"바꾸기";position:absolute;inset:0;display:grid;place-items:center;font-size:24px;color:#ffb3a8;text-shadow:0 2px 0 #000}.duel-over h2{margin:0;font-size:36px}.duel-over.win h2{color:#ffe38a;text-shadow:0 0 24px #ffb84d}.duel-over.lose h2{color:#9fb0c0}@media(max-width:760px){.cards-head>b{display:none}.cards-head{gap:6px;padding:8px}.cards-tabs button{padding:7px 9px;font-size:12px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:18px 8px}.equip-slots{gap:6px}.equip-slot{padding:8px 4px;font-size:12px}.hero{width:60px}.hero-face{width:48px;height:48px;font-size:24px}.hero-hp,.hero-armor{top:30px}.duel-bottom{flex-direction:column;align-items:stretch;gap:2px}.duel-bottom .duel-side{position:static;max-width:none}.duel{--hh:clamp(100px,20dvh,170px)}}#cards-badge[hidden],.cards-tabs em[hidden]{display:none}.duel-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;position:relative}.duel.asking .duel-main{display:block}.duel-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.duel-eyes{font-size:12px;padding:4px 9px;border-radius:12px;background:#0006;color:#cfe6ff}.duel-hand.top{height:calc(var(--hh)*.62);align-items:flex-start;padding:0;flex:1}.duel-hand.top .hand-card{--w:calc((var(--hh)*.62 - 6px)/1.4);transform-origin:50% -20%}.duel-hand.top .hand-card:hover{transform:translateY(10%) scale(1.12)}.hand-card.shown{cursor:default}.hand-card.shown .mcard-front{filter:none}.duel-chat{position:absolute;left:8px;bottom:calc(var(--hh) + 84px);z-index:11;width:min(250px,64vw);display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background:#0c1511e0;border:1px solid #33443a}.duel-chat[hidden]{display:none}.duel-chat-log{max-height:150px;min-height:44px;overflow:auto;padding:6px 9px;font-size:12px;line-height:1.55;color:#cfdcc0;scrollbar-width:thin}.duel-chat-log p{margin:0;word-break:break-all}.duel-chat-log b{color:#f2e7a8;margin-right:4px}.duel-chat-log .watcher b{color:#9fd6ff}.duel-chat-log .hint{opacity:.55}#duel-chat-form{display:flex;border-top:1px solid #33443a}#duel-chat-input{flex:1;min-width:0;background:none;border:0;outline:none;color:#e8f0cf;font-size:12px;padding:7px 9px;user-select:text;-webkit-user-select:text}#duel-chat-form button{padding:4px 10px;font-size:12px;border-radius:0}.duel-log-btn.fresh{outline:2px solid #ffe38a}.mm-atk:before,.mm-hp:before{position:absolute;top:-38%;left:50%;transform:translate(-50%);font-size:.62em;line-height:1;text-shadow:0 1px 0 #000,0 0 3px #000}.mm-atk:before{content:"⚔";color:#ffe38a}.mm-hp:before{content:"♥";color:#ff9d9d}@media(max-width:760px){.duel-chat{bottom:calc(var(--hh) + 150px)}}.detail-stats{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.detail-stats span{padding:3px 9px;border-radius:12px;background:#0006;font-size:12px}.st-cost b{color:#9fd6ff}.st-atk b{color:#ffe38a}.st-hp b{color:#ff9d9d}.pack-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.pack-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 12px;border-radius:12px;text-align:center;font-size:12px;line-height:1.6;color:#cfdcc0;background:linear-gradient(#0000,color-mix(in srgb,var(--pack) 22%,#0000)),#1b2922;border:1px solid color-mix(in srgb,var(--pack) 55%,#33443a)}.pack-item h3{margin:6px 0 0;font-size:12px;color:#fff6d0}.pack-item p{margin:0}.pack-item small{opacity:.75}.pack-item .pack-box{width:96px;height:134px;margin:4px 0 8px}.pack-item .pack-box i{box-shadow:0 6px 16px #0009,inset 0 0 0 2px var(--pack)}.pack-box em{position:absolute;right:-12px;top:-10px;z-index:2;font-style:normal;padding:2px 9px;border-radius:12px;background:#e0533f;color:#fff;font-size:12px;font-weight:700}.pack-item .pack-actions{margin:8px 0 0;gap:5px}.pack-item .pack-actions button{padding:6px 10px;font-size:12px}.mm-atk:before,.mm-hp:before,.mcard-atk:before,.mcard-hp:before{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.mm-atk:before{content:"🗡️"}.mm-hp:before{content:"❤️"}.mm-art:empty:after{content:"🍄";position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--s)*.45)}.duel-log-btn,.duel-end,.duel-concede{white-space:nowrap}@media(max-width:760px){.duel-top{flex-wrap:wrap}.duel-hand.top{order:3;flex-basis:100%;height:calc(var(--hh)*.5)}.duel-hand.top .hand-card{--w:calc((var(--hh)*.5 - 4px)/1.4)}.duel-mid{gap:6px}.duel-log-btn{padding:6px 8px}.duel-end{padding:7px 12px}}.booster{--bw:150px;position:relative;width:var(--bw);aspect-ratio:10/17;container-type:inline-size;flex:none;cursor:pointer;filter:drop-shadow(0 8px 14px #000a);transition:transform .2s}.pack-item:not(.none) .booster:hover{transform:translateY(-4px) rotate(-1.5deg)}.pack-item.none .booster{filter:grayscale(.85) brightness(.6) drop-shadow(0 8px 14px #000a);cursor:default}.booster-crimp{position:absolute;left:0;right:0;height:9cqw;z-index:2;background:repeating-linear-gradient(90deg,#fff9 0 .9cqw,#0003 .9cqw 1.8cqw),linear-gradient(color-mix(in srgb,var(--pack) 55%,#e8e8f0),color-mix(in srgb,var(--pack) 35%,#9a9aaa))}.booster-crimp.top{top:0;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/5cqw 52% repeat-x,linear-gradient(#000 0 0) bottom/100% 50% no-repeat;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/5cqw 52% repeat-x,linear-gradient(#000 0 0) bottom/100% 50% no-repeat}.booster-crimp.bottom{bottom:0;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/5cqw 52% repeat-x,linear-gradient(#000 0 0) top/100% 50% no-repeat;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/5cqw 52% repeat-x,linear-gradient(#000 0 0) top/100% 50% no-repeat}.booster-body{position:absolute;inset:8cqw 0;overflow:hidden;isolation:isolate;background:linear-gradient(100deg,#fff5 0 8%,#0000 22% 70%,#0004),linear-gradient(160deg,color-mix(in srgb,var(--pack) 80%,#fff),var(--pack) 45%,color-mix(in srgb,var(--pack) 55%,#101018))}.booster-art{position:absolute;inset:16cqw -6cqw 20cqw 18cqw;background:var(--art) center top/cover no-repeat;image-rendering:pixelated;-webkit-mask:linear-gradient(#0000,#000 14% 78%,#0000),linear-gradient(90deg,#0000,#000 30%);-webkit-mask-composite:source-in;mask:linear-gradient(#0000,#000 14% 78%,#0000),linear-gradient(90deg,#0000,#000 30%);mask-composite:intersect}.booster-art.two{inset:24cqw 30cqw 26cqw -14cqw;background-image:var(--art2);opacity:.85;filter:saturate(.9) brightness(.9);-webkit-mask:linear-gradient(#0000,#000 18% 72%,#0000),linear-gradient(270deg,#0000,#000 40%);-webkit-mask-composite:source-in;mask:linear-gradient(#0000,#000 18% 72%,#0000),linear-gradient(270deg,#0000,#000 40%);mask-composite:intersect}.booster-logo{position:absolute;left:0;right:0;top:4cqw;z-index:2;text-align:center;line-height:1.05;color:#fff;text-shadow:0 .8cqw 0 #0009,0 0 3cqw #000a;font-family:Pretendard,sans-serif}.booster-logo small{display:block;font-size:4.2cqw;letter-spacing:.3em;opacity:.9}.booster-logo b{display:block;font-size:15cqw;letter-spacing:.04em;color:#fff6d0;-webkit-text-stroke:.5cqw #5a2a14;paint-order:stroke fill}.booster-logo span{display:inline-block;margin-top:1cqw;padding:.6cqw 4cqw;border-radius:4cqw;background:#0007;font-size:4.6cqw;letter-spacing:.2em}.booster-name{position:absolute;left:-4cqw;right:-4cqw;bottom:16cqw;z-index:2;padding:2.4cqw 0;text-align:center;font-size:9.5cqw;font-weight:700;color:#2a1a10;background:linear-gradient(#fff6d0,#f2c35a);box-shadow:0 1cqw #0006;transform:rotate(-4deg);font-family:Pretendard,sans-serif}.booster-foot{position:absolute;left:0;right:0;bottom:4.5cqw;z-index:2;text-align:center;font-size:4.6cqw;letter-spacing:.12em;color:#fff;text-shadow:0 .5cqw 0 #0009}.booster-shine{position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:color-dodge;opacity:.55;background:linear-gradient(115deg,#0000 30%,#ff8fd0aa 42%,#fff6a8cc,#8fd6ffaa 58%,#0000 70%);background-size:300% 100%;animation:booster-shine 3.8s ease-in-out infinite}@keyframes booster-shine{0%{background-position:120% 0}60%,to{background-position:-60% 0}}.booster-count{position:absolute;right:-10px;top:-8px;z-index:4;font-style:normal;padding:2px 10px;border-radius:12px;background:#e0533f;color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 6px #0008}.pack-item .booster{margin:2px 0 10px}.pack-tear{display:grid;place-items:center;padding:20px 0 30px}.pack-tear .booster{--bw:min(240px,52vw);cursor:default;animation:booster-shake .55s ease-in-out}.pack-tear .booster-crimp.top{animation:booster-rip .6s .5s cubic-bezier(.3,.6,.4,1) forwards;transform-origin:0 100%}.pack-tear .booster-body:after{content:"";position:absolute;left:0;right:0;top:0;height:0;z-index:5;background:linear-gradient(#fffbe0,#fff6a800);animation:booster-glow .7s .55s ease-out forwards}@keyframes booster-shake{0%,to{transform:rotate(0)}15%{transform:rotate(-4deg)}30%{transform:rotate(4deg)}45%{transform:rotate(-3deg)}60%{transform:rotate(3deg)}80%{transform:rotate(-1deg)}}@keyframes booster-rip{to{transform:translate(26cqw,-46cqw) rotate(38deg);opacity:0}}@keyframes booster-glow{to{height:70%;opacity:.95}}@media(prefers-reduced-motion:reduce){.booster-shine,.pack-tear .booster{animation:none}}.pack-item .booster{--bw:min(172px,78%)}.pack-item .pack-actions{flex-wrap:nowrap;width:100%;justify-content:center;gap:4px}.pack-item .pack-actions button{padding:6px 7px;font-size:12px;white-space:nowrap;min-width:0}