:root{--bg:#f4efe6;--card:#fffdf8;--ink:#2b2622;--mute:#7b7268;--line:#ddd3c4;--acc:#2f6fe0;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#17191f;--card:#222630;--ink:#eee8de;--mute:#9a9388;--line:#363b48;--acc:#6b9bff;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#17191f;--card:#222630;--ink:#eee8de;--mute:#9a9388;--line:#363b48;--acc:#6b9bff;color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.4 "Apple SD Gothic Neo","Noto Sans KR",sans-serif}
#app{max-width:480px;margin:0 auto;padding:8px 12px}
h1{font-size:22px;margin:4px 0 8px}
.bar{display:flex;justify-content:space-between;color:var(--mute);font-size:13px;margin-bottom:8px}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:8px}
.box.me{border:2px solid var(--acc)}
.box.cur{border-color:var(--acc)}
.row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.c{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:36px;border-radius:6px;font-weight:700;font-size:14px;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.25),inset 0 0 0 1px rgba(0,0,0,.12)}
.c{position:relative;overflow:hidden;isolation:isolate}
.c::before{content:'🐸';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px;opacity:.18;z-index:-1;pointer-events:none}
.big::before{font-size:72px}
.hid::before{content:none}
.big{min-width:84px;height:116px;font-size:44px;border-radius:12px}
.hid{background:repeating-linear-gradient(45deg,#6b6f7a,#6b6f7a 4px,#595d68 4px,#595d68 8px);color:#fff;cursor:pointer}
.col{display:flex;flex-direction:column;align-items:center;gap:4px}
.pile{display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:8px;border:3px solid #fff;background:repeating-linear-gradient(45deg,#3f8f5a,#3f8f5a 5px,#357a4c 5px,#357a4c 10px);box-shadow:0 0 0 1px rgba(0,0,0,.3),3px 3px 0 -1px #2c6b40,6px 6px 0 -2px #245834}
.pile.v{width:50px;height:74px}
.pile.h{width:74px;height:50px}
.btn{border:0;border-radius:10px;padding:11px 14px;font:inherit;font-weight:700;background:var(--acc);color:#fff;cursor:pointer}
.stack{position:relative;width:98px;height:130px}
.stack .pile.v{position:absolute;left:0;top:0;width:84px;height:116px}
.stack .c.big{position:absolute;left:12px;top:10px}
.mid{min-width:50px;height:74px;font-size:26px;border-radius:8px}
.pop{animation:pop .4s ease-out}
@keyframes pop{from{transform:scale(.4) rotateY(90deg);opacity:0}to{transform:none;opacity:1}}
.win{outline:3px solid var(--acc);outline-offset:3px}
.coin{position:fixed;z-index:50;width:24px;height:24px;font-size:24px;line-height:24px;transition:transform .5s ease-in;pointer-events:none}
.btn.g{background:var(--line);color:var(--ink)}
.btn:disabled{opacity:.4;cursor:default}
.log{color:var(--mute);font-size:13px;min-height:36px}
.mute{color:var(--mute);font-size:13px}
select{font:inherit;padding:8px;border-radius:8px}
.tbl{position:relative;display:grid;grid-template-columns:1fr 100px 1fr;gap:6px;padding:26px 6px;margin-bottom:8px;isolation:isolate;align-items:center;justify-items:center}
.tbl::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:50%/20%;background:radial-gradient(ellipse at center,#33965a,#1d6b3a 75%);border:9px solid #6b4423;box-shadow:inset 0 0 40px rgba(0,0,0,.45),0 6px 14px rgba(0,0,0,.35)}
.seat{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#fff;text-align:center;max-width:100%}
.av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;border:3px solid #fff}
.seat.on .av{box-shadow:0 0 0 3px #ffe066,0 0 16px #ffe066}
.cards{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;max-width:100%}
.c.sm{min-width:20px;height:28px;font-size:11px;border-width:1px;border-radius:4px}
.c.sm::before{font-size:12px}
.c.md{min-width:26px;height:36px;font-size:14px;border-width:1.5px;border-radius:5px}
.c.md::before{font-size:16px}
.c.lg{min-width:34px;height:48px;font-size:18px;border-radius:6px}
.c.lg::before{font-size:22px}
.cards{gap:3px}
.cards .c{box-shadow:0 3px 6px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.35)}
.cards{gap:6px}
.run{display:flex}
.seat.on b{background:#ffe066;color:#222;border-radius:8px;padding:0 6px}
.acts{display:flex;gap:6px;margin-bottom:8px}
.acts .btn{flex:1;padding:12px 4px;font-size:14px;white-space:nowrap}
.cards .c{box-sizing:border-box;justify-content:flex-start;align-items:flex-start;padding:2px 0 0 3px;font-size:12px}
.cards .c.lg{min-width:30px;height:42px;font-size:15px}
.run .c.md+.c.md{margin-left:-10px}
.run{position:relative;align-items:center}
.run .c.lg+.c.lg{margin-left:-11px}
.potbar{background:rgba(0,0,0,.35);color:#ffe9a6;border-radius:12px;padding:1px 8px;font-size:12px;font-weight:700}
.rk{padding:4px 0;border-top:1px solid var(--line)}
.ctr{display:flex;flex-direction:column;gap:6px;align-items:center}
.tbl .stack{width:84px;height:112px}
.tbl .stack .pile.v{width:70px;height:100px}
.tbl .big{min-width:70px;height:100px;font-size:36px}
.tbl .pile.h{width:56px;height:38px;font-size:16px}
.gtop{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--mute);margin-bottom:6px}
.gtop .btn{padding:4px 10px;font-size:12px}
.lobby{display:flex;flex-direction:column;min-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
.ltop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.ltop .btn{padding:8px 12px;font-size:13px}
.chipbox{font-weight:700;font-size:18px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:6px 14px}
.lmain{flex:1;overflow:auto;padding-bottom:8px}
.nav{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr 1fr;gap:6px;align-items:end;padding-top:6px}
.nav button{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:8px 2px;font:inherit;font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}
.nav button span{font-size:20px}
.nav button.on{border-color:var(--acc);color:var(--acc)}
.nav button.ctr3{background:var(--acc);color:#fff;border-color:var(--acc);padding:12px 2px;font-size:14px;transform:translateY(-6px)}
.nav button.ctr3 span{font-size:26px}
.toast{pointer-events:none;position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:rgba(0,0,0,.85);color:#fff;padding:10px 16px;border-radius:20px;font-size:14px;z-index:90}
.pk{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}
.lb{margin:-8px -12px;padding:8px 12px 0;min-height:100dvh;display:flex;flex-direction:column;color:#fff;background:linear-gradient(#f2b857,#d88f2f 55%,#b8691f);box-sizing:border-box}
.hud{display:flex;gap:6px;align-items:center}
.pf{display:flex;gap:8px;align-items:center;background:rgba(80,40,10,.55);border:2px solid #f6d58f;border-radius:14px;padding:4px 10px 4px 6px;color:#fff;font:inherit;cursor:pointer}
.pf .ava{width:44px;height:44px;border-radius:10px;background:#7ed957;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:28px}
.pf .nm{font-weight:800;font-size:14px;text-align:left}
.xp{height:8px;border-radius:4px;background:rgba(0,0,0,.4);overflow:hidden;width:74px;margin-top:3px}
.xp i{display:block;height:100%;background:#9be04a}
.cur{margin-left:auto;display:flex;align-items:center;gap:6px;background:rgba(80,40,10,.55);border-radius:16px;padding:4px 4px 4px 10px;font-weight:800;font-size:14px}
.plus{width:24px;height:24px;border-radius:50%;background:#59c23a;border:0;color:#fff;font-weight:900;cursor:pointer}
.sq{width:48px;height:48px;border-radius:12px;background:rgba(80,40,10,.55);border:2px solid #f6d58f;color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sq span{font-size:20px}
.stage{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:8px 56px}
.side{position:absolute;top:10px;display:flex;flex-direction:column;gap:14px;padding:10px 6px;border-radius:24px;background:rgba(90,50,15,.35)}
.side.l{left:-6px}.side.r{right:-6px}
.side button{background:none;border:0;color:#fff;font:inherit;font-size:11px;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;position:relative;text-shadow:0 1px 2px #000}
.side button span{font-size:28px}
.dot{position:absolute;top:-2px;right:4px;width:12px;height:12px;border-radius:50%;background:#e02b2b;border:2px solid #fff}
.banner{font-size:24px;font-weight:900;text-shadow:0 2px 0 #6b3f1d,0 0 6px #6b3f1d;letter-spacing:1px}
.table3{position:relative;width:230px;height:200px;border-radius:50%;background:radial-gradient(#33965a,#1d6b3a 75%);border:10px solid #6b4423;box-shadow:0 10px 0 #4a2d14,0 14px 20px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;font-size:40px}
.table3 .a{position:absolute;width:44px;height:44px;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-size:26px}
.go{display:flex;align-items:center;justify-content:center;gap:8px}
.arrow{width:44px;height:52px;border:0;background:none;color:#fff3d0;font-size:36px;font-weight:900;text-shadow:0 2px 0 #6b3f1d;cursor:pointer}
.start{min-width:180px;padding:10px 16px;border-radius:16px;border:3px solid #fff3b0;background:linear-gradient(#ffe36a,#f5b82e);color:#4a2d14;font:inherit;font-size:24px;font-weight:900;box-shadow:0 5px 0 #b57b12;cursor:pointer}
.start small{display:block;font-size:13px}
.tick{background:rgba(60,30,10,.7);color:#ffe9b8;border-radius:10px;padding:8px 12px;font-size:12px;margin:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page{--card:#fffdf8;--ink:#2b2622;--mute:#7b7268;--line:#ddd3c4;--acc:#2f6fe0;flex:1;overflow:auto;background:rgba(255,248,230,.96);border-radius:16px;color:#2b2622;padding:10px;margin:8px 0}
.ptitle{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:16px}
.ptitle .btn{padding:6px 10px;font-size:12px}
.rl{margin:4px 0 0 18px;padding:0;font-size:14px}
.nav2{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr 1fr;align-items:end;background:linear-gradient(#7a4a24,#5a3315);margin:0 -12px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-top:3px solid #3d200a}
.nav2 button{background:none;border:0;color:#f5dcb0;font:inherit;font-size:12px;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;cursor:pointer;text-shadow:0 1px 2px #000}
.nav2 button span{font-size:26px}
.nav2 button.on{background:linear-gradient(#e7b872,#c58a47);color:#fff;border-radius:12px 12px 0 0;margin-top:-18px;padding:10px 0 8px;border:2px solid #f6d58f;border-bottom:0}
.nav2 button.on span{font-size:34px}
.toprow{display:flex;justify-content:space-around;gap:6px;width:100%}
.run .c.sm+.c.sm{margin-left:-9px}
.seg{display:flex;gap:4px}
.seg button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:6px 10px;font:inherit;font-weight:700;cursor:pointer}
.seg button.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.lb{color:#5a4a7a;background:linear-gradient(165deg,#ffd9ec 0%,#e4d6ff 48%,#d0e9ff 100%)}
.pf,.cur,.sq{background:rgba(255,255,255,.72);border:2px solid #fff;color:#5a4a7a;box-shadow:0 3px 8px rgba(120,90,160,.2)}
.plus{background:#b79cff}
.xp{background:rgba(120,90,160,.2)}
.xp i{background:linear-gradient(90deg,#ff9ccf,#ffd36e)}
.side{background:rgba(255,255,255,.6);border:2px solid #fff;box-shadow:0 3px 8px rgba(120,90,160,.15)}
.side button{color:#6a58a0;text-shadow:none}
.dot{background:#ff6b9a}
.banner{color:#fff;text-shadow:0 2px 0 #b79cff,0 0 8px #b79cff}
.arrow{color:#fff;text-shadow:0 2px 0 #b79cff}
.start{background:linear-gradient(#fff0f8,#ffc2e0);border:3px solid #fff;color:#8a3a6a;box-shadow:0 5px 0 #e79bc3,0 8px 14px rgba(120,90,160,.25)}
.tick{background:rgba(255,255,255,.65);color:#6a58a0}
.nav2{background:linear-gradient(#fff,#f1e8ff);border-top:3px solid #fff;box-shadow:0 -4px 12px rgba(120,90,160,.15)}
.nav2 button{color:#9a88c8;text-shadow:none}
.nav2 button.on{background:linear-gradient(#ffd6ec,#d9c6ff);color:#5a3a8a;border:2px solid #fff;border-bottom:0}
.fan{position:relative;width:170px;height:214px;margin:4px 0}
.holo{position:absolute;left:10px;top:0;width:150px;height:210px;padding:5px;border-radius:18px;box-sizing:border-box;background:conic-gradient(from 20deg,#ffb3d9,#ffe9a8,#b8f0d0,#b3dcff,#d9c2ff,#ffb3d9);box-shadow:0 8px 18px rgba(120,90,160,.3)}
.holo .pcard{width:100%;height:100%;border-radius:13px;background:#fffaf6;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6a58a0;font-weight:800}
.holo.c1{transform:rotate(-14deg) translateX(-30px)}
.holo.c2{transform:rotate(12deg) translateX(30px)}
.holo.c3{animation:fl 3s ease-in-out infinite}
@keyframes fl{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-6px)}}
.pcard .mas{width:100px;height:100px}
.pcard .mas svg{width:100%;height:100%}
.pcard .tl,.pcard .br{position:absolute;font-size:24px;color:#4fb37a}
.pcard .tl{left:10px;top:6px}
.pcard .br{right:10px;bottom:6px;transform:rotate(180deg)}
.pcard span{font-size:13px;margin-top:4px}
.c1 .pcard b{font-size:48px;color:#ff8fb3}
.c2 .pcard b{font-size:48px;color:#6aa8ff}
.chr{position:absolute;pointer-events:none;filter:drop-shadow(0 4px 4px rgba(120,90,160,.25))}
.chr svg{width:100%;height:auto;display:block}
.st{position:absolute;color:#fff;opacity:.85;font-style:normal;animation:tw 2.4s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
:root:root:root{--bg:#0e1714;--card:#16231f;--ink:#f1e9d6;--mute:#9fae9f;--line:#2c4036;--acc:#d4af37;color-scheme:dark}
body{font-family:"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif}
h1{font-family:Cinzel,"Noto Sans KR",serif;letter-spacing:.06em;color:#f0d98a;font-weight:600}
.box{background:linear-gradient(#18271f,#121d18);border:1px solid rgba(201,164,92,.35);color:var(--ink)}
.box.me{border-color:#c9a45c}
.btn{background:linear-gradient(#e6c45e,#b8902c);color:#1a1409;border:1px solid #f0d98a;font-weight:800}
.btn.g{background:rgba(255,255,255,.06);color:var(--ink);border:1px solid #6b5a2e}
.c{background:#f7f1e3!important;color:var(--k,#2b3a30)!important;border:1.5px solid #c9a45c!important;box-shadow:inset 0 -5px 0 var(--k,#2b3a30),0 2px 4px rgba(0,0,0,.45)!important;font-family:Cinzel,Georgia,serif;font-weight:800}
.c::before{content:var(--cbsym,'❖')!important;color:#c9a45c;opacity:.16;background:var(--cbimg,none) center/62% no-repeat}
.c.hid{background:repeating-linear-gradient(45deg,#14352a,#14352a 4px,#0f2a21 4px,#0f2a21 8px)!important;color:#d4af37!important;box-shadow:0 2px 4px rgba(0,0,0,.5)!important}
.c.hid::before{content:none!important}
.pile{background:repeating-linear-gradient(45deg,#14352a,#14352a 5px,#0f2a21 5px,#0f2a21 10px);border:2px solid #c9a45c;color:#d4af37;box-shadow:0 0 0 1px rgba(0,0,0,.5),3px 3px 0 -1px #0b1f18,6px 6px 0 -2px #09160f}
.tbl::before{background:radial-gradient(ellipse at center,#1f6b4d,#0f3d2c 78%);border:8px solid #2b1d12;box-shadow:inset 0 0 0 2px #c9a45c,inset 0 0 50px rgba(0,0,0,.55),0 8px 18px rgba(0,0,0,.5)}
.seat .av{background:radial-gradient(circle at 35% 30%,var(--avb1,#1d3a2e),var(--avb2,#0f1f19));border:2px solid #c9a45c;font-size:22px;font-family:Georgia,serif}
.seat.on .av{box-shadow:0 0 0 3px #d4af37,0 0 14px rgba(212,175,55,.7)}
.seat.on b{background:#d4af37;color:#1a1409}
.potbar{background:rgba(0,0,0,.5);color:#f0d98a;border:1px solid #8a7340}
.cn{display:inline-block;width:.95em;height:.95em;border-radius:50%;background:radial-gradient(#ffe9a0,#c9a030);border:1px solid #8a6a1a;vertical-align:-.12em}
.lb{color:#f1e9d6;background:radial-gradient(ellipse at 50% 28%,#1f4636 0%,#0e1714 72%)}
.pf,.cur,.sq{background:rgba(8,16,12,.7);border:1px solid #8a7340;color:#f1e9d6;box-shadow:0 3px 8px rgba(0,0,0,.35)}
.pf .ava{background:#0f1f19;border:2px solid #c9a45c;color:#d4af37;font:800 22px Cinzel,Georgia,serif}
.plus{background:linear-gradient(#e6c45e,#b8902c);color:#1a1409}
.xp{background:rgba(255,255,255,.12)}
.xp i{background:linear-gradient(90deg,#b8902c,#f0d98a)}
.side{background:rgba(8,16,12,.55);border:1px solid #8a7340;box-shadow:none}
.side button{color:#e8dcb8}
.side button span{font-size:24px;color:#d4af37}
.dot{background:#e0453d;border-color:#0e1714}
.banner{color:#f0d98a;text-shadow:none;font-family:Cinzel,"Noto Sans KR",serif;font-size:22px;letter-spacing:.06em;text-align:center;line-height:1.2}
.banner small{display:block;font-size:11px;letter-spacing:.35em;color:#9fae9f}
.arrow{color:#d4af37;text-shadow:none}
.start{background:linear-gradient(#f0d98a,#c9a030);border:2px solid #fff3c4;color:#1a1409;box-shadow:0 4px 0 #8a6a1a,0 8px 18px rgba(0,0,0,.45)}
.tick{background:rgba(8,16,12,.6);color:#c9bf9c;border:1px solid rgba(201,164,92,.25)}
.nav2{background:linear-gradient(#101c17,#0a120f);border-top:1px solid #8a7340;box-shadow:0 -4px 12px rgba(0,0,0,.4)}
.nav2 button{color:#8f9b8b}
.nav2 button span{color:#c9a45c}
.nav2 button.on{background:linear-gradient(#2a4a3a,#17301f);color:#f0d98a;border:1px solid #c9a45c;border-bottom:0}
.nav2 button.on span{color:#f0d98a}
.holo{background:linear-gradient(135deg,#f0d98a,#a67c1d 50%,#f0d98a);box-shadow:0 8px 18px rgba(0,0,0,.5)}
.holo .pcard{background:#f7f1e3;color:#1f5a41;font-family:Cinzel,Georgia,serif}
.c1 .pcard b{color:#a8232d}
.c2 .pcard b{color:#2c5aa0}
.pcard .tl,.pcard .br{color:#1f5a41}
.pcard span{letter-spacing:.2em;font-size:11px}
.st{display:none}
.page{--card:#16231f;--ink:#f1e9d6;--mute:#9fae9f;--line:#2c4036;--acc:#d4af37;background:rgba(8,16,12,.78);color:#f1e9d6;border:1px solid rgba(201,164,92,.35)}
.mas2{width:84px;height:84px;margin:6px auto;color:#d4af37}
.mas2 svg{width:100%;height:100%}
.start{padding:6px 18px 7px;font-size:20px;line-height:1.15;min-width:170px;border-radius:14px;box-shadow:0 3px 0 #8a6a1a,0 6px 14px rgba(0,0,0,.4)}
.start small{font-size:12px;font-weight:700;line-height:1.35;white-space:nowrap}
.start small+small{font-weight:600;opacity:.75}
.arrow{height:44px}
.hud{gap:8px;align-items:stretch}
.pf{flex:1;min-width:0;height:54px;box-sizing:border-box;padding:5px 10px 5px 6px}
.pf .ava{width:40px;height:40px;font-size:20px;flex:none}
.pf .nm{line-height:1.15;min-width:0}
.xp{width:64px;margin-top:2px}
.cur{margin-left:0;height:54px;box-sizing:border-box;padding:0 5px 0 12px;gap:8px}
.sq{width:auto;height:54px;box-sizing:border-box;padding:0 14px;flex-direction:row;gap:6px;border-radius:27px;background:linear-gradient(#f0d98a,#c9a030);color:#1a1409;border:1px solid #fff3c4;font-size:13px;font-weight:800}
.sq span{font-size:18px;color:#1a1409}
.fan{margin:4px 0 30px}
.go{gap:14px;margin-top:6px}
.arrow{width:40px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;font-size:28px}
.crown{height:54px;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:0 12px;border-radius:16px;background:rgba(8,16,12,.7);border:1px solid #8a7340;font-weight:800;color:#f1e9d6;box-shadow:0 3px 8px rgba(0,0,0,.35)}
.crown span{color:#f0d98a;font-size:20px}
.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:18px 0 8px}
.pc{flex:1;max-width:96px;display:flex;flex-direction:column;align-items:center;gap:2px}
.pb{width:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:6px;box-sizing:border-box;font:800 24px Cinzel,Georgia,serif;color:#1a1409;border-radius:8px 8px 0 0;transform-origin:bottom;animation:rise .7s ease-out both}
.k1 .pb{height:90px;background:linear-gradient(#f0d98a,#b8902c);animation-delay:.5s}
.k2 .pb{height:64px;background:linear-gradient(#eef1f3,#9aa4ad);animation-delay:.25s}
.k3 .pb{height:46px;background:linear-gradient(#e0a878,#9a6030)}
@keyframes rise{from{transform:scaleY(.05)}to{transform:none}}
.pav{width:46px;height:46px;border-radius:50%;background:#0f1f19;border:2px solid #c9a45c;display:flex;align-items:center;justify-content:center;font:800 24px Georgia,serif}
.k1 .pav{width:56px;height:56px;font-size:30px;box-shadow:0 0 14px rgba(212,175,55,.7)}
.crw{color:#f0d98a;font-size:22px;line-height:1}
.pn{font-size:13px;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps{font-size:12px;color:var(--mute)}
.pc.me .pn,.fg.me b{color:#f0d98a}
.frogs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 6px;padding-top:12px;border-top:1px dashed rgba(201,164,92,.35)}
.fg{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;animation:pop .5s .9s both}
.fg .fi{width:76px;height:60px}
.fg .fi svg{width:100%;height:100%}
details{margin-top:8px}
summary{cursor:pointer;color:var(--mute);font-size:13px}
.tray{border:1.5px solid #c9a45c;border-radius:14px;background:linear-gradient(#10201a,#0b1612);padding:8px 10px 10px;margin:8px 0;box-shadow:inset 0 0 18px rgba(0,0,0,.5)}
.trh{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--mute);margin-bottom:6px}
.trh b{color:#f0d98a}
.tray .cards{justify-content:flex-start;min-height:48px}
.tray .c.hid{cursor:pointer}
.flipin{animation:flipin .7s ease-out both}
@keyframes flipin{from{transform:perspective(300px) rotateY(180deg) scale(.9)}50%{transform:perspective(300px) rotateY(90deg) scale(1.12)}to{transform:none}}
.gm{display:flex;flex-direction:column;min-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
.gm .tbl{margin-bottom:8px;padding:18px 6px 34px}
.gm .tray{display:flex;justify-content:center;gap:28px;padding:6px 10px;margin:0 0 8px;font-size:14px;color:#e8e2d0;border-radius:12px}
.gm .tray b{color:#d4af37;font-size:16px}
.cards.mine{justify-content:center;flex-wrap:wrap}
.cards.mine .c.hid{cursor:pointer}
.gm .log{padding:4px 4px;color:#e8e2d0}
.gm .log:before{content:'최근 · ';color:#d4af37}
.gm .seat>span{font-size:11px;color:#cfd8cf}
.cards .c.hb,.flw .c.hb{justify-content:center;align-items:center;padding:0;font-size:13px}
.seat .cards .hb{margin-right:4px}
.tray .c.lg{min-width:36px;height:52px;font-size:18px;box-sizing:border-box}
.tray .run .c.lg+.c.lg{margin-left:-14px}
.trb{display:flex;align-items:flex-start;min-height:70px}
.hcell{display:flex;flex-direction:column;align-items:center;gap:3px;padding-right:12px;margin-right:12px;border-right:1px dashed rgba(201,164,92,.45)}
.hcell small{font-size:10px;color:var(--mute)}
.trb .cards{flex:1;justify-content:flex-start;align-content:flex-start}
.flw{display:inline-block;position:relative;vertical-align:top;perspective:700px;z-index:8}
.flw.sm{width:20px;height:28px}.flw.md{width:26px;height:36px}.flw.lg{width:36px;height:52px}
.fli{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:hflip .95s cubic-bezier(.35,.1,.25,1) forwards}
.flw .fli>.c{position:absolute;inset:0;width:100%;height:100%;min-width:0;margin:0;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.flw .fli>.fb{transform:rotateY(180deg)}
@keyframes hflip{0%{transform:translateY(0) scale(1) rotateY(0)}40%{transform:translateY(-14px) scale(1.5) rotateY(90deg)}72%{transform:translateY(-14px) scale(1.5) rotateY(180deg)}100%{transform:translateY(0) scale(1.1) rotateY(180deg)}}
.flipin{animation:flipin .7s ease-out both}
@keyframes flipin{from{transform:perspective(400px) rotateY(90deg) scale(.85) translateY(-24px);opacity:.3}60%{transform:perspective(400px) rotateY(-8deg) scale(1.06)}to{transform:none;opacity:1}}
.land{animation:land .45s ease-out both}
@keyframes land{from{transform:translateY(-12px) scale(1.3);opacity:.5}to{transform:none;opacity:1}}
.seat.sl .cards,.seat.sr .cards{flex-direction:column;flex-wrap:wrap;align-content:center;align-items:center;max-height:200px;gap:3px}
.seat.sl .run,.seat.sr .run{flex-direction:column}
.seat.sl .c,.seat.sr .c{writing-mode:vertical-rl;min-width:36px;width:36px;height:26px;margin:0}
.seat.sl .c.sm,.seat.sr .c.sm{min-width:28px;width:28px;height:20px}
.seat.sl .flw.md,.seat.sr .flw.md{width:36px;height:26px}
.seat.sl .flw.sm,.seat.sr .flw.sm{width:28px;height:20px}
.seat.sl .c:not(.hid),.seat.sr .c:not(.hid){box-shadow:inset 5px 0 0 var(--k,#2b3a30),0 2px 4px rgba(0,0,0,.45)!important}
.seat.sr .c{transform:rotate(180deg)}
.seat.sr .run{flex-direction:column-reverse}
.seat.sr .flw .c{transform:none}.seat.sr .flw{transform:rotate(180deg)}
.seat.sl .run .c+.c,.seat.sr .run .c+.c{margin-left:0!important;margin-top:-10px!important}
.seat.sl .run .c.sm+.c.sm,.seat.sr .run .c.sm+.c.sm{margin-top:-8px!important}
.seat.sl .cards .hb,.seat.sr .cards .hb{margin-right:0}
.seat.sr .run .c+.c{margin-top:0!important;margin-bottom:-10px!important}
.seat.sr .run .c.sm+.c.sm{margin-bottom:-8px!important}
.seat.me .cards{order:-1;margin-bottom:6px}
.seat.sr .cards{flex-direction:column-reverse!important}
.rs{position:relative;padding:6px 0 16px}
.conf{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:5}
.conf i{position:absolute;top:-14px;width:8px;height:14px;border-radius:2px;opacity:.9;animation:cfall linear infinite}
@keyframes cfall{to{top:105%;margin-left:30px}}
.rhero{text-align:center;padding:18px 12px 14px;margin-bottom:10px;border-radius:16px;border:1px solid rgba(201,164,92,.5);background:radial-gradient(120% 140% at 50% 0,#1f4a37,#10211a 70%);box-shadow:inset 0 0 30px rgba(0,0,0,.35)}
.rhero small{letter-spacing:.3em;color:#9fae9f;font-size:11px}
.rhero h2{margin:4px 0 4px;font:800 38px Cinzel,Georgia,serif;color:#f0d98a;text-shadow:0 2px 14px rgba(212,175,55,.45)}
.rhero p{margin:0;color:#d8dccf;font-size:13.5px}
.rhero.r1{background:radial-gradient(120% 140% at 50% 0,#6b5416,#1a1c12 72%);border-color:#d4af37}
.rhero.rL h2{color:#9fe0a8;text-shadow:0 2px 14px rgba(80,200,120,.4)}
.rbox{padding:14px 12px}
.rtt{display:block;margin-bottom:10px;color:#f0d98a;letter-spacing:.05em}
.podium{margin:6px 0 4px;gap:10px}
.pc{position:relative;max-width:104px}
.pb{border-radius:10px 10px 0 0;border:1px solid rgba(255,255,255,.35);border-bottom:0;align-items:center!important;padding-top:0!important;box-shadow:inset 0 3px 8px rgba(255,255,255,.35)}
.pb em{font:italic 800 30px Cinzel,Georgia,serif;opacity:.85;font-style:normal}
.k1 .pb{height:104px}.k2 .pb{height:74px}.k3 .pb{height:54px}
.k1 .pav{border-color:#f0d98a;box-shadow:0 0 18px rgba(240,217,138,.8)}
.k2 .pav{border-color:#cfd6dc}.k3 .pav{border-color:#d9955f}
.rcr{width:34px;height:24px;margin-bottom:-2px;filter:drop-shadow(0 2px 6px rgba(240,200,80,.7));animation:bob 1.8s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-3px)}}
.pc.me .pav{outline:2px solid #f0d98a;outline-offset:2px}
.meb{font-style:normal;font-size:10px;background:#d4af37;color:#1a1409;border-radius:8px;padding:0 5px;margin-left:4px;vertical-align:1px}
.frogs{gap:16px;margin-top:16px}
.fg{position:relative;font-size:13px;gap:3px}
.fg .fi{position:relative;width:86px;height:86px;color:#e8d9a8}
.fg.lastf .fi{animation:sway 2.4s ease-in-out infinite}
@keyframes sway{50%{transform:rotate(-3deg) translateY(2px)}}
.rib{white-space:nowrap;position:absolute;left:50%;bottom:-12px;transform:translateX(-50%) rotate(-4deg);background:#b3362f;color:#fff;font-weight:800;font-size:11px;padding:1px 10px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.1em}
.fg.me b{color:#f0d98a}
.sts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.sx{background:#0e1a15;border:1px solid rgba(201,164,92,.28);border-radius:10px;padding:8px 6px;text-align:center}
.sx small{display:block;color:#9fae9f;font-size:11px;margin-bottom:2px}
.sx b{font:800 20px Cinzel,Georgia,serif;color:#e8e2d0}
.sx.hi{background:linear-gradient(#2a2410,#17140a);border-color:#d4af37}.sx.hi b{color:#f0d98a;font-size:24px}
.sx.pos b{color:#9fe0a8}
.s2 .sx b{font-size:17px}
.pay{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;padding-top:12px;border-top:1px dashed rgba(201,164,92,.35);text-align:center}
.pay small{display:block;color:#9fae9f;font-size:11px}
.pay b{font:800 18px Cinzel,Georgia,serif}
.pay .gold{color:#f0d98a}.pay .pup{color:#7fe3a0}.pay .pdn{color:#ff8f86}
.pay .bal{grid-column:1/4;background:#0e1a15;border:1px solid rgba(201,164,92,.35);border-radius:10px;padding:8px}
.pay .bal b{font-size:22px;color:#f0d98a;display:inline-flex;align-items:center;gap:6px}
.rtb{width:100%;border-collapse:collapse;font-size:13.5px}
.rtb th{color:#9fae9f;font-weight:600;font-size:11px;text-align:right;padding:2px 6px}.rtb th:nth-child(2){text-align:left}
.rtb td{padding:7px 6px;text-align:right;border-top:1px solid rgba(201,164,92,.18)}
.rtb td:nth-child(2){text-align:left}
.rtb .rn{width:24px;color:#d4af37;font-weight:800;text-align:center}
.rtb tr.me td{background:rgba(212,175,55,.12);color:#f0d98a}
.dwrap{display:flex;flex-direction:column;min-height:calc(100dvh - 16px)}
.dmsg{font-size:13px;margin:2px 0 10px;min-height:20px;color:#d8dccf}
.dg{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-bottom:6px}
.dc{perspective:700px;cursor:pointer;min-height:0;animation:dealin .45s ease-out backwards}
@keyframes dealin{from{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:none}}
.dc .di{position:relative;width:100%;height:100%;min-height:60px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.1,.2,1)}
.dc.fp .di{transform:rotateY(180deg)}
.dc.mine .di{transform:rotateY(180deg) scale(1.08)}
.df{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px}
.df.back{display:flex;align-items:center;justify-content:center;color:#d4af37;font-size:20px;border:1.5px solid #c9a45c;background:repeating-linear-gradient(45deg,#14352a,#14352a 5px,#0f2a21 5px,#0f2a21 10px);box-shadow:0 3px 6px rgba(0,0,0,.5)}
.df.face{transform:rotateY(180deg)}
.df.face .c{width:100%;height:100%;min-width:0;font-size:30px;border-radius:8px;box-sizing:border-box}
.dc:not(.fp):active .di{transform:translateY(-4px) scale(1.04)}
.dn{position:absolute;left:0;right:0;bottom:-1px;font-style:normal;text-align:center;font-size:10px;font-weight:800;background:rgba(10,20,15,.82);color:#e8e2d0;border-radius:0 0 7px 7px;padding:1px 0;z-index:2;overflow:hidden;white-space:nowrap}
.dc.mine .dn{background:#d4af37;color:#1a1409}
.dg.picked .dc:not(.chosen){opacity:.28;transition:opacity .5s}
.dc.mine{z-index:3}.dc.mine .df.face .c{box-shadow:0 0 0 2px #f0d98a,0 0 16px rgba(240,217,138,.8)!important}
.dc.win .df.face .c{box-shadow:0 0 0 3px #7fe3a0,0 0 20px rgba(127,227,160,.9)!important}
.tut{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0,#17392c,#0b1612 70%);padding:calc(10px + env(safe-area-inset-top,0px)) 14px calc(12px + env(safe-area-inset-bottom,0px));overflow:hidden;color:#f1e9d6}
.thead{display:flex;align-items:center;gap:10px}
.tbar{flex:1;height:6px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.tbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b8902c,#f0d98a);transition:width .4s}
.tx{background:none;border:0;color:#9fae9f;font-size:20px;padding:4px 8px;cursor:pointer}
.tsay{display:flex;align-items:center;gap:8px;margin:8px 0}
.tmas{flex:0 0 72px;height:72px;color:#e8d9a8;filter:drop-shadow(0 0 8px rgba(212,175,55,.35));animation:bob 2s ease-in-out infinite}
.tmas svg{width:100%;height:100%}
.tbub{position:relative;flex:1;background:#fbf4e2;color:#3a2a18;border-radius:14px;padding:11px 13px;font-size:14.5px;line-height:1.5;min-height:62px;display:flex;align-items:center;box-shadow:0 3px 10px rgba(0,0,0,.4)}
.tbub:before{content:'';position:absolute;left:-8px;top:50%;margin-top:-8px;border:8px solid transparent;border-left:0;border-right-color:#fbf4e2}
.tbub b{color:#b3541f}
.tbub.pop2{animation:pop2 .35s ease-out}
@keyframes pop2{from{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}
.tstage{flex:1;overflow:hidden;position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center}
.tut .tbl{margin:0 0 6px;padding:14px 6px 28px}
.tut .tray{display:flex;justify-content:center;gap:28px;padding:6px 10px;margin:0 0 6px;font-size:14px;color:#e8e2d0;border-radius:12px}
.tut .tray b{color:#d4af37;font-size:16px}
.tut .acts{pointer-events:none;margin-bottom:0}
.tut .acts .btn{opacity:.55}
.tut .acts .btn.tpulse{opacity:1}
.tpulse{animation:tpulse 1s ease-in-out infinite;box-shadow:0 0 0 0 rgba(240,217,138,.8)}
@keyframes tpulse{0%{box-shadow:0 0 0 0 rgba(240,217,138,.85)}100%{box-shadow:0 0 0 12px rgba(240,217,138,0)}}
.fm{text-align:center;font-size:15px;background:#0e1a15;border:1px dashed #d4af37;border-radius:10px;padding:6px;margin-bottom:6px;animation:pop2 .4s}
.fm b{color:#f0d98a}
.tfoot{display:flex;gap:10px;margin-top:8px}
.tfoot .btn{flex:1;height:48px;font-size:16px}
.tfoot #tnx{flex:2}
.tend{padding-top:8px}
.exrow{text-align:center;margin-bottom:8px;font-size:13px;color:#e8e2d0}
.exrow b{color:#f0d98a}.exrow small{color:#9fae9f}
.exrow div{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin-top:6px}
.exrow i{font-style:normal;width:20px;height:28px;border-radius:4px;border:1px solid #c9a45c;background:repeating-linear-gradient(45deg,#14352a,#14352a 3px,#0f2a21 3px,#0f2a21 6px);color:#d4af37;font-size:10px;display:flex;align-items:center;justify-content:center;animation:exin .4s ease-out backwards}
@keyframes exin{from{opacity:0;transform:translateY(-14px) scale(.6)}to{opacity:1;transform:none}}
.hud2{display:flex;gap:10px;align-items:center}
.av2{position:relative;flex:none;width:62px;height:62px;padding:0;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,var(--avb1,#1d3a2e),var(--avb2,#0c1713));border:2px solid #d4af37;box-shadow:inset 0 0 0 3px #0c1713,inset 0 0 0 4px rgba(212,175,55,.55),0 4px 10px rgba(0,0,0,.5);color:#f0d98a;font:800 28px Cinzel,Georgia,serif}
.av2 em{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);font:800 10px Cinzel,Georgia,serif;font-style:normal;background:linear-gradient(#f2d77a,#b8902c);color:#1a1409;border-radius:8px;padding:1px 8px;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.5)}
.hcol{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.nick{position:relative;height:28px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:10px;background:linear-gradient(#142720,#0c1713);border:1px solid #8a7340;box-shadow:0 2px 6px rgba(0,0,0,.4);overflow:hidden}
.nick b{font-size:14px;color:#f1e9d6;letter-spacing:.02em}
.nick small{font-size:10px;color:#9fae9f}
.nick .xb{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.1)}
.nick .xb u{display:block;height:100%;background:linear-gradient(90deg,#b8902c,#f0d98a)}
.hrow{display:flex;gap:6px}
.rsc{height:28px;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:0 6px 0 10px;border-radius:10px;background:linear-gradient(#142720,#0c1713);border:1px solid #8a7340;box-shadow:0 2px 6px rgba(0,0,0,.4);color:#f1e9d6}
.rsc b{font:800 14px Cinzel,Georgia,serif;flex:1}
.rcw{flex:0 0 74px}.rcw span{color:#f0d98a;font-size:16px;line-height:1}
.rch{flex:1}
.rsc .plus{width:20px;height:20px;font-size:14px;line-height:1;padding:0;flex:none;border-radius:6px}
.hcol2{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:30px 26px;gap:6px;align-items:center}
.hcol2 .nick{height:30px;padding:0 12px;border-radius:10px 14px 14px 10px}
.hcol2 .rsc{height:30px}
.hcol2 .rcw{flex:none;min-width:0;padding:0 10px}
.hcol2 .rch{flex:none;min-width:92px}
.lvrow{grid-column:1/2;display:flex;align-items:center;gap:8px}
.lvrow em{font:800 13px Cinzel,Georgia,serif;font-style:normal;color:#f0d98a;text-shadow:0 1px 2px #000}
.xbar{flex:1;height:11px;border-radius:6px;background:#0a120f;border:1px solid #8a7340;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.6)}
.xbar u{display:block;height:100%;background:linear-gradient(#f6df8f,#b8902c)}
.av2{width:64px;height:64px}
.hcol2{grid-template-rows:28px 12px 16px;gap:4px 6px}
.hcol2 .nick,.hcol2 .rsc{height:28px}
.xrow,.lvrow2{grid-column:1/-1}
.xrow .xbar{position:relative;display:block;height:12px;border-radius:6px}
.xrow .xbar i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 8.5px Cinzel,Arial,sans-serif;font-style:normal;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;letter-spacing:.04em}
.lvrow2{display:flex;justify-content:space-between;align-items:center;line-height:1}
.lvrow2 em{font:800 14px Cinzel,Georgia,serif;font-style:normal;color:#f0d98a;text-shadow:0 1px 2px #000}
.lvrow2 span{font-size:11.5px;color:#9fae9f}
.lvrow2 b{font:800 14px Cinzel,Georgia,serif;color:#f1e9d6;margin-left:3px}
.ptrr{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.pdl{font:800 34px Cinzel,Georgia,serif;min-width:96px;text-align:center;border-radius:12px;padding:4px 8px;background:#0e1a15;border:1px solid rgba(201,164,92,.4)}
.pdl.pup{color:#7fe3a0}.pdl.pdn{color:#ff8f86}.pdl.zr{color:#e8e2d0}
.ptrr small{display:block;color:#9fae9f;font-size:12px}
.ptrr b{font:800 18px Cinzel,Georgia,serif;color:#f0d98a}
.lvup{margin-top:8px;text-align:center;font:800 16px Cinzel,Georgia,serif;color:#1a1409;background:linear-gradient(#f6df8f,#c9992a);border-radius:10px;padding:8px;animation:pop2 .5s .6s both;box-shadow:0 0 18px rgba(240,217,138,.5)}
.ptnote{font-size:12px;color:#9fae9f;margin:6px 0 0}
.ptrow{display:flex;justify-content:center;gap:6px;margin-top:10px;flex-wrap:wrap}
.ptrow span{font:800 13px Cinzel,Arial,sans-serif;background:#0e1a15;border:1px solid rgba(201,164,92,.45);border-radius:10px;padding:5px 9px;color:#e8e2d0}
.ptrow .g{color:#7fe3a0}.ptrow .r{color:#ff8f86}
.lvtb{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px}
.lvtb td,.lvtb th{padding:4px 6px;border-top:1px solid rgba(201,164,92,.18);text-align:right}.lvtb th{color:#9fae9f;font-size:11px;font-weight:600}.lvtb td:first-child,.lvtb th:first-child{text-align:left}
.fg b{margin-top:12px}
.hcol2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hcol2 .nick{justify-content:space-between;gap:6px;padding:0 10px 0 12px}
.hcol2 .nick b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ncw{flex:none;display:flex;align-items:center;gap:4px;font:800 14px Cinzel,Georgia,serif;color:#f1e9d6;padding-left:8px;border-left:1px solid rgba(201,164,92,.35)}
.ncw i{font-style:normal;color:#f0d98a;font-size:15px;line-height:1}
.hcol2 .rch{min-width:0;border-radius:10px 14px 14px 10px}
.dm{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.15em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
.rch .dm{width:18px;height:18px}
.nmk{min-height:calc(100dvh - 40px);display:flex;flex-direction:column;justify-content:center;text-align:center;padding:10px 6px}
.nmk-em{width:96px;height:96px;margin:0 auto 8px;color:#d4af37;filter:drop-shadow(0 0 14px rgba(212,175,55,.35))}
.nmk-em svg{width:100%;height:100%}
.nmk small{letter-spacing:.35em;color:#9fae9f;font-size:11px}
.nmk h2{margin:4px 0 6px;font:800 30px Cinzel,Georgia,serif;color:#f0d98a}
.nmk>p{color:#cfd8cf;font-size:14px;margin:0 0 18px}
.nmk-row{display:flex;gap:12px;align-items:flex-start;text-align:left;margin-bottom:16px}
.nmk input,.pfn input{width:100%;box-sizing:border-box;height:52px;padding:0 14px;font:700 18px inherit;font-family:inherit;border-radius:12px;border:1.5px solid #8a7340;background:#0c1713;color:#f1e9d6;outline:none}
.nmk input:focus,.pfn input:focus{border-color:#f0d98a;box-shadow:0 0 0 3px rgba(240,217,138,.2)}
.nmk-err{font-size:12px;color:#9fae9f;margin:6px 2px 0;min-height:16px;text-align:left}
.nmk-err.bad{color:#ff8f86}.nmk-err.ok{color:#7fe3a0}
.nmk #gs{width:100%;height:52px;font-size:17px}
.nmk-ft{font-size:12px;color:#9fae9f;margin:10px 0 0}
.nmk-alt{display:flex;flex-direction:column;gap:8px;margin-top:22px;opacity:.7}
.nmk-alt .btn{height:42px;font-size:13px}
.pfn{text-align:left;margin-top:6px}
.pfn small{display:block;color:#9fae9f;font-size:12px;margin-bottom:4px}
.pfn #sv{width:100%;height:48px;margin-top:10px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:6px}
.pfn #sv .dm{width:18px;height:18px}
.av2 .avs{font-size:34px;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.av2 .avg{display:block;width:46px;height:46px}.avg svg{width:100%;height:100%;display:block}
.av2.big{width:84px;height:84px;cursor:default}.av2.big .avs{font-size:46px}.av2.big .avg{width:62px;height:62px}
.pfh{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.pfh b{display:block;font-size:20px;color:#f1e9d6}.pfh small{color:#f0d98a;font:800 14px Cinzel,Georgia,serif}
.avhd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.avhd small{color:#9fae9f;font-size:12px}
.avgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.avt{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 2px 8px;border-radius:12px;background:#0c1713;border:1.5px solid rgba(201,164,92,.35);color:#f1e9d6;font:inherit;cursor:pointer}
.avt .avi{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:radial-gradient(circle at 35% 30%,var(--avb1,#1d3a2e),var(--avb2,#0c1713));border:1px solid #8a7340}
.avt .avs{font-size:28px;line-height:1}.avt .avg{width:38px;height:38px}
.avt b{font-size:12px}.avt small{font-size:10px;color:#9fae9f}
.avt.sel{border-color:#f0d98a;box-shadow:0 0 0 2px rgba(240,217,138,.35),0 0 14px rgba(240,217,138,.3)}
.avt.sel small{color:#f0d98a;font-weight:800}
.avt.lock .avi,.avt.lock b{filter:grayscale(1) brightness(.42)}
.avt.lock{background:#080f0c;border-color:rgba(201,164,92,.15)}
.avt .lk{position:absolute;top:6px;right:6px;font-style:normal;font-size:12px}
.avi.sm{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:10px;background:radial-gradient(circle at 35% 30%,var(--avb1,#1d3a2e),var(--avb2,#0c1713));border:1px solid #8a7340;margin-right:10px}
.avi.sm .avg{width:32px;height:32px}.avi.sm.lock{filter:grayscale(1) brightness(.5)}
.side button span .ico{width:30px;height:30px;display:block}
.ncw i .ico{width:17px;height:17px;display:block}
.pfn .nmk-err:empty{display:none}
.pfn #sv{margin-top:10px}
.seat .av,.pav{overflow:hidden}
.seat .av .avg,.pav .avg{width:86%;height:86%;display:block}
.seat .av .avs,.pav .avs{font-size:inherit}
.ctabs{display:flex;gap:6px;margin-bottom:10px}
.ctabs button{flex:1;height:38px;border-radius:10px;border:1px solid #8a7340;background:#0c1713;color:#cfd8cf;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.ctabs button.on{background:linear-gradient(#f2d77a,#b8902c);color:#1a1409;border-color:#f0d98a}
.chead{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9fae9f;margin-bottom:10px}
.chead span{display:flex;align-items:center;gap:5px}.chead .ico{width:16px;height:16px}.chead b{color:#f0d98a}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cit{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;border-radius:12px;background:#0c1713;border:1.5px solid rgba(201,164,92,.35);color:#f1e9d6;font:inherit;cursor:pointer}
.cit b{font-size:12px}.cit small{font-size:10px;color:#9fae9f}
.cit.lock{background:#080f0c;border-color:rgba(201,164,92,.15)}.cit.lock .cth,.cit.lock b{filter:grayscale(.85) brightness(.5)}
.cit .lk{position:absolute;top:6px;right:6px;font-style:normal;font-size:12px}
.cth{height:76px;display:flex;align-items:center;justify-content:center}
.cbk{width:48px;height:68px;border-radius:7px;border:2px solid var(--r);background:repeating-linear-gradient(45deg,var(--a) 0 5px,var(--b) 5px 10px);box-shadow:0 3px 6px rgba(0,0,0,.5),inset 0 0 0 3px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.cbk i{font-style:normal;color:var(--r);font-size:20px;line-height:1}.cbk .avg{display:block;width:30px;height:30px}
.cbk.mini{width:22px;height:30px;border-width:1.5px;border-radius:4px}.cbk.mini i{font-size:10px}
.tbm{width:86px;height:58px;border-radius:30px;background:var(--rim);padding:4px;box-sizing:border-box;box-shadow:0 3px 8px rgba(0,0,0,.5)}
.tbf{width:100%;height:100%;border-radius:26px;border:1.5px solid #c9a45c;background:radial-gradient(ellipse at 50% 35%,var(--f1),var(--f2));display:flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box}
.tbf .tbc .c{min-width:18px;height:26px;font-size:10px;border-width:1px}
.emf{position:relative;width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,var(--avb1,#1d3a2e),var(--avb2,#0c1713));border:2px solid var(--ring);box-shadow:inset 0 0 0 3px #0c1713,inset 0 0 0 4px var(--ring),0 0 10px rgba(0,0,0,.4)}
.emf .avg{width:40px;height:40px}.emf .avs{font-size:28px}
.emdw{position:absolute;inset:-12px;pointer-events:none}.emdw svg{width:100%;height:100%}
.emcr{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:24px;height:24px}.emcr .ico{width:100%;height:100%}
.emgm{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%)}.emgm .dm{width:18px;height:18px}
.pvov{position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:20px;animation:pop2 .25s}
.pvbox{width:100%;max-width:360px;background:linear-gradient(#18271f,#0e1813);border:1px solid #c9a45c;border-radius:18px;padding:18px 16px;text-align:center;color:#f1e9d6;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.pvbox small{letter-spacing:.15em;color:#9fae9f;font-size:11px}.pvbox h3{margin:4px 0 12px;font:800 22px Cinzel,Georgia,serif;color:#f0d98a}
.pvc{background:#0a1410;border-radius:14px;padding:18px 10px 10px;margin-bottom:12px}
.pvlbl{font-size:11px;color:#9fae9f;margin-top:10px}
.pvfan{position:relative;height:130px;display:flex;justify-content:center;align-items:center}
.pvfan .cbk{position:absolute;width:76px;height:108px;border-radius:10px;border-width:2.5px}.pvfan .cbk i{font-size:30px}.pvfan .cbk .avg{width:48px;height:48px}
.pvfan .f1{transform:translateX(-46px) rotate(-14deg)}.pvfan .f2{transform:translateY(-6px)}.pvfan .f3{transform:translateX(46px) rotate(14deg)}
.tbm.big{width:280px;height:170px;border-radius:90px;padding:9px;margin:0 auto}.tbm.big .tbf{border-radius:82px;border-width:2px;gap:10px}
.tbm.big .cbk.mini{width:46px;height:64px;border-width:2px;border-radius:7px}.tbm.big .cbk.mini i{font-size:18px}
.tbm.big .tbc .c{min-width:46px;height:64px;font-size:24px;border-width:1.5px}
.pvem{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 0 4px}
.emf.big{width:96px;height:96px;border-radius:20px;margin-bottom:8px}.emf.big .avg{width:72px;height:72px}
.emf.big .emdw{inset:-22px}.emf.big .emcr{top:-26px;width:40px;height:40px}.emf.big .emgm{bottom:-12px}.emf.big .emgm .dm{width:28px;height:28px}
.pvem b{font-size:18px}.pvem small{font:800 13px Cinzel,Georgia,serif;color:#f0d98a;letter-spacing:0}
.pvst{font-size:13px;color:#ff8f86;margin-bottom:12px}.pvst.ok{color:#7fe3a0}
.pvbox .btn{width:100%;height:46px}
.stabs button{font-size:12.5px;height:36px;padding:0 2px}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sit{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:12px;background:#0c1713;border:1.5px solid rgba(201,164,92,.35)}
.sit b{font-size:12px}.sit .btn{width:100%;height:32px;font-size:12.5px;padding:0;display:flex;align-items:center;justify-content:center;gap:3px}
.sit .btn .dm{width:14px;height:14px}
.sit button.cth{background:none;border:0;padding:0;cursor:pointer}
.tray2{display:flex;gap:6px;align-items:stretch;margin:0 0 8px}
.tbtn{flex:0 0 52px;height:48px;border-radius:12px;border:1.5px solid #8a7340;background:linear-gradient(#142720,#0c1713);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.tbtn .ico{width:28px;height:28px}.tbtn:active{transform:scale(.95)}
.tv{flex:1;height:48px;box-sizing:border-box;border-radius:12px;border:1.5px solid #8a7340;background:linear-gradient(#142720,#0c1713);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.tv small{font-size:10.5px;color:#9fae9f}.tv b{font:800 19px Cinzel,Georgia,serif;color:#f0d98a;display:flex;align-items:center;gap:5px}.tv .cn{width:15px;height:15px}
.bub{position:fixed;z-index:70;max-width:150px;padding:6px 11px;border-radius:14px;background:#fbf4e2;color:#3a2a18;font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.45);pointer-events:none;animation:bubin .3s cubic-bezier(.3,1.6,.5,1)}
.bub:after{content:'';position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:#fbf4e2}
.bub.emo{background:none;box-shadow:none;font-size:26px;padding:0;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.bub.emo:after{display:none}
.bub.out{opacity:0;transform:translateY(-8px);transition:all .35s}
@keyframes bubin{from{transform:scale(.3) translateY(10px);opacity:0}to{transform:none;opacity:1}}
.cpick{position:fixed;z-index:72;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:14px;background:rgba(10,20,15,.96);border:1px solid #8a7340;box-shadow:0 8px 20px rgba(0,0,0,.6);animation:pkup .22s ease-out;max-height:60vh;overflow-y:auto}
@keyframes pkup{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.cpick.emo button{width:52px;height:46px;font-size:28px;border-radius:10px;border:1px solid rgba(201,164,92,.3);background:#0c1713;cursor:pointer}
.cpick.msg button{min-width:120px;height:38px;padding:0 12px;font:inherit;font-weight:800;font-size:14px;color:#f1e9d6;text-align:left;border-radius:10px;border:1px solid rgba(201,164,92,.3);background:#0c1713;cursor:pointer}
.cpick button:active{background:#1d3a2e}
.bub.bside:after{left:-5px;top:50%;bottom:auto;margin:-6px 0 0;border:6px solid transparent;border-left:0;border-right-color:#fbf4e2}
#freecd{font-variant-numeric:tabular-nums}
.shopdia .pk .btn{flex:none;width:124px;padding:0;text-align:center;font-variant-numeric:tabular-nums}
.av2{border-color:var(--ring,#d4af37)!important;box-shadow:inset 0 0 0 3px #0c1713,inset 0 0 0 4px var(--ring,#d4af37),0 4px 10px rgba(0,0,0,.5)!important}
.frrow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.frc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:10px;background:#0c1713;border:1.5px solid rgba(201,164,92,.3);cursor:pointer;font:inherit;color:#f1e9d6}
.frc i{width:30px;height:30px;border-radius:9px;box-shadow:inset 0 0 0 4px #0c1713,inset 0 0 0 5px rgba(255,255,255,.25),0 2px 4px rgba(0,0,0,.5)}
.frc small{font-size:9.5px;color:#cfd8cf;white-space:nowrap}
.frc.sel{border-color:#f0d98a;box-shadow:0 0 0 2px rgba(240,217,138,.35)}.frc.sel small{color:#f0d98a;font-weight:800}
.frc.lock{opacity:.35}
.snm{display:inline-flex;align-items:center;gap:4px;max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slv{font-style:normal;font:800 9.5px Cinzel,Georgia,serif;color:#1a1409;background:linear-gradient(#f2d77a,#b8902c);border-radius:6px;padding:1px 4px;flex:none;line-height:1.3}
.seat.on .snm .slv{background:#1a1409;color:#f0d98a}
.pn .slv{margin-right:3px;vertical-align:1px}
.pgn{display:flex;align-items:center;gap:6px}.pgn small{color:#9fae9f;font-size:12px;display:inline-flex;align-items:center;gap:3px}.pgn .dm{width:13px;height:13px}
.pgn button{width:28px;height:26px;border-radius:8px;border:1px solid #8a7340;background:#0c1713;color:#f0d98a;font-size:11px;cursor:pointer;padding:0}
.pgn button:disabled{opacity:.3;cursor:default}
.flc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border-radius:10px;background:#0c1713;border:1.5px solid rgba(201,164,92,.3);cursor:pointer;font:inherit;color:#f1e9d6}
.flc i{font-style:normal;font-size:24px;line-height:1.1}.flc small{font-size:9.5px;color:#cfd8cf;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}
.flc.sel{border-color:#f0d98a;box-shadow:0 0 0 2px rgba(240,217,138,.35)}.flc.sel small{color:#f0d98a;font-weight:800}
.flc.arm{border-color:#7fe3a0;box-shadow:0 0 0 2px rgba(127,227,160,.35)}
.pff{font-size:15px;margin-left:4px}
.atth{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.atth b{display:block;font:800 22px Cinzel,Georgia,serif;color:#f0d98a}.atth small{color:#9fae9f;font-size:12px}
.attr{display:flex;align-items:center;gap:6px;background:#0c1713;border:1px solid #8a7340;border-radius:12px;padding:6px 12px}.attr .dm{width:22px;height:22px}.attr b{font:800 20px Cinzel,Georgia,serif;color:#f1e9d6}
.dgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.dgc{position:relative;min-width:0;height:auto;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border-radius:10px;background:#0c1713;border:1px solid rgba(201,164,92,.25)}
.dgc small{font-size:10px;color:#9fae9f}.dgc .dm{width:16px;height:16px}.dgc b{font:800 12px Cinzel,Georgia,serif;color:#e8e2d0}
.dgc.dbig{background:linear-gradient(#2a2410,#120f08);border-color:#d4af37}.dgc.dbig .dm{width:20px;height:20px}.dgc.dbig b{color:#f0d98a;font-size:13px}
.dgc.dnow{border:2px solid #f0d98a;box-shadow:0 0 12px rgba(240,217,138,.5);animation:tpulse 1.4s infinite}
.dgc.dgot{opacity:.45}.dgc i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:26px;color:#7fe3a0;font-weight:900;text-shadow:0 2px 4px #000}
.c.gfc{background:radial-gradient(circle at 35% 30%,#fff3bf,#e0b440 60%,#a87a18)!important;border-color:#fff1b0!important;box-shadow:0 0 10px rgba(255,215,90,.75),0 2px 4px rgba(0,0,0,.5)!important;color:#1f5a3c!important;display:inline-flex;align-items:center;justify-content:center}
.c.gfc::before{content:none!important}.gfi{display:block;width:70%;height:70%;color:#1f5a3c}.gfi svg{width:100%;height:100%}
.c.gplaced{background:linear-gradient(#fff3bf,#e8c25a)!important;border-color:#fff1b0!important;box-shadow:inset 0 -5px 0 #b8902c,0 0 8px rgba(255,215,90,.7)!important;color:#1f5a3c!important}
.gfcur{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:30px;margin-bottom:10px}
.gfgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;max-height:44vh;overflow:auto}
.gfn{display:flex;flex-direction:column;align-items:center;padding:5px 0;border-radius:8px;border:1px solid rgba(201,164,92,.35);background:#0c1713;color:#f1e9d6;cursor:pointer;font:inherit}
.gfn b{font:800 15px Cinzel,Georgia,serif}.gfn small{font-size:10px;color:#9fae9f}
.gfn.best{border-color:#7fe3a0}.gfn.best small{color:#7fe3a0;font-weight:800}
.gfn.on{background:linear-gradient(#f2d77a,#b8902c);color:#1a1409;border-color:#fff1b0}.gfn.on small{color:#1a1409}
.slv:empty{display:none}
.achr{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(201,164,92,.18)}
.achr .rwi{flex:none;width:46px;height:46px;border-radius:10px;background:#0c1713;border:1px solid #8a7340;display:flex;align-items:center;justify-content:center;overflow:hidden}
.achr .rwi .dm{width:26px;height:26px}.achr .rwi .avg{width:38px;height:38px}
.rwi .cbk.mini2{width:24px;height:34px;border-width:1.5px;border-radius:4px}.rwi .cbk.mini2 i{font-size:11px}.rwi .cbk.mini2 .avg{width:16px;height:16px}
.rwi .tbm.mini2{width:42px;height:28px;padding:2px;border-radius:14px}.rwi .tbm.mini2 .tbf{border-radius:12px;border-width:1px;gap:1px}.rwi .tbm.mini2 .cbk.mini{width:9px;height:13px;border-width:1px}.rwi .tbm.mini2 .c{min-width:9px!important;height:13px!important;font-size:6px!important}
.rwi .emf.mini2{width:34px;height:34px;border-radius:9px}.rwi .emf.mini2 .avg{width:26px;height:26px}
.achm{flex:1;min-width:0}.achm b{font-size:14px;display:block}.achm small{font-size:11px;color:#9fae9f;display:block}
.achb{display:block;height:6px;border-radius:4px;background:#0a120f;border:1px solid rgba(201,164,92,.35);margin:4px 0 2px;overflow:hidden}.achb u{display:block;height:100%;background:linear-gradient(90deg,#b8902c,#f0d98a)}
.achv{display:flex!important;align-items:center;gap:3px;flex-wrap:wrap}.achv .dm{width:12px;height:12px}
.achr .btn{flex:none;width:72px;height:36px;padding:0;font-size:13px}
.achr.ok{background:linear-gradient(90deg,rgba(212,175,55,.12),transparent)}.achr.done{opacity:.5}
.fcode{display:flex;align-items:center;gap:8px;margin-bottom:10px}.fcode b{flex:1;font:800 22px Cinzel,Georgia,serif;color:#f0d98a;letter-spacing:.08em;background:#0c1713;border:1px dashed #8a7340;border-radius:10px;padding:8px 12px;text-align:center}
.fcode .btn{width:70px;height:44px;padding:0}
.fadd{display:flex;gap:8px}.fadd input{flex:1;min-width:0;height:44px;box-sizing:border-box;padding:0 12px;border-radius:10px;border:1.5px solid #8a7340;background:#0c1713;color:#f1e9d6;font:inherit;outline:none}.fadd .btn{width:70px;height:44px;padding:0}
.frr{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(201,164,92,.18)}.frr b{font-size:14px}.frr small{font-size:11px}
.frr .btn{flex:none;height:34px;padding:0 12px;font-size:12.5px}.fon{color:#7fe3a0}.foff{color:#9fae9f}
.fx{background:none;border:0;color:#9fae9f;font-size:16px;cursor:pointer;padding:4px}
.rwi .tbm.mini2 .tbc{display:none}
.rwi .tbm.mini2 .tbf{border-color:#c9a45c}
.rwi .tbm.mini2 .cbk.mini{width:10px!important;height:14px!important;border-width:1px!important;border-radius:2px!important}.rwi .tbm.mini2 .cbk.mini i{font-size:6px!important}
.bon{font-size:11px;color:#9fae9f}.bon i{font-style:normal;font-weight:800;color:#1a1409;background:linear-gradient(#f2d77a,#b8902c);border-radius:6px;padding:0 5px;margin-left:3px}
.pk.dm2 .achb{max-width:200px}.pk .btn .dm{width:14px;height:14px}
.start .need{color:#8a2a20!important;font-weight:800}
.stage .side{top:74px}
.ptile{position:absolute;top:6px;z-index:3;height:56px;width:150px;display:flex;align-items:center;gap:6px;padding:0 10px;border:0;cursor:pointer;font:inherit;color:#fff7dc;background:linear-gradient(180deg,#3a6b52 0%,#1d4434 48%,#123024 52%,#0c2219 100%);box-shadow:0 5px 0 #071510,0 8px 14px rgba(0,0,0,.55),inset 0 2px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.35);border-top:1.5px solid #f0d98a;border-bottom:1.5px solid #8a6a1c}
.ptile.l{left:-8px;border-radius:0 16px 16px 0;border-right:1.5px solid #d4af37;transform:perspective(300px) rotateY(10deg);transform-origin:left}
.ptile.r{right:-8px;justify-content:flex-end;border-radius:16px 0 0 16px;border-left:1.5px solid #d4af37;transform:perspective(300px) rotateY(-10deg);transform-origin:right}
.ptile b{font-size:15px;font-weight:900;text-shadow:0 2px 0 #071510,0 0 8px rgba(0,0,0,.6);letter-spacing:.02em;white-space:nowrap}
.pti{width:46px;height:46px;flex:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.6));animation:bob 2.2s ease-in-out infinite}.pti svg{width:100%;height:100%}
.ptile:active{transform:translateY(3px) perspective(300px)}
.ptile .dot{top:2px}.ptile.l .dot{right:4px}.ptile.r .dot{left:4px;right:auto}
.dgrid.d7{grid-template-columns:repeat(4,minmax(0,1fr))}.dgrid.d7 .dgc.dbig{grid-column:span 2}
.passh{display:flex;align-items:center;justify-content:space-between;gap:10px;background:radial-gradient(120% 140% at 0 0,#4a3a12,#14201a 70%)!important;border-color:#d4af37!important}
.passh small{letter-spacing:.3em;color:#d4af37;font-size:10px}.passh b{display:block;font:800 24px Cinzel,"Noto Sans KR",serif;color:#f0d98a}.passh span{font-size:12px;color:#cfd8cf}
.passh .btn{flex:none;width:110px;height:56px;padding:0;line-height:1.15;font-size:15px}.passh .btn small{letter-spacing:0;font-size:11px;color:#1a1409}
.pown{white-space:nowrap;flex:none;font-style:normal;font-weight:900;font-size:12px;color:#1a1409;background:linear-gradient(#f2d77a,#b8902c);border-radius:10px;padding:6px 10px}
.prow{display:grid;grid-template-columns:1fr 38px 1fr;gap:8px;align-items:center;padding:5px 0;border-top:1px solid rgba(201,164,92,.12)}
.prow.ph{border:0;font-size:11px;color:#9fae9f;text-align:center;font-weight:800}.prow.ph span:last-child{color:#f0d98a}
.prow.today{background:linear-gradient(90deg,transparent,rgba(240,217,138,.12),transparent)}
.pday{text-align:center;font:800 15px Cinzel,Georgia,serif;color:#e8e2d0}.prow.pbig .pday{color:#f0d98a}.prow.pbig .pcell{border-color:#d4af37}
.pcell{position:relative;display:flex;align-items:center;gap:6px;height:48px;padding:0 8px;border-radius:10px;border:1px solid rgba(201,164,92,.3);background:#0c1713;color:#f1e9d6;font:inherit;cursor:default}
.prow .pcell:last-child{background:linear-gradient(#2a2410,#120f08);border-color:#8a7340}
.pcell small{font:800 12px Cinzel,"Noto Sans KR",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcell .rwi{width:34px!important;height:34px!important;border:0!important;background:none!important}.pcell .rwi .dm{width:20px!important;height:20px!important}.pcell .rwi .avg{width:30px;height:30px}
.pcell.ok{cursor:pointer;border:2px solid #f0d98a;box-shadow:0 0 10px rgba(240,217,138,.5);animation:tpulse 1.4s infinite}
.pcell.got{opacity:.45}.pcell.lock .rwi,.pcell.lock small{opacity:.55}
.pcell i{position:absolute;right:6px;top:4px;font-style:normal;color:#7fe3a0;font-weight:900}.pcell i.lk{color:inherit;font-size:11px}
.pkc{display:flex;align-items:center;gap:10px;padding:12px 10px;margin-top:8px;border-radius:14px;background:linear-gradient(135deg,#1c3328,#0c1713);border:1px solid #8a7340;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.pkc.first{background:radial-gradient(120% 140% at 0 0,#5a4410,#14201a 70%);border-color:#f0d98a}
.pkv{flex:none;width:86px;height:70px;display:flex;align-items:center;justify-content:center}
.pkm{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pkm em{font-style:normal;font-size:10px;font-weight:900;color:#1a1409;background:#f0d98a;border-radius:6px;padding:1px 6px;align-self:flex-start}
.pkm b{font-size:14px}.pkm span{font-size:12px;color:#e8e2d0;display:flex;align-items:center;gap:4px}.pkm span .dm{width:14px;height:14px}.pkm i{font-style:normal;font-weight:900;color:#7fe3a0}
.pkc .btn{flex:none;width:92px;height:44px;padding:0;font-size:14px}
.flyc{position:fixed;z-index:60;pointer-events:none;transition:transform .48s cubic-bezier(.4,.1,.3,1),opacity .48s}
.flyc .c.big{min-width:70px;height:100px;font-size:36px}
#app.shake{animation:shk .42s}
@keyframes shk{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}
.gburst{position:fixed;z-index:65;pointer-events:none;width:0;height:0}
.gburst i{position:absolute;left:-90px;top:-90px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,236,150,.95),rgba(255,200,60,.4) 40%,transparent 70%);animation:gb 1.2s ease-out forwards}
.gburst i:nth-child(2){animation-delay:.15s}.gburst i:nth-child(3){animation-delay:.3s;background:conic-gradient(from 0deg,transparent,rgba(255,230,120,.7),transparent 20%,rgba(255,230,120,.7) 30%,transparent 45%,rgba(255,230,120,.7) 60%,transparent 75%,rgba(255,230,120,.7) 85%,transparent)}
@keyframes gb{from{transform:scale(.2) rotate(0);opacity:1}to{transform:scale(2.2) rotate(90deg);opacity:0}}
.gburst b{position:absolute;left:-80px;top:70px;width:160px;text-align:center;font:900 18px "Noto Sans KR",sans-serif;color:#fff1b0;text-shadow:0 2px 0 #8a6a1c,0 0 12px #d4af37;animation:pop2 .4s both,gbt 1.6s forwards}
@keyframes gbt{70%{opacity:1}to{opacity:0;transform:translateY(-14px)}}
.remn{font-size:11px;color:#fff;opacity:.8}
.remn.tense{color:#ff6b5e;opacity:1;font-weight:900;font-size:12.5px;animation:tns .9s ease-in-out infinite}
@keyframes tns{50%{transform:scale(1.12);text-shadow:0 0 8px rgba(255,80,60,.8)}}
.cbsym{display:inline-block;width:1.25em;height:1.25em;vertical-align:middle;color:inherit}.cbsym svg{width:100%;height:100%;display:block}
.c.hid,.pile,.df.back{background:var(--cbbg,repeating-linear-gradient(45deg,var(--cba,#14352a) 0 5px,var(--cbb,#0f2a21) 5px 10px))!important;border-color:var(--cbr,#c9a45c)!important;color:var(--cbr,#d4af37)!important}
.tbl::before{background:repeating-linear-gradient(45deg,rgba(240,217,138,.05) 0 1px,transparent 1px 22px),repeating-linear-gradient(-45deg,rgba(240,217,138,.05) 0 1px,transparent 1px 22px),radial-gradient(ellipse at center,var(--tf1,#1f6b4d),var(--tf2,#0f3d2c) 78%)!important;border-color:var(--trim,#2b1d12)!important}
.lb{background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--tf1,#1f4636) 55%,#0a110e) 0%,var(--tf2,#0e1714) 50%,#0a110e 100%)!important}
.holo .pcard.pback{background:var(--cbbg,repeating-linear-gradient(45deg,var(--cba,#14352a) 0 8px,var(--cbb,#0f2a21) 8px 16px))!important;border:3px solid var(--cbr,#c9a45c);box-sizing:border-box}
.pcard.pback i{font-style:normal;font-size:46px;color:var(--cbr,#d4af37);opacity:.9}
.side button span .ico{width:30px;height:30px;display:block}
.achban{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 10px;padding:10px 14px;border-radius:14px;border:1.5px solid #f0d98a;background:linear-gradient(90deg,#4a3a12,#1a2a20);color:#f1e9d6;font:inherit;cursor:pointer;animation:tpulse 1.4s infinite}
.achban .ico{width:36px;height:36px}.achban span{flex:1;text-align:left}.achban b{display:block;color:#f0d98a;font-size:15px}.achban small{font-size:12px;color:#cfd8cf}.achban i{font-style:normal;font-size:26px;color:#f0d98a}
.ndf{background:radial-gradient(120% 140% at 0 0,#5a4410,#14201a 70%);border:1px solid #f0d98a;border-radius:12px;padding:8px;margin-bottom:8px;display:flex;flex-direction:column;align-items:center;gap:2px}
.ndf em{font-style:normal;font-size:10px;font-weight:900;color:#1a1409;background:#f0d98a;border-radius:6px;padding:1px 6px}.ndf b{display:flex;align-items:center;gap:4px;font-size:14px}.ndf b .dm{width:16px;height:16px}.ndf span{font-size:12px;color:#7fe3a0;font-weight:800}
.nflag{margin-right:6px;font-size:16px;vertical-align:-1px}
.start small .dm{width:17px!important;height:17px!important;vertical-align:-3px}
.lcw{display:flex;align-items:center;gap:4px}.lcw .ico{width:16px;height:16px}.lcw b{color:#f1e9d6}
.adm{border-color:#c8303a!important}.admg{display:grid;grid-template-columns:1fr 1fr;gap:6px}.admg .btn{height:40px;font-size:12.5px;padding:0}.admg .btn:first-child{grid-column:1/3;background:linear-gradient(#e05a5a,#9a2a2a);color:#fff}
.bub:not(.emo){white-space:normal;max-width:210px;text-align:center;line-height:1.3}
.stage{padding-top:72px!important}
.ptile{width:128px;height:50px;padding:0 8px;gap:4px}
.ptile b{font-size:13.5px}
.pti{width:38px;height:38px}
.banner small{letter-spacing:.22em!important;white-space:nowrap}
.banner{max-width:calc(100vw - 150px);white-space:nowrap}
@media (max-width:380px){.fan{transform:scale(.86);margin:-10px 0 18px!important}.banner{font-size:19px!important}}
.bgm{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;margin-top:6px;border-radius:12px;border:1px solid rgba(201,164,92,.3);background:#0c1713;color:#f1e9d6;font:inherit;cursor:pointer;text-align:left}
.bgm i{font-style:normal;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#14271f;color:#d4af37;flex:none}
.bgm b{display:block;font-size:14px}.bgm small{font-size:11px;color:#9fae9f}
.bgm.on{border-color:#f0d98a;background:linear-gradient(90deg,rgba(212,175,55,.16),#0c1713)}.bgm.on i{background:linear-gradient(#f2d77a,#b8902c);color:#1a1409}
.penb{font-style:normal;font-weight:900;color:#ff8f86;font-size:.9em}
.penfx{position:fixed;z-index:66;pointer-events:none;transform:translate(-50%,-50%);font:900 26px Cinzel,Georgia,serif;color:#ff6b5e;text-shadow:0 2px 0 #4a0f0a,0 0 10px rgba(255,80,60,.7);animation:penup 1.4s ease-out forwards}
@keyframes penup{0%{opacity:0;transform:translate(-50%,-20%) scale(.5)}20%{opacity:1;transform:translate(-50%,-60%) scale(1.25)}100%{opacity:0;transform:translate(-50%,-160%) scale(1)}}
.stage .side{gap:9px!important;padding:8px 5px!important}
.side button span .ico{width:29px!important;height:29px!important}
.side button{font-size:10px!important}
.chg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.chb{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 2px;border-radius:12px;border:1px solid rgba(201,164,92,.35);background:#0c1713;color:#f1e9d6;font:inherit;cursor:pointer}
.chb i{font-style:normal;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font:900 17px Arial,sans-serif}.chb b{font-size:12px}.chb small{font-size:10px;color:#9fae9f}
.ntc{border-top:1px solid rgba(201,164,92,.18);padding:8px 0}.ntc summary{cursor:pointer;font-size:13.5px;color:#f1e9d6;list-style:none}.ntc summary::-webkit-details-marker{display:none}
.ntc summary em{font-style:normal;font-size:10px;font-weight:900;color:#1a1409;background:#f0d98a;border-radius:6px;padding:1px 6px;margin-right:6px}
.ntc p{margin:6px 0 0;font-size:12.5px;color:#cfd8cf}
.lnk{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lnk .btn{height:42px;padding:0;font-size:13px}
.qtx{width:100%;box-sizing:border-box;min-height:80px;margin-top:10px;padding:10px;border-radius:10px;border:1.5px solid #8a7340;background:#0c1713;color:#f1e9d6;font:inherit;font-size:13px;resize:vertical;outline:none}
.tourh{text-align:center;background:radial-gradient(120% 140% at 50% 0,#4a3a12,#14201a 70%)!important;border-color:#d4af37!important}
.tourh small{letter-spacing:.3em;color:#d4af37;font-size:10px}.tourh b{display:block;font:800 24px Cinzel,"Noto Sans KR",serif;color:#f0d98a;margin:2px 0}.tourh span{font-size:12.5px;color:#cfd8cf}
.tcard{display:flex;align-items:center;gap:10px;padding:14px 12px;margin-bottom:8px;border-radius:14px;background:linear-gradient(135deg,#1c3328,#0c1713);border:1px solid #8a7340}
.tcard>div{flex:1;display:flex;flex-direction:column;gap:2px}.tcard small{letter-spacing:.2em;color:#d4af37;font-size:10px}.tcard b{font-size:16px}.tcard span{font-size:12px;color:#e8e2d0;display:flex;align-items:center;gap:3px;flex-wrap:wrap}.tcard .dm{width:13px;height:13px}.tcard .tprz{display:block!important;color:#9fae9f;font-size:11px}
.tcard .btn{flex:none;width:72px;height:44px;padding:0}
.tstep{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:10px}.tstep i{font-style:normal;font-size:12px;font-weight:800;padding:4px 10px;border-radius:10px;border:1px solid #8a7340;color:#9fae9f}.tstep i.ok{background:#1f5a3c;color:#7fe3a0;border-color:#3f9a6a}.tstep i.now{background:linear-gradient(#f2d77a,#b8902c);color:#1a1409;border-color:#f0d98a}.tstep u{width:14px;height:2px;background:#8a7340}
.ttbs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ttb{border-radius:12px;border:1px solid rgba(201,164,92,.3);background:#0c1713;padding:8px;display:flex;flex-direction:column;gap:4px}.ttb.mine{grid-column:1/-1;border-color:#f0d98a;background:linear-gradient(135deg,#2a2410,#0c1713)}
.ttb small{font-size:10px;color:#9fae9f;font-weight:800}.tpl{display:flex;align-items:center;gap:6px;font-size:12.5px}.tpl .avi.sm{width:24px;height:24px;margin:0;border-radius:6px}.tpl .avi.sm .avg{width:20px;height:20px}.tpl.me{color:#f0d98a;font-weight:800}
.ttb.mine{display:grid;grid-template-columns:1fr 1fr}.ttb.mine small{grid-column:1/-1}
.tdone{text-align:center}.tdone>b{display:block;font:800 26px Cinzel,"Noto Sans KR",serif;color:#f0d98a}.tdone>span{display:inline-flex;align-items:center;gap:4px;font-size:14px}.tdone .dm{width:16px;height:16px}
.tfin{display:flex;flex-direction:column;gap:5px;margin-top:10px;text-align:left}.tfin em{font-style:normal;font-weight:900;color:#d4af37;width:16px}
.tourpay .tpres{grid-column:1/4;text-align:center}.tourpay .tpres b{display:block;font:800 22px Cinzel,"Noto Sans KR",serif;color:#f0d98a}.tourpay .tpres span{font-size:13px;color:#cfd8cf;display:inline-flex;align-items:center;gap:4px}
.stage .side{width:58px;box-sizing:border-box;align-items:center}
.tring{position:absolute;left:-7px;top:-7px;width:calc(100% + 14px);height:calc(100% + 14px);transform:rotate(-90deg);pointer-events:none}
.tring .trk{fill:none;stroke:rgba(0,0,0,.55);stroke-width:6}
.tring .tpg{fill:none;stroke:#f0d98a;stroke-width:6;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:0;filter:drop-shadow(0 0 4px rgba(240,217,138,.9));animation:tring 30s linear forwards}
@keyframes tring{0%{stroke-dashoffset:0}80%{stroke:#f0d98a}100%{stroke-dashoffset:-100;stroke:#ff6b5e}}
.seat .av{position:relative;overflow:visible!important}
.think{position:absolute;margin-top:-8px;margin-left:34px;display:flex;gap:3px;padding:5px 7px;border-radius:12px;background:#fbf4e2;box-shadow:0 2px 6px rgba(0,0,0,.4);z-index:4}
.think b{width:5px;height:5px;border-radius:50%;background:#3a2a18;animation:thk 1s infinite}.think b:nth-child(2){animation-delay:.15s}.think b:nth-child(3){animation-delay:.3s}
@keyframes thk{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.seat{position:relative}
.tkb small{display:block;font-size:11px;font-weight:800;opacity:.8;line-height:1.1}
.flyc.deal{transition:transform .5s cubic-bezier(.3,.1,.2,1)}
#rp small{font-size:12px;opacity:.75;margin-left:4px}
.rkr{display:flex;align-items:center;gap:8px;padding:7px 4px;border-top:1px solid rgba(201,164,92,.15)}
.rkr em{font-style:normal;width:24px;text-align:center;font:900 14px Cinzel,Georgia,serif;color:#9fae9f}
.rkr.t1 em{color:#f0d98a}.rkr.t2 em{color:#cfd6dc}.rkr.t3 em{color:#d9955f}
.rkr .avi.sm{width:30px;height:30px;margin:0;border-radius:8px}.rkr .avi.sm .avg{width:26px;height:26px}
.rkn{flex:1;min-width:0;display:flex;flex-direction:column}.rkn b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rkn small{font-size:10.5px;color:#9fae9f}
.rkp{font:800 14px Cinzel,Georgia,serif;color:#f1e9d6}
.rkr.me{background:linear-gradient(90deg,rgba(212,175,55,.2),transparent);border-radius:10px}.rkr.me .rkn b,.rkr.me .rkp{color:#f0d98a}
.rkme .rkr{border:0}
.rkme .dm,.rkme p .dm{width:12px;height:12px}
.ttbs{grid-template-columns:1fr 1fr!important}.ttb.mine{grid-column:auto!important;display:flex!important}
.tpn{display:flex;flex-direction:column;line-height:1.15;min-width:0}.tpn small{font-size:9.5px;color:#9fae9f;font-weight:600}
.rkh{background:radial-gradient(120% 140% at 0 0,#2a2a3a,#12191a 70%)!important}
.rkt{display:flex;align-items:center;gap:12px}.rkt>div{flex:1;display:flex;flex-direction:column;gap:2px}
.rkt small{letter-spacing:.15em;color:#9fae9f;font-size:10px}.rkt b{font:800 22px Cinzel,"Noto Sans KR",serif}.rkt span{font-size:12.5px;color:#e8e2d0}
.lpb{display:block;height:7px;border-radius:4px;background:#0a120f;border:1px solid rgba(255,255,255,.15);overflow:hidden;margin:2px 0}.lpb u{display:block;height:100%}
.temb{flex:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}
.tcard.rk{border-color:#d4af37}
.tlad{display:flex;flex-direction:column;gap:4px}.tlr{display:grid;grid-template-columns:32px 92px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:6px;padding:4px 6px;border-radius:10px}
.tlr .temb{grid-row:1/3}.tlr b{font-size:13px;white-space:nowrap}.tlr small{grid-column:2;font-size:9px;color:#9fae9f;letter-spacing:.1em}.tlr span{grid-column:3;grid-row:1/3;font-size:11px;color:#cfd8cf;text-align:right}
.tlr.me{background:linear-gradient(90deg,rgba(212,175,55,.18),transparent);border:1px solid rgba(212,175,55,.4)}
.lpchg{margin-top:6px;font:800 20px Cinzel,Georgia,serif}.lpchg.up{color:#7fe3a0}.lpchg.dn{color:#ff8f86}.lpchg small{display:block;font:600 12px "Noto Sans KR",sans-serif;color:#cfd8cf}
.mmn{font:800 16px Cinzel,Georgia,serif;color:#e8e2d0;margin:4px 0}.mmn b{font-size:34px;color:#f0d98a}
.mmbar{height:8px;border-radius:5px;background:#0a120f;overflow:hidden;margin:6px 0 10px}.mmbar u{display:block;height:100%;background:linear-gradient(90deg,#b8902c,#f0d98a);transition:width .15s}
.mmlist{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:60px}.mmlist span{font-size:11px;background:#0c1713;border:1px solid rgba(201,164,92,.3);border-radius:8px;padding:2px 7px;animation:pop2 .25s}.mmlist b{color:#f0d98a}
.room{position:fixed;inset:0;z-index:85;display:flex;flex-direction:column;gap:12px;padding:calc(18px + env(safe-area-inset-top,0px)) 16px 20px;background:radial-gradient(120% 80% at 50% 0,#17392c,#0b1612 70%);color:#f1e9d6;overflow:auto}
.rmh{text-align:center}.rmh small{letter-spacing:.2em;color:#9fae9f;font-size:10.5px;display:inline-flex;align-items:center;gap:3px}.rmh small .dm{width:12px;height:12px}.rmh b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:800 24px Cinzel,"Noto Sans KR",serif;color:#f0d98a;margin:4px 0}.rmh span{font-size:13px;color:#cfd8cf}
.rmlook{display:flex;flex-direction:column;align-items:center;gap:6px}.rmlook small{font-size:11px;color:#9fae9f}
.rmlook .tbm.big{width:min(330px,88vw);height:130px}.rmlook .tbm.big .cbk.mini{width:40px;height:56px}
.rmseats{display:flex;flex-direction:column;gap:8px}
.rms{display:flex;align-items:center;gap:8px;padding:10px;border-radius:14px;background:#0c1713;border:1.5px solid rgba(201,164,92,.35);min-width:0;position:relative}.rms.new{animation:pop2 .3s}
.rms .avi.sm{width:42px;height:42px;margin:0;flex:none}.rms .avi.sm .avg{width:36px;height:36px}.rms .avi.sm i{font-style:normal;color:#5a6a60;font-size:20px;font-weight:900}
.rms>div{min-width:0;display:flex;flex-direction:column;flex:1}.rms b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rms small{font-size:11px;color:#9fae9f}.rms em{font-style:normal;color:#f0d98a;font-weight:800}
.rms.me{border-color:#f0d98a;background:linear-gradient(135deg,#2a2410,#0c1713)}.rms.empty{border-style:dashed}.rms.empty>.avi,.rms.empty>div{opacity:.65}
.dots{display:flex!important;flex-direction:row!important;gap:3px;margin-top:4px}.dots i{width:5px;height:5px;border-radius:50%;background:#9fae9f;animation:thk 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
.rmbtn{display:flex;flex-direction:column;gap:8px;margin-top:auto}#rmgo small{font-size:13px;opacity:.7;margin-left:4px}.rmbtn .btn{flex:1;height:48px}
.sbot{margin-left:auto;flex:none;height:34px;padding:0 12px;border-radius:10px;border:1.5px solid #d4af37;background:linear-gradient(#f2d77a,#b8902c);color:#1a1409;font:inherit;font-weight:900;font-size:13px;cursor:pointer}

/* table-tinted lobby chrome */
:root{--t1:var(--tf1,#1f6b4c);--t2:var(--tf2,#0d3a28)}
.ptile{background:linear-gradient(180deg,color-mix(in srgb,var(--t1) 78%,#fff 12%) 0%,color-mix(in srgb,var(--t1) 70%,#000) 48%,color-mix(in srgb,var(--t2) 75%,#000) 52%,color-mix(in srgb,var(--t2) 50%,#000) 100%)!important;box-shadow:0 5px 0 color-mix(in srgb,var(--t2) 30%,#000),0 8px 14px rgba(0,0,0,.55),inset 0 2px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.35)!important}
.ptile b{text-shadow:0 2px 0 color-mix(in srgb,var(--t2) 30%,#000),0 0 8px rgba(0,0,0,.6)!important}
.stage .side{background:color-mix(in srgb,color-mix(in srgb,var(--t2) 45%,#050807) 72%,transparent)!important}
.nav2{background:linear-gradient(color-mix(in srgb,var(--t2) 38%,#0b100e),color-mix(in srgb,var(--t2) 16%,#070a09))!important}
.nav2 button.on{background:linear-gradient(color-mix(in srgb,var(--t1) 55%,#0d1612),color-mix(in srgb,var(--t2) 65%,#050807))!important}

.rgrp{display:flex;align-items:center;gap:8px;margin-bottom:6px}.rgrp+.rgrp{margin-bottom:10px}.rgrp>small{flex:none;width:44px;font-size:10px;line-height:1.2;color:#9fae9f;font-weight:700}
.rtabs{flex:1;display:grid;gap:5px}.rtabs.r2{grid-template-columns:1fr 1fr}.rtabs.r5{grid-template-columns:repeat(5,1fr)}
.rtabs button{height:32px;padding:0 2px;font-size:12px!important;border-radius:17px;border:1px solid #8a7340;background:#0c1713;color:#cfd8cf;font:inherit;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap}
.rtabs button.on{background:linear-gradient(#f2d77a,#b8902c);color:#1a1409;border-color:#f0d98a}
.rtier{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:4px 0 10px}
.rtier button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 0 4px;border-radius:9px;border:1px solid rgba(201,164,92,.25);background:#0c1713;color:var(--tc);font:inherit;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap;letter-spacing:-.03em}.rtier button span{font-size:clamp(8.5px,2.5vw,10px)}
.rtier button.on{border-color:var(--tc);background:color-mix(in srgb,var(--tc) 18%,#0c1713);box-shadow:0 0 0 1px var(--tc) inset}
.rkhd{display:flex;flex-direction:column;gap:2px;margin:2px 0 8px}.rkhd b{font-size:16px;color:#f0d98a}.rkhd small{font-size:11.5px;color:#9fae9f}
.rkmy{border:1px solid rgba(212,175,55,.45);border-radius:12px;padding:6px 6px 2px;margin-bottom:8px;background:rgba(212,175,55,.06)}.rkmy>small{font-size:10.5px;letter-spacing:.1em;color:#c9a45c;padding-left:4px}
.rkval{display:flex;align-items:center;gap:4px;flex:none}.rkp small{font-size:10px;color:#9fae9f;font-family:"Noto Sans KR",sans-serif;font-weight:700}
.rkv{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;font-size:14px;color:#d4af37}.rkv svg{width:16px;height:16px}
.rkr em{font-size:15px}.rklist .rkr:first-child{border-top:0}

.lvtier{display:inline-flex;vertical-align:middle;margin:-4px 3px -4px -2px;cursor:pointer}
.rmain{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.rmain button{height:38px;border-radius:19px;border:1px solid #8a7340;background:#0c1713;color:#cfd8cf;font:inherit;font-weight:800;font-size:14px;cursor:pointer}.rmain button.on{background:linear-gradient(#f2d77a,#b8902c);color:#1a1409;border-color:#f0d98a}
.rsel{margin-bottom:10px}.rsel select{width:100%;height:36px;border-radius:10px;border:1px solid #8a7340;background:#0c1713 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23d4af37'/%3E%3C/svg%3E") no-repeat right 12px center/10px 6px;color:#f0d98a;font:inherit;font-weight:800;font-size:13.5px;padding:0 30px 0 12px;-webkit-appearance:none;appearance:none}
.rsel option{background:#0c1713;color:#f1e9d6}
.rtabs.r5{margin-bottom:10px}
.rmtier{display:inline-flex;align-items:center;gap:2px;vertical-align:middle}.rmtier .temb{margin:-3px 0}

.rkrule{align-self:flex-start;margin-top:6px;background:none;border:1px solid rgba(240,217,138,.5);border-radius:14px;color:#f0d98a;font:inherit;font-size:12px;font-weight:800;padding:4px 12px;cursor:pointer}
.srw{width:100%;border-collapse:collapse;font-size:12.5px}.srw th{font-size:10.5px;color:#9fae9f;font-weight:700;text-align:left;padding:4px 6px;border-bottom:1px solid rgba(201,164,92,.3)}.srw th:nth-child(2){text-align:right}
.srw td{padding:6px;border-bottom:1px solid rgba(201,164,92,.12);vertical-align:middle}.srw tr.me td{background:rgba(212,175,55,.12)}.srw tr.me td:first-child{border-radius:10px 0 0 10px}.srw tr.me td:last-child{border-radius:0 10px 10px 0}
.srt{display:flex;align-items:center;gap:6px;white-space:nowrap}.srt b{font-size:13px}
.srd{text-align:right;white-space:nowrap;font:800 13px Cinzel,Georgia,serif;color:#f1e9d6}.srd .dm{width:12px;height:12px;vertical-align:-1px;margin-right:3px}
.srx{display:flex;align-items:center;gap:6px;font-size:12px;color:#e8e2d0;white-space:nowrap}.srx .avi.sm{width:26px;height:26px;margin:0;border-radius:7px;flex:none}.srx .avi.sm .avg{width:22px;height:22px}
.srf{position:relative;display:inline-block;width:30px;height:30px;flex:none;margin:0 2px}.srf .emf{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.46)}
.srwin{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px;border-radius:12px;border:1px solid rgba(255,216,107,.5);background:linear-gradient(90deg,rgba(255,216,107,.14),transparent)}.srwin .avi.sm{width:40px;height:40px;margin:0;flex:none}.srwin b{display:block;font-size:13px;color:#ffd86b}.srwin small{font-size:11px;color:#cfd8cf}
.rkrules{max-height:82vh;overflow:auto;text-align:left}.rkrules h3,.rkrules>small{text-align:center;display:block}.rrl b{display:block;color:#f0d98a;font-size:13.5px;margin:10px 0 2px}.rrl ul{margin:0;padding-left:18px;font-size:12.5px;line-height:1.55;color:#e8e2d0}

.rhero{border-radius:16px;padding:16px 14px;margin-bottom:10px;text-align:center;border:1.5px solid #d4af37;background:radial-gradient(120% 100% at 50% 0,rgba(240,217,138,.22),rgba(12,23,19,.92) 70%)}
.rhero small{letter-spacing:.25em;color:#c9a45c;font-size:10.5px}.rhero h3{margin:4px 0 12px;font-size:24px;color:#fff}.rhero em,.rsec em,.rwarn em,.rnote em,.rsum em{font-style:normal;color:#f0d98a;font-weight:800}
.rkey{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.rkey div{background:rgba(0,0,0,.3);border:1px solid rgba(212,175,55,.35);border-radius:12px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:1px}.rkey i{font-style:normal;font-size:22px}.rkey b{font-size:12.5px;color:#f0d98a}.rkey span{font-size:11px;color:#cfd8cf}
.rhero p{margin:0;font-size:13px;line-height:1.55;color:#e8e2d0}
.rsec{border-radius:16px;padding:14px 14px 12px;margin-bottom:10px;background:linear-gradient(#13241d,#0c1713);border:1px solid rgba(201,164,92,.35)}
.rsec.gold{border-color:#d4af37;background:linear-gradient(160deg,rgba(212,175,55,.16),#0c1713 60%)}.rsec.tip{border-style:dashed}
.rhd{display:flex;align-items:center;gap:10px;margin-bottom:8px}.rhd b{font-size:16.5px;color:#f0d98a}
.rno{flex:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:900 14px Cinzel,Georgia,serif;color:#1a1409;background:linear-gradient(#f6de8a,#c39a3a);box-shadow:0 2px 0 #6b5220}
.rl2{margin:0;padding:0;list-style:none}.rl2 li{position:relative;padding:5px 0 5px 16px;font-size:13.5px;line-height:1.55;color:#e8e2d0;border-top:1px solid rgba(201,164,92,.1)}.rl2 li:first-child{border-top:0}.rl2 li:before{content:'';position:absolute;left:2px;top:13px;width:6px;height:6px;border-radius:2px;background:#d4af37;transform:rotate(45deg)}
.rnote{margin:8px 0 0;font-size:12px;line-height:1.5;color:#9fae9f}
.ropt{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ro{border-radius:12px;padding:10px;background:#0a120f;border:1px solid rgba(201,164,92,.35);display:flex;flex-direction:column;gap:4px}.ro b{font-size:15px;color:#fff}.ro.y{border-color:#d4af37;background:linear-gradient(rgba(240,217,138,.16),#0a120f)}.ro.y b{color:#f0d98a}.ro span{font-size:12.5px;line-height:1.45;color:#e8e2d0}.ro small{font-size:11px;line-height:1.4;color:#9fae9f}.ro em{font-style:normal;color:#f0d98a;font-weight:800}
.rwarn{margin-top:10px;border-radius:12px;padding:10px 12px;background:rgba(226,103,92,.12);border:1px solid rgba(255,143,134,.5);display:flex;flex-direction:column;gap:3px}.rwarn b{color:#ff8f86;font-size:13.5px}.rwarn span{font-size:12.5px;line-height:1.5;color:#e8e2d0}.rwarn em{color:#ff8f86!important}
.rex{margin-top:10px;border-radius:12px;padding:10px;background:#0a120f;border:1px solid rgba(201,164,92,.25)}.rex>small{font-size:10.5px;letter-spacing:.1em;color:#c9a45c}
.rexr{display:flex;align-items:flex-start;justify-content:center;gap:4px;margin-top:6px;flex-wrap:nowrap}.rgrp2{display:flex;flex-direction:column;align-items:center;gap:4px}.rgrp2 u{text-decoration:none;font-size:11px;color:#cfd8cf;white-space:nowrap}
.rgrp2{flex-direction:row;flex-wrap:wrap;justify-content:center;flex:none}.rgrp2 u{flex-basis:100%;text-align:center}
.rc{display:inline-flex;align-items:center;justify-content:center;width:27px;height:38px;border-radius:6px;background:linear-gradient(#fffaf0,#efe4c8);border:1.5px solid #c9a45c;color:#1f5a3c;font:900 15px Cinzel,Georgia,serif;margin:0 1px;box-shadow:0 2px 4px rgba(0,0,0,.4)}.rc.rcg{background:radial-gradient(circle at 35% 30%,#fff3bf,#e0b440 60%,#a87a18);border-color:#fff1b0;box-shadow:0 0 10px rgba(255,215,90,.75),0 2px 4px rgba(0,0,0,.5);color:#1f5a3c}.rcf{display:block;width:22px;height:22px}.rcf svg{width:100%;height:100%;display:block}
.rcoin{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a0,#c9962e);border:2px solid #8a6a1c;color:#3a2808;font:900 13px Cinzel,Georgia,serif;margin-top:4px}
.rplus{align-self:center;font:900 18px Cinzel,serif;color:#f0d98a;margin-top:-14px}
.rsum{margin-top:8px;text-align:center;font-size:14px;color:#e8e2d0;font-weight:700}
.rtbl{width:100%;margin-top:10px;border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;border:1px solid rgba(201,164,92,.35);font-size:13px}.rtbl th{background:rgba(212,175,55,.18);color:#f0d98a;font-size:12px;padding:6px;text-align:center}.rtbl td{padding:7px 12px;border-top:1px solid rgba(201,164,92,.15);color:#e8e2d0}.rtbl td:last-child{text-align:right;font:800 14px Cinzel,Georgia,serif}.rtbl .rtu{color:#7fe0a5}.rtbl .rtd{color:#ff8f86}

.btn.evb{flex:none;width:66px!important;min-width:66px;height:46px!important;padding:0!important;font-size:15px}

.pkc2{position:relative;border-radius:16px;padding:14px;margin-bottom:10px;border:1px solid rgba(201,164,92,.45);background:linear-gradient(#13241d,#0c1713);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.pkc2.first{border:1.5px solid #f0d98a;background:radial-gradient(120% 90% at 50% 0,rgba(240,217,138,.22),#0c1713 70%)}
.pktag{font-style:normal;font-size:11px;font-weight:900;color:#1a1409;background:linear-gradient(#f6de8a,#c9a045);padding:3px 10px;border-radius:10px}
.pkn{font-size:18px;color:#f0d98a}
.pkvis{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:6px 0;min-height:70px}
.pki{display:inline-flex;align-items:center;justify-content:center;position:relative}.pki .cbk{position:relative}.pki .tbm{width:110px;height:72px}
.pkav{display:grid;grid-template-columns:1fr 1fr;gap:4px}.pkav .avi.sm{width:34px;height:34px;margin:0;border-radius:9px}.pkav .avi.sm .avg{width:30px;height:30px}
.pki>.avi.sm{width:56px;height:56px;margin:0}.noad{width:58px;height:58px}
.pkl{list-style:none;margin:0;padding:0;width:100%;font-size:13px;color:#e8e2d0}.pkl li{padding:5px 0;border-top:1px solid rgba(201,164,92,.15)}.pkl li:first-child{border-top:0;font:800 16px Cinzel,'Noto Sans KR',serif;color:#fff}.pkl li i{font-style:normal;color:#7fe0a5;font-weight:800;font-size:13px}.pkl .dm{width:14px;height:14px;vertical-align:-2px}
.pkc2>.btn{width:100%;height:48px;font-size:17px;margin-top:2px}
.adbn{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px;padding:11px 14px;border-radius:14px;border:1.5px solid #f0d98a;background:linear-gradient(#f2d77a,#b8902c);color:#1a1409;font:inherit;font-weight:900;font-size:15px;cursor:pointer;box-sizing:border-box}.adbn i{font-style:normal;font-size:10.5px;background:#1a1409;color:#f0d98a;border-radius:6px;padding:2px 6px}.adbn span{flex:1;text-align:left}.adbn b{font:900 15px Cinzel,'Noto Sans KR',serif}.adbn .dm{width:14px;height:14px;vertical-align:-2px}
.adbn.red{border-color:#ffb3ab;background:linear-gradient(#e98378,#a8342b);color:#fff}.adbn.red i{color:#ffb3ab}
.adbn.done{justify-content:center;background:rgba(127,224,165,.12);border-color:rgba(127,224,165,.5);color:#7fe0a5;font-size:13px;cursor:default}

.frdeco{position:absolute;inset:-2px;pointer-events:none;z-index:3}.frdeco svg{width:100%;height:100%;overflow:visible;display:block}
.seat .av,.pav,.emf{position:relative}

.stage .ptile{top:16px!important}.stage .side{top:82px!important}

.rms.pend{border-style:dashed;border-color:rgba(240,217,138,.6)}.rms.pend .avi{opacity:.6}.rms.pend small{color:#f0d98a}
.sbot.x{background:none;border-color:rgba(255,143,134,.5);color:#ff8f86}
.invsh{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;animation:fadein .2s}
.invbox{width:100%;max-width:480px;max-height:72vh;overflow:auto;background:linear-gradient(#16271f,#0b1410);border:1px solid #8a7340;border-bottom:0;border-radius:20px 20px 0 0;padding:14px 14px calc(16px + env(safe-area-inset-bottom,0px));box-sizing:border-box;animation:slup .25s}
@keyframes slup{from{transform:translateY(40px);opacity:0}}@keyframes fadein{from{opacity:0}}
.invh{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.invh b{font-size:17px;color:#f0d98a}
.ivl{display:flex;flex-direction:column;gap:6px}.ivr,.ivbot{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:#0c1713;border:1px solid rgba(201,164,92,.25)}.ivr .avi.sm,.ivbot .avi.sm{width:40px;height:40px;margin:0;flex:none}
.ivn{flex:1;min-width:0;display:flex;flex-direction:column}.ivn b{font-size:14px}.ivn small{font-size:11px;color:#9fae9f}.ivr .btn,.ivbot .btn{flex:none;width:72px;height:38px;padding:0;font-size:14px}
.invin{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:95;width:min(440px,calc(100% - 24px));box-sizing:border-box;padding:12px;border-radius:16px;border:1.5px solid #f0d98a;background:linear-gradient(#1d3328,#0c1713);box-shadow:0 10px 30px rgba(0,0,0,.6);animation:slin .3s}
@keyframes slin{from{transform:translate(-50%,-30px);opacity:0}}
.ivc{display:flex;align-items:center;gap:10px}.ivc .avi.sm{width:46px;height:46px;margin:0;flex:none}.ivt{display:flex;flex-direction:column;min-width:0}.ivt small{font-size:10.5px;color:#c9a45c;letter-spacing:.05em}.ivt b{font-size:15px;color:#fff}.ivt span{font-size:12px;color:#cfd8cf}.ivt .dm{width:12px;height:12px;vertical-align:-1px}
.ivbtn{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.ivbtn .btn{height:42px;font-size:15px}
.ivbar{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.1);margin-top:8px;overflow:hidden}.ivbar u{display:block;height:100%;background:#f0d98a;transition:width 1s linear}

.tdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e2675c;margin-left:4px;vertical-align:2px}
.mli{border-radius:12px;background:#0c1713;border:1px solid rgba(201,164,92,.3);margin-bottom:6px;overflow:hidden}.mli.got{opacity:1}.mli.got>summary,.mli.got .mlx p,.mli.got .mlrw{opacity:.55}
.mli summary{list-style:none;display:flex;align-items:center;gap:8px;padding:10px;cursor:pointer}.mli summary::-webkit-details-marker{display:none}
.mlt{flex:none;font-size:10.5px;font-weight:900;color:var(--mc);border:1px solid var(--mc);border-radius:8px;padding:2px 6px}
.mlb{flex:1;min-width:0;display:flex;flex-direction:column}.mlb b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mlb small{font-size:11px;color:#9fae9f}
.mlr{display:flex;gap:3px;flex:none}.mlr .rwi{width:26px;height:26px;font-size:9px;color:#f0d98a;font-weight:900;display:inline-flex;align-items:center;justify-content:center}
.mlx{padding:0 10px 10px}.mlx p{white-space:pre-line;font-size:12.5px;line-height:1.55;color:#e8e2d0;margin:0 0 8px;padding-top:8px;border-top:1px solid rgba(201,164,92,.15)}
.mlrw{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.mlrw span{font-size:11.5px;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.35);border-radius:8px;padding:3px 7px;color:#f0d98a}.mlrw .dm{width:11px;height:11px;vertical-align:-1px}

.tick{overflow:hidden!important;white-space:nowrap!important;text-overflow:clip!important}.tick .tkt{display:inline-block}
.tick.roll .tkt{animation:tkroll 14s linear infinite;padding-left:4px}.tick.roll .tkt i{display:inline-block;width:60px}
@keyframes tkroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 30px))}}
.lvrow2{align-items:center!important}.lvrow2 em{display:inline-flex!important;align-items:center;line-height:1}.lvtier{margin:0 4px 0 -2px!important;display:inline-flex;align-items:center}.lvtier .temb{display:block}.lcw{line-height:1}.lcw b{line-height:1}

.rmpw{font-style:normal;color:#f0d98a;letter-spacing:.1em}
.room.many .rmseats{gap:6px}.room.many .rms{padding:6px 10px}.room.many .rms .avi.sm{width:34px;height:34px}.room.many .rms .avi.sm .avg{width:28px;height:28px}.room.many .rmlook .tbm.big{height:100px}
.pwin{width:88px;height:38px;border-radius:10px;border:1px solid #8a7340;background:#0c1713;color:#f0d98a;font:900 18px Cinzel,Georgia,serif;letter-spacing:.3em;text-align:center}

.gflag{display:inline-block;width:1.35em;height:.9em;vertical-align:-.1em}
.rmfl{margin-right:5px;font-size:14px}.rmfl .gflag{vertical-align:-.12em}
.rms>div>small{display:flex;align-items:center;gap:4px;line-height:1.25;flex-wrap:wrap}.rms>div>small.dots{display:block}.rmtier{gap:3px!important}.rmtier .temb{margin:0!important;display:block}
.room{gap:10px!important}.rmlook .tbm.big{height:112px!important}.rmh b{font-size:22px!important}

.flgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.flgrid .flc{padding:6px 0;min-width:0;aspect-ratio:1.2;justify-content:center;box-sizing:border-box}.flgrid .flc i{font-size:22px}.flgrid .flc i .gflag{width:1.3em;height:.88em}

.btn.evb .tvb{font-size:14px;margin-right:2px}.btn.evb{width:78px!important;min-width:78px}

.srw th.srh1{padding-left:38px}.srw th.srh2{text-align:center!important}

.refl{border:1px dashed rgba(201,164,92,.5);border-radius:10px;padding:9px 12px;background:#0a120f;font-size:12.5px;color:#f0d98a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}
.shg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.shb{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:#cfd8cf;font:inherit;cursor:pointer;padding:0}.shb i{font-style:normal;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.4)}.shb small{font-size:10px;white-space:nowrap}
.refst{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.refst div{background:#0c1713;border:1px solid rgba(201,164,92,.3);border-radius:12px;padding:8px;text-align:center;display:flex;flex-direction:column}.refst b{font:800 18px Cinzel,'Noto Sans KR',serif;color:#f0d98a}.refst b .dm{width:14px;height:14px;vertical-align:-1px}.refst small{font-size:11px;color:#9fae9f}

.rtn{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.frq{border:1px solid #d4af37;background:rgba(212,175,55,.15);color:#f0d98a;font:inherit;font-size:10.5px;font-weight:800;border-radius:8px;padding:2px 6px;cursor:pointer}.frk{font-style:normal;font-size:10px;color:#7fe0a5;border:1px solid rgba(127,224,165,.5);border-radius:8px;padding:1px 5px}.frk.w{color:#9fae9f;border-color:rgba(159,174,159,.4)}

.fx.arm{width:auto!important;padding:0 10px;color:#fff;background:#c0453b;border-color:#e2675c;border-radius:8px;font-weight:800;font-size:12px}.ctabs button small{font-size:11px;opacity:.7;margin-left:2px}

.fst{font-size:11px}.fst.on{color:#7fe0a5}.fst.game{color:#f0b85a}.fst.off{color:#7d8a82}
.fpf{position:relative;text-align:left;max-width:360px}.fpx{position:absolute;right:8px;top:6px}
.fph{display:flex;align-items:center;gap:12px;margin-bottom:12px}.fph .av2.big{width:72px;height:72px;flex:none}.fpn{display:flex;flex-direction:column;gap:3px;min-width:0}.fpn b{font-size:18px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fpn small{font-size:11.5px;color:#9fae9f}
.fpcp{background:none;border:1px solid rgba(201,164,92,.5);color:#f0d98a;border-radius:6px;font:inherit;font-size:10px;padding:1px 5px;margin-left:4px;cursor:pointer}
.fpt{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#0c1713;border:1px solid rgba(201,164,92,.3);margin-bottom:8px}.fpt div{display:flex;flex-direction:column}.fpt b{font-size:16px}.fpt small{font-size:11.5px;color:#9fae9f}
.fpg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.fpg div{background:#0c1713;border:1px solid rgba(201,164,92,.25);border-radius:10px;padding:8px 2px;text-align:center;display:flex;flex-direction:column}.fpg b{font:800 15px Cinzel,'Noto Sans KR',serif;color:#f0d98a}.fpg small{font-size:10.5px;color:#9fae9f}
.fpb{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fpb .btn{height:44px;font-size:14px}.btn.rd{background:linear-gradient(#d9675c,#a8342b);color:#fff;border-color:#e98378}
.frq.v{border-color:rgba(159,174,159,.5);background:none;color:#cfd8cf}

.rpb{width:100%;height:56px!important;margin:0 0 10px;font-size:16px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0!important;line-height:1.15!important}.rpb small{display:block;font-size:12px;opacity:.85;margin:0!important;line-height:1}.sbot.v{background:none;border:1px solid rgba(201,164,92,.5);color:#f0d98a}

.botk{font-style:normal;font-size:9.5px;font-weight:900;letter-spacing:.05em;color:#1a1409;background:linear-gradient(#f2d77a,#b8902c);border-radius:999px;padding:2px 7px}
.rpb small .dm{width:13px;height:13px;vertical-align:-2px}

.dfree{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1.5px dashed rgba(240,217,138,.6);background:linear-gradient(90deg,rgba(240,217,138,.14),rgba(12,23,19,.6));margin-bottom:10px}.dfree .dfa{width:46px;height:46px;flex:none}.dfree .dfa svg{width:100%;height:100%}.dfree>div{flex:1;display:flex;flex-direction:column}.dfree b{font-size:15px;color:#f0d98a}.dfree b .dm{width:14px;height:14px;vertical-align:-2px}.dfree small{font-size:11px;color:#9fae9f}.dfree .btn{flex:none;width:84px;height:40px;padding:0;font-size:14px}
.dgr{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dpk{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 8px 10px;border-radius:16px;background:radial-gradient(120% 80% at 50% 0,#21402f,#0c1713 70%);border:1px solid rgba(201,164,92,.4);overflow:hidden}

.dpk.hot{border:1.5px solid #f0d98a;box-shadow:0 0 18px rgba(240,217,138,.25)}
.dpk.best{grid-column:1/-1;border:1.5px solid #ffd86b;background:radial-gradient(120% 90% at 50% 0,rgba(255,216,107,.3),#0c1713 70%);box-shadow:0 0 24px rgba(255,216,107,.3)}.dpk.best .dart{width:120px;height:120px}
.dart{width:88px;height:88px;margin:2px 0 2px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.dart svg{width:100%;height:100%}
.dnm{font-size:11px;color:#c9a45c;letter-spacing:.05em}.dqt{font:900 19px Cinzel,'Noto Sans KR',serif;color:#fff;margin:1px 0}.dqt .dm{width:15px;height:15px;vertical-align:-2px;margin-right:3px}
.dbs{font-size:10.5px;color:#9fae9f;margin-bottom:8px}
.dpk .btn{width:100%;height:40px;font-size:15px;padding:0}
.dbn{position:absolute;top:8px;right:8px;font-style:normal;font-size:11px;font-weight:900;color:#1a1409;background:linear-gradient(#a6f0c0,#45c27f);border-radius:8px;padding:2px 6px}
.drb{position:absolute;top:10px;left:-26px;transform:rotate(-40deg);font-style:normal;font-size:10px;font-weight:900;color:#1a1409;background:linear-gradient(#f6de8a,#c9a045);padding:2px 30px}.drb.b{background:linear-gradient(#ff9a8a,#d9453b);color:#fff}

/* octagon table */
.tbl::before{clip-path:polygon(12% 0,88% 0,100% 8%,100% 92%,88% 100%,12% 100%,0 92%,0 8%);border:0!important;border-radius:0!important;background:linear-gradient(color-mix(in srgb,var(--trim,#2b1d12) 85%,#fff 6%),var(--trim,#2b1d12))!important;box-shadow:none!important}
.tbl::after{content:'';position:absolute;inset:8px;z-index:-1;clip-path:polygon(12% 0,88% 0,100% 8%,100% 92%,88% 100%,12% 100%,0 92%,0 8%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='12,0.6 88,0.6 99.4,8 99.4,92 88,99.4 12,99.4 0.6,92 0.6,8' fill='none' stroke='%23c9a45c' stroke-width='2.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat,radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.35) 100%),repeating-linear-gradient(45deg,rgba(240,217,138,.05) 0 1px,transparent 1px 22px),repeating-linear-gradient(-45deg,rgba(240,217,138,.05) 0 1px,transparent 1px 22px),radial-gradient(ellipse at center,var(--tf1,#1f6b4d),var(--tf2,#0f3d2c) 78%);pointer-events:none}
.tbm,.tbm .tbf{border-radius:0!important;clip-path:polygon(14% 0,86% 0,100% 22%,100% 78%,86% 100%,14% 100%,0 78%,0 22%)}.tbm{box-shadow:none!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}


.rchero{display:flex!important;align-items:center;gap:14px}.rcring{position:relative;width:104px;height:104px;flex:none}.rcring svg{width:100%;height:100%}.rcring div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.rcring b{font:900 24px Cinzel,serif;color:#f0d98a}.rcring small{font-size:11px;color:#9fae9f}
.rch2{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.rch2 div,.rcg4 div{background:#0c1713;border:1px solid rgba(201,164,92,.25);border-radius:10px;padding:7px 4px;text-align:center;display:flex;flex-direction:column}.rch2 b,.rcg4 b{font:800 18px Cinzel,'Noto Sans KR',serif;color:#fff}.rch2 small,.rcg4 small{font-size:10.5px;color:#9fae9f}
.rcg4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.rcdist{display:flex;flex-direction:column;gap:6px}.rcdr{display:flex;align-items:center;gap:8px;font-size:12px}.rcdr span{width:34px;color:#cfd8cf}.rcdr i{flex:1;height:10px;border-radius:5px;background:#0a120f;border:1px solid rgba(255,255,255,.08);overflow:hidden}.rcdr u{display:block;height:100%;border-radius:5px}.rcdr b{width:28px;text-align:right;color:#f1e9d6}
.d0{background:linear-gradient(90deg,#c9a045,#f6de8a)}.d1{background:linear-gradient(90deg,#9aa3ab,#e3e8ec)}.d2{background:linear-gradient(90deg,#a8643a,#e0a070)}.d3{background:linear-gradient(90deg,#2e6a46,#5fbf7f)}
.rcform{margin-top:10px;display:flex;align-items:center;gap:8px}.rcform small{font-size:11px;color:#9fae9f;flex:none}.rcform>div{display:flex;gap:4px;flex-wrap:nowrap}.rfm{border:0!important;transform:none!important;font-style:normal;width:22px;height:22px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:800 11px Cinzel,serif;color:#1a1409}.rfm.q1{background:#f0d98a}.rfm.q2{background:#cfd6dc}.rfm.q3{background:#d9955f}.rfm.qx{background:#2e6a46;color:#cfe8d6}
.rchl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rchl div{background:#0c1713;border:1px solid rgba(201,164,92,.25);border-radius:10px;padding:8px 2px;text-align:center;display:flex;flex-direction:column;align-items:center}.rchl i{font-style:normal;font-size:18px}.rchl b{font:800 15px Cinzel,'Noto Sans KR',serif;color:#f0d98a}.rchl small{font-size:10px;color:#9fae9f}
.rcl{display:flex;align-items:center;gap:10px;padding:8px 2px;border-top:1px solid rgba(201,164,92,.12)}.rcl:first-of-type{border-top:0}.rkb{font-style:normal;width:34px;height:34px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#0c1713;border:1px solid rgba(201,164,92,.3)}.rkb.r1{border-color:#f0d98a;background:rgba(240,217,138,.12)}
.rcm{flex:1;min-width:0;display:flex;flex-direction:column}.rcm b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcm small{font-size:11px;color:#9fae9f}
.rcv{display:flex;flex-direction:column;align-items:flex-end;flex:none}.rcv b{font:800 15px Cinzel,'Noto Sans KR',serif}.rcv b.rcu{color:#7fe0a5}.rcv b.rcd{color:#ff8f86}.rcv small{font-size:10.5px;color:#9fae9f}.rcv .dm{width:12px;height:12px}

.achtot{display:block;height:6px;margin:0 0 6px}

/* pass/pkg: emerald neon */
.stage .ptile{background:linear-gradient(color-mix(in srgb,var(--neon,#4fe0a0) 10%,#0b120f),#070c0a)!important;border:1.5px solid var(--neon,#4fe0a0)!important;box-shadow:0 0 12px color-mix(in srgb,var(--neon,#4fe0a0) 55%,transparent),inset 0 0 10px color-mix(in srgb,var(--neon,#4fe0a0) 25%,transparent)!important}.stage .ptile b{color:color-mix(in srgb,var(--neon,#4fe0a0) 35%,#fff)!important;text-shadow:0 0 8px color-mix(in srgb,var(--neon,#4fe0a0) 80%,transparent)!important}

.rex{padding:12px 16px!important}.rexr{gap:8px!important;justify-content:center!important}.rex .rc{width:24px;height:34px;font-size:13px;margin:0 1px}.rex .rcoin{width:28px;height:28px;font-size:12px}.rex .rplus{font-size:15px}.rgrp2 u{font-size:10.5px}

.gm .tbl{flex:1 1 auto;align-content:space-evenly;min-height:0}.gm{display:flex!important;flex-direction:column}
.log3{padding:4px 4px 6px;min-height:62px}.log3 p{margin:0;padding:1px 0;font-size:13px;line-height:1.45;color:#e8e2d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log3 p em{font-style:normal;color:#d4af37;margin-right:6px}.log3 .lg1{opacity:.55;font-size:12px}.log3 .lg2{opacity:.32;font-size:12px}
.pgm{display:block;font-size:11px;color:#9fae9f;margin-top:2px}
.bigfx{position:fixed;z-index:66;pointer-events:none;transform:translate(-50%,-50%);font:900 24px Cinzel,Georgia,serif;color:#ffcf6a;text-shadow:0 2px 0 #4a2a05,0 0 10px rgba(255,180,60,.7);animation:penup 1.3s ease-out forwards}.bigfx.x{color:#ff7a6a;font-size:30px;text-shadow:0 2px 0 #4a0a05,0 0 14px rgba(255,80,60,.8)}
.gfapp{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle,rgba(255,215,90,.3),rgba(0,0,0,.78) 70%);animation:fadein .2s}.gfapp.out{opacity:0;transition:opacity .4s}
.gfa-in{display:flex;flex-direction:column;align-items:center;gap:6px;animation:gfpop .6s cubic-bezier(.2,1.6,.4,1)}.gfa-c .c.gfc.big{width:90px!important;height:128px!important;min-width:90px;box-shadow:0 0 40px rgba(255,215,90,.9)!important}.gfa-c .gfi{width:64px;height:64px;display:block}.gfa-c .gfi svg{width:100%;height:100%}
.gfa-in b{font:900 26px 'Noto Sans KR',serif;color:#ffe9a0;text-shadow:0 2px 0 #5a3f0c,0 0 16px rgba(255,215,90,.8)}.gfa-in small{font-size:13px;color:#fff3d0}
@keyframes gfpop{from{transform:scale(.3) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}
.winfx{position:fixed;inset:0;z-index:92;display:flex;align-items:center;justify-content:center;pointer-events:none;background:rgba(0,0,0,.72);animation:fadein .2s}.winfx.out{opacity:0;transition:opacity .5s}
.wf-rays{position:absolute;width:520px;height:520px;background:repeating-conic-gradient(rgba(255,215,90,.22) 0 8deg,transparent 8deg 22deg);border-radius:50%;animation:wfspin 3s linear infinite;mask:radial-gradient(circle,#000 30%,transparent 70%);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%)}
@keyframes wfspin{to{transform:rotate(360deg)}}
.wf-in{position:relative;display:flex;flex-direction:column;align-items:center;animation:gfpop .7s cubic-bezier(.2,1.6,.4,1)}.wf-cr svg{width:84px;height:84px;filter:drop-shadow(0 0 14px rgba(255,215,90,.9))}.wf-in b{font:900 44px Cinzel,Georgia,serif;letter-spacing:.08em;color:#ffe9a0;text-shadow:0 3px 0 #6a4a10,0 0 24px rgba(255,215,90,.9)}.wf-in small{font-size:15px;color:#fff3d0;margin-top:2px}

.frr .btn.g[data-fview]{width:64px;height:38px;padding:0;flex:none}.fx.arm{width:64px!important;height:38px;padding:0!important;border-radius:10px!important;font-size:14px!important;flex:none}.frr .fx{flex:none}

.wcnt{font-style:normal;font-size:11.5px;color:rgba(232,226,208,.45);margin-left:auto;margin-right:8px;white-space:nowrap}.gtop{display:flex;align-items:center}
.spt{font-style:normal;font-size:11px;font-weight:900;color:#1a1409;background:#7fe0a5;border-radius:6px;padding:1px 6px;margin-right:4px}
.specbar{margin:4px 0 8px;padding:12px;border-radius:14px;border:1px solid rgba(127,224,165,.45);background:rgba(127,224,165,.08);display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.specbar span{font-size:14px;color:#e8e2d0}.specbar b{color:#7fe0a5}.specbar small{font-size:11px;color:#9fae9f}

.fpk{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}
.npl{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border-radius:50%;font:900 22px/1 Arial,sans-serif;color:color-mix(in srgb,var(--neon,#4fe0a0) 35%,#fff);background:#070c0a;border:1.5px solid var(--neon,#4fe0a0);box-shadow:0 0 10px color-mix(in srgb,var(--neon,#4fe0a0) 70%,transparent),inset 0 0 6px color-mix(in srgb,var(--neon,#4fe0a0) 35%,transparent);text-shadow:0 0 8px var(--neon,#4fe0a0)}
.fpk-top{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:112px;width:100%}
.fpk-d{width:112px;height:112px;margin:0 -8px;z-index:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.fpk-d svg{width:100%;height:100%}
.fpk-c{transform:rotate(8deg);z-index:2}.fpk-c .cbk{position:relative;width:58px!important;height:82px!important;border-radius:8px!important;box-shadow:0 8px 16px rgba(0,0,0,.55),0 0 18px rgba(255,127,168,.35)}.fpk-c .cbk i{font-size:30px}
.fpk-av{display:flex;gap:10px;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.25);border:1px solid rgba(240,217,138,.3)}.fpk-av .avi.sm{width:44px;height:44px;margin:0;border-radius:50%}.fpk-av .avi.sm .avg{width:40px;height:40px}

.fpk-top{display:grid!important;grid-template-columns:1fr 30px 1fr;align-items:center;justify-items:center;gap:14px;height:118px!important;width:100%}
.fpk-d{width:118px!important;height:118px!important;margin:-12px -6px 0 0!important;justify-self:end}
.fpk-c{transform:none!important;justify-self:start;display:flex;align-items:center;justify-content:center;width:auto;height:118px;margin-left:8px}.fpk-c .cbk{width:66px!important;height:92px!important}
.fpk-top .npl{margin:0}

.rnb{font-style:normal;margin-left:3px;padding:1px 5px;border-radius:8px;font:900 10.5px/1.3 Cinzel,Arial,sans-serif;color:#1a1409;background:#e8e2d0;box-shadow:0 1px 3px rgba(0,0,0,.45);white-space:nowrap;align-self:center}
.rnb.r5{color:#1a1409;background:linear-gradient(#ffe9a0,#d4a43a);box-shadow:0 0 8px rgba(255,215,90,.75)}
.rnb.r10{color:#fff;background:linear-gradient(90deg,#ff5a5a,#ffb84a,#ffe14a,#5ad97a,#4ab3ff,#9a6aff,#ff5ad0);background-size:200% 100%;animation:rnbw 1.6s linear infinite;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(255,255,255,.6)}
@keyframes rnbw{to{background-position:200% 0}}
.seat.sl .rnb,.seat.sr .rnb{margin:2px 0 0;font-size:9px;padding:0 3px}
.run .c:not(:last-of-type):not(.hid){justify-content:flex-start!important;padding-left:2px!important;letter-spacing:-.04em}
.seat.sl .run .c:not(:last-of-type),.seat.sr .run .c:not(:last-of-type){justify-content:center!important;padding-left:0!important}
.seat.sl .run .c:not(:last-of-type){align-items:flex-start!important;padding-top:0!important;line-height:1}
.seat.sr .run .c:not(:last-of-type){align-items:flex-end!important;padding-bottom:0!important;line-height:1}
.seat.sl .run .c+.c,.seat.sr .run .c+.c{margin-top:-8px!important}.seat.sr .run .c+.c{margin-top:0!important;margin-bottom:-8px!important}

.cbfx{position:fixed;z-index:67;pointer-events:none;transform:translate(-50%,-50%);font:900 30px Cinzel,Georgia,serif;color:#fff6d8;text-shadow:0 2px 0 #3a2a08,0 0 10px rgba(255,240,200,.8);animation:cbpop 1.5s ease-out forwards}
.cbfx.r5{font-size:38px;color:#ffe08a;text-shadow:0 3px 0 #5a3f0c,0 0 16px rgba(255,200,60,.95)}
.cbfx.r10{font-size:46px;background:linear-gradient(90deg,#ff5a5a,#ffb84a,#ffe14a,#5ad97a,#4ab3ff,#9a6aff,#ff5ad0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 10px rgba(255,255,255,.8)) drop-shadow(0 2px 0 rgba(0,0,0,.5))}
@keyframes cbpop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}18%{opacity:1;transform:translate(-50%,-90%) scale(1.35)}35%{transform:translate(-50%,-100%) scale(1)}100%{opacity:0;transform:translate(-50%,-190%) scale(1)}}
.run.r3>.c:first-child+.c{margin-left:-7px!important}
.seat.sl .run.r3>.c:first-child+.c{margin-left:0!important;margin-top:-6px!important}.seat.sr .run.r3>.c:first-child+.c{margin-left:0!important;margin-bottom:-6px!important}

/* v160 run tuning */
.seat.sr .run{flex-direction:column!important}
.seat.sr .run .c+.c{margin-bottom:0!important;margin-top:-9px!important}
.seat.sr .run .c.sm+.c.sm{margin-bottom:0!important;margin-top:-9px!important}
.seat.sl .run .c+.c,.seat.sl .run .c.sm+.c.sm{margin-top:-9px!important}
.seat.sr .run .c:not(:last-of-type){align-items:flex-start!important}
.seat.sl .run.r3>.c:first-child+.c,.seat.sr .run.r3>.c:first-child+.c{margin-top:-7px!important;margin-bottom:0!important}
.run .c.md+.c.md{margin-left:-14px!important}.run .c.sm+.c.sm{margin-left:-12px!important}.run .c.lg+.c.lg{margin-left:-15px!important}
.run.r3>.c.md:first-child+.c{margin-left:-11px!important}.run.r3>.c.sm:first-child+.c{margin-left:-10px!important}
.seat.sl .run .c+.c,.seat.sr .run .c+.c{margin-left:0!important}
.potbar{transition:transform .2s}.potbar.pb1{animation:pbump .45s cubic-bezier(.2,1.8,.4,1)}.potbar.pb2{animation:pbig .7s cubic-bezier(.2,1.8,.4,1);box-shadow:0 0 14px rgba(255,215,90,.85)!important;border-color:#ffe08a!important;color:#fff3c0!important}
@keyframes pbump{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes pbig{0%{transform:scale(1)}35%{transform:scale(1.7) rotate(-4deg)}60%{transform:scale(1.25) rotate(3deg)}100%{transform:scale(1.08)}}
.potp{position:fixed;z-index:66;pointer-events:none;transform:translate(-50%,-50%);font:900 16px Cinzel,serif;color:#ffe9a0;text-shadow:0 2px 0 #4a3208;animation:penup 1s ease-out forwards}
.potburst{position:fixed;z-index:66;pointer-events:none;width:0;height:0}.potburst i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3bf,#e0b440 60%,#a87a18);box-shadow:0 0 6px rgba(255,215,90,.8);animation:pbst .8s ease-out forwards}
@keyframes pbst{from{transform:translate(0,0) scale(.6);opacity:1}to{transform:translate(var(--x),var(--y)) scale(1);opacity:0}}

/* v162 side seats */
.seat.sr .run{flex-direction:column-reverse!important}
.seat.sr .run .c+.c,.seat.sr .run .c.sm+.c.sm{margin-top:0!important;margin-bottom:-9px!important}
.seat.sr .run.r3>.c:first-child+.c{margin-top:0!important;margin-bottom:-7px!important}
.seat.sl .cards .c:not(.hid){align-items:flex-start!important;padding-top:1px!important}
.seat.sr .cards .c:not(.hid){align-items:flex-end!important;padding-bottom:1px!important}

.seat.sl .cards .c:not(.hid),.seat.sr .cards .c:not(.hid),.seat.sl .run .c:not(.hid),.seat.sr .run .c:not(.hid){justify-content:flex-start!important;align-items:flex-start!important;padding:3px 4px 0 0!important;line-height:1!important}

.rcdr.rkd span{width:72px;font-size:11.5px}

.cc{--ccg:conic-gradient(from 0deg,#ffb3e0,#c9b3ff,#a8e2ff,#b6ffd9,#fff2a8,#ffc7a8,#ffb3e0);border-color:transparent!important;background:linear-gradient(#0c1713,#0c1713) padding-box,var(--ccg) border-box!important;box-shadow:0 0 12px rgba(255,180,230,.55),0 0 22px rgba(170,220,255,.35)!important}
.emf.cc{background:radial-gradient(circle at 35% 30%,var(--avb1,#1d3a2e),var(--avb2,#0c1713)) padding-box,var(--ccg) border-box!important}
.frc.cc i,.cit .emf.cc{animation:ccspin 6s linear infinite}
@keyframes ccspin{to{filter:hue-rotate(360deg)}}

.tut2{position:fixed;inset:0;z-index:200;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px calc(14px + env(safe-area-inset-bottom,0px));background:radial-gradient(120% 80% at 50% 0,#17392c,#0b1612 70%);color:#f1e9d6;box-sizing:border-box;max-width:520px;margin:0 auto}
.t2top{display:flex;align-items:center;gap:10px}.t2dots{flex:1;display:flex;gap:4px}
.t2back:disabled{opacity:.35;cursor:default}
.t2hn{font:800 15px Cinzel,serif;color:#f0d98a!important;display:flex;align-items:center;justify-content:center}.t2dots i{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}.t2dots i.d{background:#c9a45c}.t2dots i.n{background:#f0d98a;box-shadow:0 0 6px #f0d98a}
.t2skip{background:none;border:1px solid rgba(201,164,92,.5);color:#cfd8cf;border-radius:14px;font:inherit;font-size:12px;padding:4px 10px;cursor:pointer}
.t2say{display:flex;align-items:flex-start;gap:8px}.t2mas{flex:none;width:52px;height:52px;border-radius:50%;background:#0f1f19;border:2px solid #d4af37;display:flex;align-items:center;justify-content:center;animation:t2bob 2.4s ease-in-out infinite}.t2mas .avg{width:44px;height:44px}
@keyframes t2bob{50%{transform:translateY(-4px)}}
.t2bub{position:relative;flex:1;background:#fbf6e8;color:#2a2210;border-radius:16px;padding:10px 14px;box-shadow:0 4px 12px rgba(0,0,0,.4);min-height:64px;animation:pop2 .3s}.t2bub:before{content:'';position:absolute;left:-7px;top:18px;border:8px solid transparent;border-right-color:#fbf6e8;border-left:0}
.t2bub b{display:block;font-size:15px;color:#1f5a3c;margin-bottom:2px}.t2bub p{margin:0;font-size:14px;line-height:1.5}.t2bub p b{display:inline;color:#b8561f;font-size:inherit}.t2bub .t2red{color:#c4161c!important}
.t2bub.hint{background:#fff3d6}.t2hint{color:#8a4a10;font-weight:700}.t2shake{animation:t2sh .4s}@keyframes t2sh{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.t2tbl{position:relative;border-radius:22px;padding:12px 10px;background:repeating-linear-gradient(45deg,rgba(240,217,138,.05) 0 1px,transparent 1px 22px),radial-gradient(ellipse at center,#1f6b4d,#0f3d2c 80%);border:6px solid #3a2414;box-shadow:inset 0 0 0 2px #c9a45c,0 6px 14px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:10px;align-items:center}
.t2opp{display:flex;justify-content:space-around;width:100%}.t2o{display:flex;flex-direction:column;align-items:center;gap:2px;opacity:.85;transition:.2s}.t2o .avi.sm{width:40px;height:40px;margin:0;border-radius:50%}.t2o .avi.sm .avg{width:34px;height:34px}.t2o small{font-size:11px;color:#cfd8cf}.t2o.on{opacity:1;transform:scale(1.12)}.t2o.on .avi{box-shadow:0 0 0 3px #f0d98a,0 0 12px #f0d98a}.t2ok{margin-top:2px}
.t2mid{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 18px;border-radius:16px;transition:.25s}.t2pot{font-size:13px;font-weight:800;color:#f0d98a;background:rgba(0,0,0,.4);border:1px solid #8a7340;border-radius:12px;padding:1px 10px}.t2cw{min-height:100px;display:flex;align-items:center}.t2cw .c.big.t2new{animation:flipin .5s}.t2empty{width:70px;height:100px;border-radius:10px;border:2px dashed rgba(240,217,138,.3)}
.t2me{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:14px;transition:.25s;min-width:70%}.t2lb{font-size:11px;color:#9fae9f}.t2mc{display:flex;gap:6px;align-items:center;min-height:40px}.t2none{font-size:12px;color:#9fae9f}
.t2hidw{display:inline-flex;flex-direction:column;align-items:center;gap:1px;border-radius:8px;padding:2px;cursor:pointer;position:relative}.t2hidw small{font-size:9.5px;color:#f0d98a}
.t2stat{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:14px;background:rgba(0,0,0,.3);border:1px solid rgba(201,164,92,.35);transition:.25s}.t2stat>div{display:flex;flex-direction:column;align-items:center;min-width:72px}.t2stat small{font-size:11px;color:#9fae9f}.t2stat b{font:900 24px Cinzel,Georgia,serif;color:#fff}.t2f b{color:#f0d98a!important}.t2op{font:900 18px Cinzel;color:#9fae9f}
.t2foot{margin-top:auto;padding-top:4px}.t2nx{width:100%;height:54px;font-size:18px}.t2ab{display:grid;grid-template-columns:1fr 1fr;gap:10px}.t2ab .btn{height:58px;font-size:18px;position:relative}.t2ab small{font-size:11px;opacity:.8}
.t2q{display:flex;flex-direction:column;gap:8px;border-radius:14px}.t2q .btn{height:50px;font-size:16px}
.spot{position:relative;z-index:2;box-shadow:0 0 0 3px #f0d98a,0 0 22px rgba(240,217,138,.6)!important;animation:t2pulse 1.4s ease-in-out infinite}
@keyframes t2pulse{50%{box-shadow:0 0 0 5px #f0d98a,0 0 30px rgba(240,217,138,.8)}}
.dimt{opacity:.3;filter:saturate(.4)}
.tap:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='36' viewBox='0 0 30 36'%3E%3Cpath d='M11 3.5a2.6 2.6 0 0 1 5.2 0V15l1-.2a2.5 2.5 0 0 1 3 1.7l.2.6a2.5 2.5 0 0 1 3.6 1.6v.4a2.5 2.5 0 0 1 3.4 2.2v5.4c0 5-3.8 8.8-9 8.8h-2.2c-3 0-5.4-1.4-7-3.8L3.4 23.4a2.6 2.6 0 0 1 4-3.2L11 23.5z' fill='%23fff8e6' stroke='%23b8892a' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M16.2 15v5M20.4 17v4M24.4 19.5v3' stroke='%23b8892a' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");line-height:0;position:absolute;left:50%;bottom:-30px;font-size:30px;transform:translateX(-50%);animation:t2tap .9s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));z-index:5}
.t2ab .tap:after,.t2hidw.tap:after{bottom:auto;top:-34px;transform:translateX(-50%) rotate(180deg);animation:t2tapd .9s ease-in-out infinite}
@keyframes t2tap{50%{transform:translate(-50%,-8px)}}@keyframes t2tapd{50%{transform:translateX(-50%) rotate(180deg) translateY(-8px)}}
.t2bump{animation:pbump .45s cubic-bezier(.2,1.8,.4,1)}
.t2fl{position:fixed;z-index:260;pointer-events:none;transform:translate(-50%,-50%);font:900 28px Cinzel,Georgia,serif;color:#7fe0a5;text-shadow:0 2px 0 #0a2a18,0 0 10px rgba(127,224,165,.7);animation:penup 1.4s ease-out forwards}.t2fl.r{color:#ff8f86;text-shadow:0 2px 0 #4a0a05,0 0 10px rgba(255,100,90,.7)}
.t2end{display:flex;flex-direction:column;gap:6px;padding:8px 0}.t2er{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#0c1713;border:1px solid rgba(201,164,92,.3)}.t2er em{font-style:normal;font-size:22px}.t2er .avi.sm{width:38px;height:38px;margin:0}.t2er b{flex:1;font-size:15px}.t2er span:last-child{font:800 18px Cinzel,serif}.t2er.me{border:2px solid #f0d98a;background:linear-gradient(90deg,rgba(240,217,138,.18),#0c1713);animation:pop2 .5s}
.t2rc{display:grid;grid-template-columns:1fr 1fr;gap:8px}.t2rc div{border-radius:14px;padding:12px 8px;background:#0c1713;border:1px solid rgba(201,164,92,.4);display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;animation:pop2 .4s both}.t2rc div:nth-child(2){animation-delay:.1s}.t2rc div:nth-child(3){animation-delay:.2s}.t2rc div:nth-child(4){animation-delay:.3s}.t2rc i{font-style:normal;font-size:28px}.t2rc b{font-size:13.5px;color:#f0d98a}.t2rc small{font-size:11px;color:#cfd8cf}

.t2tbl{flex:1 1 auto;justify-content:space-around;min-height:300px}.t2stat b{transition:color .3s}

.tbo{position:absolute;width:62px;height:62px;pointer-events:none;z-index:0;font-style:normal;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.tbo svg{width:100%;height:100%;display:block}

.rtb{position:relative;width:min(330px,88vw);height:136px;margin:0 auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55))}.rtb-r{position:absolute;inset:0}.rtb-f{position:absolute;inset:7px}.rtb-l{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px)}
.rtb-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px}.rtb-cd{display:flex;align-items:center}.rtb-cd .cbk{position:relative!important;width:46px!important;height:66px!important;border-radius:7px}.rtb-cd>span{margin-left:-30px;transform:rotate(10deg) translateY(2px)}.rtb-cd .cbk i{font-size:18px}
.rtb-tx{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.rtb-tx small{font-size:9.5px;letter-spacing:.22em;color:#c9a45c}.rtb-tx b{font-size:16px;color:#fff;margin-bottom:5px;white-space:nowrap}.rtb-tx b.s{font-size:13.5px;margin:0}
.room.many .rtb{height:112px}
.fpk-c2{position:relative;width:96px!important;height:112px!important}.fpk-c2 .cbk{position:absolute!important;top:12px;left:16px}.fpk-c2 .cbk:first-child{transform:rotate(-14deg) translate(-14px,2px);filter:brightness(.88)}.fpk-c2 .cbk:last-child{transform:rotate(9deg) translate(12px,-2px);z-index:2}
.pttab{display:flex;gap:4px;padding:3px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid rgba(212,175,55,.3)}.pttab button{border:0;background:none;color:#9fae9f;font-weight:800;font-size:15px;line-height:1;font-family:inherit;padding:8px 16px;border-radius:9px;cursor:pointer}.pttab button.on{background:linear-gradient(#f0d98a,#c9a043);color:#1a1409;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.tbm{position:relative}.tbm .tbmo{position:absolute;width:22px;height:22px;z-index:3;pointer-events:none}.tbm.big .tbmo{width:40px;height:40px}.tbm .tbmo svg{width:100%;height:100%;display:block}
.ui{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.17em;color:#e6c463;flex:none;overflow:visible}
.rkb .ui,.t2er em .ui{width:22px;height:22px}.rchl i .ui,.rkey i .ui{width:22px;height:22px}.rkv .ui{width:16px;height:16px}.rno .ui{width:20px;height:20px;color:#1a1409}
.lk .ui{width:14px;height:14px;color:#d8cfae}.cit.lock .lk .ui,.avt.lock .lk .ui{color:#cfc4a0}.rwarn .ui{color:#ff8a7a}.t2hint .ui{color:#f0d98a}
.adtt{display:flex;align-items:center;gap:8px}.adtt .ui{width:26px;height:26px}
.hgf{display:flex;width:70%;height:70%;margin:auto}.hgf svg{width:100%;height:100%}
.ui text{font-family:Arial,sans-serif}

.flyc2{position:fixed;z-index:61;pointer-events:none;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}
.flyc2 .c.big{margin:0}
.coin2{position:fixed;z-index:62;width:18px;height:18px;pointer-events:none}.coin2 .cn{width:18px!important;height:18px!important;display:block;box-shadow:0 2px 4px rgba(0,0,0,.5)}
.coin{display:flex;align-items:center;justify-content:center}.coin .cn{width:22px!important;height:22px!important;box-shadow:0 2px 5px rgba(0,0,0,.5)}
.c.lpop{animation:lpop .32s cubic-bezier(.3,1.6,.5,1)}@keyframes lpop{0%{transform:scale(1.25);filter:brightness(1.35)}100%{transform:none;filter:none}}
@keyframes tring{0%{stroke-dashoffset:0;stroke:#f0d98a}66%{stroke:#f0d98a}85%{stroke:#ff9a4a}100%{stroke-dashoffset:100;stroke:#ff4a4a}}
.tring.bot .tpg{stroke:#e8e2d0;filter:drop-shadow(0 0 3px rgba(232,226,208,.7));opacity:.9}
.tvig{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .6s;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.5) 100%)}
.tbl.hot .tvig{opacity:0}.tbl::after{transition:filter .7s}.tbl.hot::after{filter:brightness(.74) saturate(1.15)}
.tbl.hot #offer .c.big{animation:hotp 1.4s ease-in-out infinite}
@keyframes hotp{0%,100%{box-shadow:0 0 0 0 rgba(255,190,80,0),0 8px 18px rgba(0,0,0,.5)}50%{box-shadow:0 0 22px 4px rgba(255,190,80,.55),0 8px 18px rgba(0,0,0,.5)}}
.tbl.hot .potbar{box-shadow:0 0 14px rgba(255,200,90,.6)}

.rvl .pc{opacity:0;animation:pcin .55s cubic-bezier(.3,1.4,.5,1) forwards}.rvl .pc.k3{animation-delay:.2s}.rvl .pc.k2{animation-delay:.72s}.rvl .pc.k1{animation-delay:1.24s}
.rvl.rvf .pc.k3{animation-delay:.5s}.rvl.rvf .pc.k2{animation-delay:1.02s}.rvl.rvf .pc.k1{animation-delay:1.54s}
.rvl .fg{opacity:0;animation:pcin .45s ease-out forwards;animation-delay:.05s}
@keyframes pcin{0%{opacity:0;transform:translateY(26px) scale(.85)}100%{opacity:1;transform:none}}
.rvl .pc.k1 .rcr{animation:crdrop .5s 1.6s cubic-bezier(.3,1.6,.5,1) both}@keyframes crdrop{0%{opacity:0;transform:translateY(-30px) scale(1.4)}100%{opacity:1}}
.hlx .hlr{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#0c1713;border:1px solid rgba(201,164,92,.22);margin-top:7px}
.hlx .hlr.me{border-color:rgba(240,217,138,.6);background:rgba(240,217,138,.07)}
.hlx .hlr>i{font-style:normal;width:34px;height:34px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35)}.hlx .hlr>i .ui,.hlx .hlr>i .cn{width:20px!important;height:20px!important}
.hlx .hlr span{display:flex;flex-direction:column;min-width:0;flex:1}.hlx small{font-size:11px;color:#9fae9f}.hlx em{font-style:normal;font-size:13.5px;color:#e8e2d0}.hlx em b{color:#f0d98a}
.hlx .hlr u{text-decoration:none;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:8px;background:#f0d98a;color:#1a1409}
.shrb{width:100%;height:46px;margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:6px}
.shbox img{width:100%;max-height:52vh;object-fit:contain;border-radius:12px;margin:8px 0 10px;border:1px solid rgba(212,175,55,.35)}
.shbt{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.cbp{position:absolute;bottom:22%;right:3px;top:auto;font-style:normal;font-size:.42em;line-height:1;color:var(--k);opacity:.95;z-index:3;font-family:Arial,sans-serif}
/* design tokens: consistency pass */
#app .btn,.pvbox .btn,.room .btn{border-radius:12px}
#app .btn[style*="width:100%"],.pvbox>.btn,.rmbtn .btn{min-height:48px}
.ptitle .btn{min-height:36px;padding:0 12px!important}
.ctabs>button{min-height:38px;font-size:14px!important;border-radius:11px}
.box .avhd b{font-size:15px}
.mute{line-height:1.5}
.btn .ui{color:currentColor}
.c.big .cbp{font-size:.3em;bottom:16%;right:6px;top:auto}
.tring.bot .tpg{stroke:#f0d98a!important;opacity:1!important}
.seat .av.hmm>*:not(.tring):not(.frdeco):not(.tcd){animation:hmm 1.6s ease-in-out infinite}@keyframes hmm{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg) translateY(-1px)}75%{transform:rotate(6deg) translateY(-1px)}}
.coin .cn,.coin2 .cn{background:radial-gradient(circle at 35% 30%,#fff3b0,#e6b93a 55%,#9a6a14)!important;border:1.5px solid #7a5410!important}

.pass2{padding:16px!important;background:radial-gradient(140% 120% at 0 0,#3a2e10,#101a15 65%)!important;border-color:rgba(212,175,55,.6)!important}
.p2top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.p2top small{display:block;letter-spacing:.28em;color:#c9a45c;font-size:10px;font-weight:700}
.p2top b{display:block;font:800 22px "Noto Sans KR",sans-serif;color:#f0d98a;margin:2px 0}
.p2top em{font-style:normal;font-size:12.5px;color:#e8c39a}
.p2top .btn{flex:none;height:52px;padding:0 14px;display:flex;flex-direction:column;justify-content:center;line-height:1.15;font-size:15px}
.p2top .btn small{font-size:11px;color:#1a1409;font-weight:700}
.p2top .pown{font-size:12.5px;padding:7px 12px}
.p2bar{position:relative;height:16px;border-radius:9px;background:rgba(0,0,0,.45);border:1px solid rgba(212,175,55,.35);margin:14px 0 8px;overflow:hidden}
.p2bar u{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#b8902c,#f0d98a)}
.p2bar span{position:relative;display:block;text-align:center;font:800 11px/15px Cinzel,sans-serif;color:#fff;text-shadow:0 1px 2px #000}
.p2rule{display:flex;justify-content:space-between;gap:6px;font-size:11.5px;color:#cfd8cf}.p2rule b{color:#f0d98a}
.p2feat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.p2f{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid rgba(212,175,55,.3);text-align:center}
.p2f.got{opacity:.5}.p2f b{font-size:12px;color:#f0d98a}.p2f small{font-size:10px;color:#9fae9f}
.p2f .pfv{height:62px;display:flex;align-items:center;justify-content:center}.p2f .pfv .emf{transform:scale(.8)}.p2f .pfv>.cbk{width:40px!important;height:56px!important}.p2f .pfv .tbm{width:74px!important;height:50px!important;transform:none}.p2f .pfv .tbm .tbmo{width:14px;height:14px}
.p2h{display:grid;grid-template-columns:1fr 30px 1fr;gap:8px;font-size:11.5px;font-weight:800;color:#9fae9f;text-align:center;padding-bottom:6px}.p2h span:last-child{color:#f0d98a}
.p2r{display:grid;grid-template-columns:1fr 30px 1fr;gap:8px;align-items:center;padding:4px 0}
.p2d{text-align:center;font:800 14px Cinzel,serif;color:#7f8f84}.p2r.p2dn .p2d{color:#e8e2d0}.p2r.p2now .p2d{color:#f0d98a}
.p2r.p2now{background:linear-gradient(90deg,transparent,rgba(240,217,138,.1),transparent);border-radius:10px}
.pc2{position:relative;display:grid;grid-template-columns:28px 1fr;align-items:center;height:44px;padding:0 10px;border-radius:11px;border:1px solid rgba(201,164,92,.25);background:#0c1713;color:#f1e9d6;font:inherit;text-align:left;cursor:default}
.p2r .pc2:last-child{background:linear-gradient(#211c0d,#100d07);border-color:rgba(201,164,92,.45)}
.pc2 .pci{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.pc2 .pci .dm{width:20px!important;height:20px!important}
.pc2 .pci .rwi{width:28px!important;height:28px!important;border:0!important;background:none!important;margin:0}
.pc2 b{font:800 13.5px Cinzel,"Noto Sans KR",sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:4px}
.pc2.item b{font:800 12px "Noto Sans KR",sans-serif;color:#f0d98a}
.p2r.p2bg .pc2:last-child{border-color:#d4af37;box-shadow:inset 0 0 12px rgba(240,217,138,.12)}
.pc2.ok{cursor:pointer;border:2px solid #f0d98a!important;box-shadow:0 0 10px rgba(240,217,138,.45);animation:tpulse 1.4s infinite}
.pc2.got{opacity:.42}.pc2.lock .pci,.pc2.lock b{opacity:.5}
.pck{position:absolute;right:6px;top:3px;font-style:normal;font-size:11px;font-weight:900;color:#7fe3a0}.pck.lk{color:#cfc4a0}.pck .ui{width:11px;height:11px}
.p2top .btn small{letter-spacing:0}
.p2mi{display:block;font-style:normal;width:22px;height:22px}
.p2mi.fr{border-radius:6px;border:3px solid var(--c);box-shadow:0 0 0 1px #1a1208,inset 0 0 0 1px rgba(0,0,0,.4);background:#0c1713}
.p2mi.cd{width:17px;height:24px;border-radius:3px;border:1.5px solid var(--r);background:repeating-linear-gradient(45deg,var(--a) 0 4px,var(--b) 4px 8px)}
.p2mi.tb{width:26px;height:18px;background:radial-gradient(var(--a),var(--b));border:2px solid #3a2414;clip-path:polygon(18% 0,82% 0,100% 30%,100% 70%,82% 100%,18% 100%,0 70%,0 30%)}
.cb2{position:relative;display:block;width:58px;height:60px}.cb2 .cbk{position:absolute!important;top:2px;left:12px;width:36px!important;height:52px!important}.cb2 .cbk:first-child{transform:rotate(-13deg) translate(-9px,2px);filter:brightness(.85)}.cb2 .cbk:last-child{transform:rotate(9deg) translate(8px,-1px)}.cb2 .cbk i{font-size:16px!important}
.p3 .p3g{margin:10px 0 12px}.p3 .p2f .pfv{height:66px}.p3d{display:block;width:66px;height:66px}.p3d svg{width:100%;height:100%}.p3 .p2f .pfv .noad{width:52px;height:52px}
.p3dia{text-align:center;font:800 14px Cinzel,"Noto Sans KR",sans-serif;color:#f0d98a;margin:-2px 0 12px}.p3dia i{font-style:normal;color:#7fe3a0;font-size:12px;margin-left:4px}.p3dia .dm{width:16px;height:16px;vertical-align:-2px}
.p3 .btn{width:100%;height:50px}
.p3 .p3g{width:100%;box-sizing:border-box;align-self:stretch}.p3 .p2f b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.p3two .p3g{grid-template-columns:repeat(2,1fr)}.p3two .p2f .pfv{height:76px}.p3two .p3d{width:76px;height:76px}.p3two .cb2{transform:scale(1.15)}.p3two .tbm{width:96px!important;height:64px!important}
@keyframes tring{0%{stroke-dashoffset:0;stroke:#f0d98a}66%{stroke:#f0d98a}85%{stroke:#ff9a4a}100%{stroke-dashoffset:-100;stroke:#ff4a4a}}
.tring .tpg,.tpg{animation-duration:20s!important}.tring.bot .tpg{animation-name:tringb!important}@keyframes tringb{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
.seat .av .tcd{position:absolute;inset:3px;z-index:5;font-style:normal;border-radius:50%;display:flex;align-items:center;justify-content:center;font:900 30px/1 Cinzel,Georgia,serif;color:#fff;background:radial-gradient(rgba(120,10,14,.8),rgba(60,4,8,.9));text-shadow:0 0 10px rgba(255,90,60,.95);pointer-events:none}
.seat .av .tcd.pop{animation:tcdp .4s cubic-bezier(.3,1.6,.5,1)}@keyframes tcdp{0%{font-size:42px;opacity:.6}100%{font-size:30px;opacity:1}}
.seat .av.urg .tring .tpg{filter:drop-shadow(0 0 6px rgba(255,74,74,.95))}
.seat .av.urg{animation:urgp 1s ease-in-out infinite}@keyframes urgp{0%,100%{box-shadow:0 0 0 0 rgba(255,70,60,0)}50%{box-shadow:0 0 16px 3px rgba(255,70,60,.45)}}
.acts.urg [data-a]:not([disabled]){box-shadow:0 0 0 1.5px rgba(255,110,90,.7),0 0 12px rgba(255,80,60,.35)}
.bgd{font-style:normal;font-size:10px;font-weight:900;color:#1a1409;background:#f0d98a;border-radius:6px;padding:1px 6px;margin-left:4px;vertical-align:1px}
/* smaller cards inside table thumbnails */
.tbm .tbf{container-type:size;gap:4%!important}
.tbm .tbf .cbk.mini{height:36cqh!important;width:25cqh!important;min-width:0!important;border-width:1px!important;border-radius:2px!important}
.tbm .tbf .cbk.mini i{font-size:14cqh!important}
.tbm .tbf .tbc{display:flex;align-items:center}
.tbm .tbf .tbc .c{height:36cqh!important;min-width:0!important;width:25cqh!important;font-size:18cqh!important;border-width:1px!important;border-radius:2px!important;padding:0!important}
.tbm .tbf .tbc .c .cbp{display:none}
.tbm.tbx{background:none!important;padding:0!important;clip-path:none!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.tbm.tbx>svg{width:100%;height:100%;display:block}
.tbl .tblem{position:absolute;left:50%;top:50%;width:min(46%,190px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.tbl .tblem svg{width:100%;height:100%;display:block}
.rkval .rkp{min-width:72px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rkval .temb{flex:none}
.seat.sl .c .cbp,.seat.sr .c .cbp{right:auto!important;top:auto!important;left:7px!important;bottom:2px!important;font-size:8px!important;writing-mode:horizontal-tb}
.tv.cw2{border-color:#ffb347!important;box-shadow:0 0 0 1px rgba(255,179,71,.5),0 0 12px rgba(255,160,60,.35)}.tv.cw2 small{color:#ffc46b!important;font-weight:800}.tv.cw2 b{color:#ffd28a!important}
.tv.cw1{border-color:#ff4a4a!important;background:linear-gradient(#3a0d10,#1a0607)!important;animation:cw1 1s ease-in-out infinite}.tv.cw1 small{color:#ff8a8a!important;font-weight:900}.tv.cw1 b{color:#fff!important}
@keyframes cw1{0%,100%{box-shadow:0 0 0 1px rgba(255,74,74,.6),0 0 8px rgba(255,60,60,.3)}50%{box-shadow:0 0 0 2px rgba(255,74,74,.9),0 0 20px rgba(255,60,60,.7)}}
.btn.pw1{border-color:#ff5a4a!important;color:#ffd6d0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}.btn.pw1 small{font-size:10.5px;font-weight:800;color:#ff8a7a;margin-top:2px}
.penban{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%) scale(.6);z-index:80;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 26px;border-radius:18px;background:radial-gradient(#5a0a10,#2a0406);border:2px solid #ff5a4a;box-shadow:0 0 30px rgba(255,60,50,.6),0 10px 30px rgba(0,0,0,.6);color:#fff;animation:penin .35s cubic-bezier(.3,1.6,.5,1) forwards;transition:opacity .4s,transform .4s}
.penban b{font:900 24px "Noto Sans KR",sans-serif}.penban span{font:800 15px "Noto Sans KR",sans-serif;color:#ffd6d0}.penban em{font-style:normal;font:900 22px Cinzel,serif;color:#ff6a5a}.penban small{font-size:11px;color:#ffb0a8}
.penban:not(.me){top:38%;transform:translate(-50%,-50%) scale(.5)}.penban:not(.me) b{font-size:18px}
.penban.out{opacity:0;transform:translate(-50%,-60%) scale(.9)!important}
@keyframes penin{to{transform:translate(-50%,-50%) scale(1)}}
.df .cbp{display:none!important}
.cbp.c4{font-size:.3em}.c.big .cbp.c4{font-size:.22em}.seat.sl .c .cbp.c4,.seat.sr .c .cbp.c4{font-size:6px!important}
.cbp{line-height:0!important;font-size:0!important;width:7px;height:7px;display:block}.cbp svg{width:100%;height:100%;display:block}
.cbp.c4,.c.big .cbp.c4,.seat.sl .c .cbp.c4,.seat.sr .c .cbp.c4{font-size:0!important}
.c.big .cbp{width:15px!important;height:15px!important;bottom:15%!important;right:8px!important}
.seat.sl .c .cbp,.seat.sr .c .cbp{width:7px!important;height:7px!important}
.seat.sl .c .cbp svg,.seat.sr .c .cbp svg{transform:rotate(90deg)}
.flyc .cbp,.flyc2 .cbp{display:none}
.seat.sr .c.lpop{animation:lpopr .32s cubic-bezier(.3,1.6,.5,1)}@keyframes lpopr{0%{transform:rotate(180deg) scale(1.25);filter:brightness(1.35)}100%{transform:rotate(180deg);filter:none}}
.cfbox{text-align:center;padding:20px 18px 16px!important}.cft{display:block;font-size:18px;color:#f0d98a;margin-bottom:6px}.cfbox p{margin:0 0 16px;font-size:13.5px;color:#cfd8cf;line-height:1.5}.cfbox p em{font-style:normal;color:#f0d98a;font-weight:800}
.cfbt{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cfbt .btn{height:48px;font-size:15px}.btn.red{background:linear-gradient(#e2554a,#a8221c)!important;color:#fff!important;border-color:#ff8a7a!important}
.rmcf{align-items:center!important;padding:0 18px}.rmcf .cfbox{border-radius:18px!important;border-bottom:1px solid #8a7340!important;max-width:340px;animation:pop2 .22s}
.seat.off .av{filter:grayscale(.85) brightness(.7)}.offb{display:block;font-style:normal;font-size:10px;font-weight:800;color:#ffb3a8;background:rgba(120,20,20,.55);border:1px solid rgba(255,120,100,.5);border-radius:8px;padding:1px 6px;margin:2px auto 0;width:max-content}
.rjbar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 132px);z-index:70;width:min(460px,calc(100% - 20px));display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:14px;background:linear-gradient(#2a1410,#140a08);border:1.5px solid #ff7a5a;box-shadow:0 6px 18px rgba(0,0,0,.55)}
.rjbar div{flex:1;min-width:0;display:flex;flex-direction:column}.rjbar b{font-size:13.5px;color:#fff}.rjbar small{font-size:11px;color:#ffc4b8}.rjbar .btn{flex:none;height:40px;padding:0 12px;font-size:13.5px}
.rjdot{width:10px;height:10px;border-radius:50%;background:#ff5a4a;flex:none;animation:urgp 1s infinite;box-shadow:0 0 8px #ff5a4a}
.exask .cfbox p small{display:block;margin-top:6px;font-size:12px;color:#ffb3a8}
.rjbar .rjs{font-size:12px;color:#ffd6cc;font-weight:700}.rjbar b{font-size:14px}
.p3 .p3g{grid-template-columns:repeat(3,1fr)}
.p2f .pfv .avi.sm{width:60px!important;height:60px!important;border-radius:14px}.p2f .pfv .avi.sm .avg,.p2f .pfv .avi.sm svg{width:54px!important;height:54px!important}
.rmbot{display:inline-flex;vertical-align:-3px}.rmbot svg{width:21px;height:16px;display:block}
.rchl i{height:24px;display:flex!important;align-items:center;justify-content:center}.rchl i>*{flex:none}.rchl i .cn{width:22px!important;height:22px!important}.rchl b{display:block;height:21px;line-height:21px!important}.rcform>div{flex:1;min-width:0;gap:3px!important;justify-content:space-between}.rcform .rfm{flex:0 1 26px!important;width:auto!important;max-width:26px;min-width:0;height:auto!important;aspect-ratio:1;font-size:11px!important}
.rkmy{margin-left:-7px!important;margin-right:-7px!important}.rkn small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ===== v227 polish: HUD, hero card, nav, side ===== */
.hud2{padding:6px 0 4px!important;gap:10px!important}.hud2 .nick b{letter-spacing:-.02em}
.hud2 .nick,.hud2 .rsc{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,.28)),rgba(12,23,19,.55)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(240,217,138,.55)!important;box-shadow:inset 0 1px 0 rgba(255,240,190,.22),0 0 0 1px rgba(0,0,0,.35),0 3px 10px rgba(0,0,0,.35)!important}
.hud2 .rch{position:relative;overflow:hidden}
.hud2 .rch::after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,240,190,.28),transparent);animation:hshine 5s ease-in-out infinite;pointer-events:none}
@keyframes hshine{0%,70%{left:-60%}100%{left:130%}}
.hud2 .xbar{box-shadow:inset 0 1px 2px rgba(0,0,0,.6),0 0 0 1px rgba(240,217,138,.25)}
.hud2 .hcol2{row-gap:6px!important}.hud2 .lvrow2 em{display:inline-flex;align-items:center;gap:4px;padding:0 9px 0 3px;height:24px;box-sizing:border-box;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.3));border:1px solid rgba(240,217,138,.45);box-shadow:inset 0 1px 0 rgba(255,240,190,.18)}
.fan .holo{filter:drop-shadow(0 18px 22px rgba(0,0,0,.55)) drop-shadow(0 4px 6px rgba(0,0,0,.4))}
.fan .holo.c3{animation:hfloat 4s ease-in-out infinite}
@keyframes hfloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
.fan::after{content:'';position:absolute;left:18%;right:18%;bottom:-6px;height:18px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.55),transparent 70%);z-index:-1;pointer-events:none}
.fan{position:relative}
.nav2 button.on span{color:#ffe9a0!important;filter:drop-shadow(0 0 6px rgba(255,220,120,.85)) drop-shadow(0 0 14px rgba(255,200,80,.45))}
.nav2 button.on{color:#ffe9a0!important;text-shadow:0 0 8px rgba(255,220,120,.55);box-shadow:inset 0 2px 0 rgba(255,233,160,.6),0 -6px 16px rgba(240,200,90,.22)!important}
.nav2 button:not(.on){opacity:.82}
.side{gap:12px!important;padding:10px 5px!important;width:62px!important}
.side button{min-height:52px;width:100%;border-radius:12px;font-size:10.5px!important}
.side button:active{background:rgba(240,217,138,.12)}
.side button span .ico{width:30px!important;height:30px!important}
.dot{width:11px!important;height:11px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#ff8a80,#e5322a 60%,#a5140f)!important;border:2px solid #0d1712!important;box-shadow:0 0 0 1px rgba(255,140,130,.35),0 2px 4px rgba(0,0,0,.5)!important;top:2px!important;animation:dotp 2.4s ease-in-out infinite}
@keyframes dotp{0%,85%,100%{transform:scale(1)}92%{transform:scale(1.25)}}
.hud2 .hcol2{row-gap:8px!important}.hud2 .lvrow2{margin-top:2px}
.hud2 .lcw2{display:inline-flex;align-items:center;gap:5px;padding:0 10px 0 7px;height:24px;box-sizing:border-box;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.3));border:1px solid rgba(240,217,138,.45);box-shadow:inset 0 1px 0 rgba(255,240,190,.18)}
.hud2 .lcw2 .ui{width:16px;height:16px;color:#f2c94c;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.hud2 .lcw2 b{font:800 15px Cinzel,serif;color:#f0d98a}
#st{position:relative;overflow:hidden}
#st::after{content:'';position:absolute;top:-20%;bottom:-20%;width:34%;left:-50%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,250,220,.6),transparent);animation:stshine 3.6s ease-in-out infinite;pointer-events:none}
@keyframes stshine{0%,62%{left:-50%}100%{left:130%}}
.dot{width:8px!important;height:8px!important;border-width:1.5px!important}
.side{gap:8px!important}.side button{min-height:46px}
.cards.mine .c.hid.htap{cursor:pointer;position:relative;box-shadow:0 0 0 2px #f0d98a,0 0 12px rgba(240,217,138,.55)}.cards.mine .c.hid.htap::after{content:'';position:absolute;inset:-4px;border-radius:8px;box-shadow:0 0 14px rgba(240,217,138,.9);opacity:0;animation:htapo 1.6s ease-in-out infinite;pointer-events:none}@keyframes htapo{50%{opacity:1}}
@keyframes htap{50%{box-shadow:0 0 0 2px #f0d98a,0 0 12px rgba(240,217,138,.55)}}
.hpop{position:fixed;z-index:75;display:flex;gap:6px;padding:6px;border-radius:14px;background:rgba(10,20,15,.97);border:1px solid #8a7340;box-shadow:0 8px 20px rgba(0,0,0,.6);animation:pkup .2s ease-out}
.hpop:after{content:'';position:absolute;left:var(--ax,50%);bottom:-6px;width:10px;height:10px;margin-left:-5px;background:rgba(10,20,15,.97);border-right:1px solid #8a7340;border-bottom:1px solid #8a7340;transform:rotate(45deg)}
.hpop button{min-width:104px;height:50px;padding:0 10px;border-radius:10px;font-family:inherit;font-weight:900;font-size:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;white-space:nowrap}
.hpop button small{font-size:10.5px;font-weight:700;opacity:.8}
.hpop .ht{background:linear-gradient(#f2d77a,#c69a3a);color:#1a1409;border:0}
.hpop .hs{background:#14241c;color:#f0d98a;border:1px solid rgba(240,217,138,.45)}
.hpop .hs.pw1{color:#ff9a8a;border-color:rgba(255,120,100,.6)}
.hpop button:active{transform:scale(.96)}
.t2hidx{position:relative;display:inline-flex}
.hpop.t2hp{position:absolute;left:0;bottom:calc(100% + 10px);--ax:28px}
.hpop.t2hp .tap{box-shadow:0 0 0 2px #fff3c0,0 0 14px rgba(240,217,138,.8)}
.p3.p3two .p2feat{grid-template-columns:repeat(2,1fr)}
.rk2t{border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#2a3140,#121418 75%);border:1.5px solid rgba(195,204,214,.55);padding:0 12px 12px;margin-bottom:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 16px rgba(0,0,0,.35)}
.rk2b{margin:0 -12px;padding:8px 14px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#5a4410,#2a200a);font-size:12px;color:#f0d98a;font-weight:800}.rk2b b{font-size:12px;color:#fff3c8}
.rk2e{display:flex;flex-direction:column;align-items:center;margin-top:12px;text-align:center}.rk2e>b{font:900 26px Cinzel,'Noto Sans KR',serif;margin-top:4px}.rk2e small{font-size:12.5px;color:#c9c2b4}.rk2e small em{font-style:normal;color:#f0d98a;font-weight:800}
.rk2d{display:flex;justify-content:center;gap:6px;margin:8px 0 2px}.rk2d i{width:22px;height:6px;border-radius:3px;background:rgba(255,255,255,.12);border:1px solid rgba(212,175,55,.35)}.rk2d i.on{background:linear-gradient(90deg,#c69a3a,#f0d98a);border-color:#f0d98a}
.rk2lp{display:block;height:7px;border-radius:5px;background:rgba(0,0,0,.6);border:1px solid rgba(212,175,55,.3);overflow:hidden;margin:8px 20px 2px}.rk2lp u{display:block;height:100%}
.rk2s{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.rk2s div{text-align:center;background:rgba(0,0,0,.35);border-radius:10px;padding:6px 0;border:1px solid rgba(212,175,55,.18)}.rk2s b{display:block;font:800 16px Cinzel,'Noto Sans KR',sans-serif;color:#fff}.rk2s small{display:block;font-size:10.5px;color:#9f988a}
.rk2c{padding:12px;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#4a3a10,#16140c 70%);border:1.5px solid #d4af37}
.rk2h{display:flex;justify-content:space-between;align-items:center}.rk2h small{display:block;font-size:11px;letter-spacing:.22em;color:#f0d98a;font-weight:800}.rk2h b{display:block;font-size:17px;color:#fff;margin-top:2px}
.rk2r{background:none;border:1px solid rgba(212,175,55,.5);border-radius:10px;padding:6px 11px;color:#f0d98a;font:700 12.5px inherit;font-family:inherit;cursor:pointer}
.rk2br{display:flex;align-items:stretch;gap:4px;margin-top:10px}.rk2st{flex:1;text-align:center;padding:8px 2px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(212,175,55,.25)}.rk2st.on{border-color:#f0d98a;box-shadow:0 0 12px rgba(240,217,138,.3)}.rk2st i{font-style:normal;display:inline-block;font-size:10px;font-weight:900;background:#f0d98a;color:#1a1409;border-radius:6px;padding:0 6px}.rk2st b{display:block;font-size:14px;margin-top:4px;color:#fff}.rk2st small{display:block;font-size:10px;color:#b9b2a2}.rk2ar{align-self:center;color:#d4af37;font-weight:900}
.rk2j{width:100%;border:0;border-radius:16px;height:60px;margin-bottom:12px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-family:inherit;cursor:pointer;position:relative;overflow:hidden;margin-top:12px}
.rk2j b{font-size:18px;font-weight:900}.rk2j small{font-size:12px;font-weight:800;display:flex;align-items:center;gap:4px}.rk2j small .dm{width:14px;height:14px}
.rk2j.ok{background:linear-gradient(#f6dd85,#c69a3a);color:#1a1409;box-shadow:0 4px 0 #7a5a18,0 8px 20px rgba(212,175,55,.35),inset 0 1px 0 rgba(255,255,255,.6)}
.rk2j.ok:after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);animation:rk2sh 2.6s ease-in-out infinite}@keyframes rk2sh{60%,100%{left:130%}}
.rk2j.ok:active{transform:translateY(2px);box-shadow:0 2px 0 #7a5a18}
.rk2j.wt{background:repeating-linear-gradient(135deg,#221a18 0 10px,#1a1412 10px 20px);color:#e8d7c8;border:1.5px solid rgba(255,120,100,.5)}.rk2j.wt small{color:#ff9a8a}
.rk2pd{position:absolute;left:16px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#ff5a4a;animation:rk2pu 1.4s infinite}@keyframes rk2pu{0%{box-shadow:0 0 0 0 rgba(255,90,74,.7)}70%,100%{box-shadow:0 0 0 9px rgba(255,90,74,0)}}
.twt{border:1.5px solid #d4af37!important}.twh{text-align:center;margin-bottom:10px}.twh em{font-style:normal;display:inline-block;font-size:11.5px;font-weight:900;background:#7fe3a0;color:#0c2a1a;border-radius:8px;padding:2px 9px}.twh b{display:block;font-size:17px;color:#f0d98a;margin-top:6px}.twh small{display:block;font-size:12px;color:#9fae9f;margin-top:2px}
.twst{display:flex;justify-content:space-between;font-size:12px;color:#c9c2b4}.twst b{color:#fff}.twpb{display:block;height:6px;border-radius:4px;background:rgba(0,0,0,.5);overflow:hidden;margin:6px 0 8px;border:1px solid rgba(212,175,55,.3)}.twpb u{display:block;height:100%;background:linear-gradient(90deg,#c69a3a,#f0d98a);transition:width .9s linear}
.twr{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(212,175,55,.15);margin-top:6px}.twr.up{border-color:rgba(127,227,160,.55);background:rgba(127,227,160,.08)}.twr em{font-style:normal;width:18px;text-align:center;font-weight:900;color:#f0d98a}.twr .avi.sm{margin-right:0}.twr .tpn{flex:1;min-width:0}.twv{font-size:12px;color:#c9c2b4;white-space:nowrap}.twv b{font-size:15px;color:#fff}.twv .cn{width:12px;height:12px;vertical-align:-1px}
.stage .banner{translate:0 var(--lk,0px)}.stage .banner small{translate:0 var(--le,0px)}
.p2feat,.p3 .p3g{grid-template-columns:repeat(3,minmax(0,1fr))!important}.p3.p3two .p2feat,.p3two .p3g{grid-template-columns:repeat(2,minmax(0,1fr))!important}.p2f .pfv .avi.sm{margin:0!important}.p2f b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em}
.sptabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.sptabs button{position:relative;border-radius:14px;border:1px solid rgba(212,175,55,.35);background:#0c1713;color:#cfc6b0;padding:8px 4px;font-family:inherit;cursor:pointer}.sptabs button b{display:block;font-size:14px}.sptabs button small{display:block;font-size:10.5px;color:#9fae9f;margin-top:1px}
.sptabs button.on{background:linear-gradient(#f2d77a,#c69a3a);color:#1a1409;border-color:#f0d98a}.sptabs button.on small{color:#4a3510}.sptabs .rdot{position:absolute;top:5px;right:6px;width:8px;height:8px;border-radius:50%;background:#ff4a4a}
.spoff .p2feat,.p2list.spoff .p2r{opacity:.55}.spnote{margin:10px 0 4px;padding:9px 10px;border-radius:10px;background:rgba(0,0,0,.35);border:1px dashed rgba(212,175,55,.45);font-size:12.5px;color:#d8cfb8;text-align:center}.spnote b{color:#f0d98a}
.sp-xmas.pass2{background:radial-gradient(120% 140% at 0 0,#5a1420,#10201a 70%)!important}.sp-snow.pass2{background:radial-gradient(120% 140% at 0 0,#1e3a5a,#0e1820 70%)!important}
.spbuy{text-align:center}.spbp{font:900 26px Cinzel,'Noto Sans KR',sans-serif;color:#f0d98a;margin:4px 0 10px}.spwarn{display:flex;gap:8px;align-items:flex-start;text-align:left;padding:10px;border-radius:12px;background:rgba(255,120,100,.1);border:1px solid rgba(255,120,100,.45)}.spwarn svg{width:20px;height:20px;flex:none;color:#ff9a8a;margin-top:1px}.spwarn p{margin:0;font-size:12.5px;line-height:1.55;color:#f1e4d6}.spwarn b{color:#ffb0a0}
.spdd{flex:none;min-width:112px;text-align:center;padding:8px 10px;border-radius:14px;background:rgba(0,0,0,.4);border:1.5px solid #f0d98a;box-shadow:0 0 12px rgba(240,217,138,.25)}.spdd b{display:block;font:900 24px Cinzel,'Noto Sans KR',sans-serif;color:#f0d98a;line-height:1.1}.spdd small{display:block;font-size:11.5px;font-weight:800;color:#fff;margin-top:3px;white-space:nowrap}.spdd.end{border-color:rgba(255,255,255,.25);box-shadow:none}.spdd.end b{color:#bbb}
.sptabs button{padding:12px 4px}.sptabs button b{font-size:15px}
.spdd small,.spdd b{letter-spacing:normal!important}.pass2 .p2f b{font-size:11.5px;letter-spacing:-.04em}
.sprule{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.sprule>div{display:flex;flex-direction:column;gap:2px}.sprule>div span{display:block}
.sptd{flex:none;font-size:12.5px;font-weight:800;color:#d8cfb8;padding:6px 10px;border-radius:10px;background:rgba(0,0,0,.35);border:1px solid rgba(212,175,55,.35)}.sptd em{font-style:normal;color:#f0d98a;font-size:15px}
.sptabs .spt-maple{background:linear-gradient(#3a2212,#1e130b);border-color:rgba(232,116,58,.45);color:#f2c49a}
.sptabs .spt-xmas{background:linear-gradient(135deg,#3a1218,#14281c);border-color:rgba(224,80,90,.45);color:#f4c0c4}
.sptabs .spt-snow{background:linear-gradient(#172a3c,#0e1a26);border-color:rgba(160,210,255,.45);color:#cfe8ff}
.sptabs .spt-maple.on{background:linear-gradient(#f6c08a,#d9824a);color:#3a1a08;border-color:#ffd8b0}
.sptabs .spt-xmas.on{background:linear-gradient(135deg,#f0a0a8,#d65a64 55%,#7fbf8a);color:#3a0a10;border-color:#ffd0d4}
.sptabs .spt-snow.on{background:linear-gradient(#e2f3ff,#9cc8ee);color:#0e2a44;border-color:#f0faff}
.ctabs.ct4{display:grid;grid-template-columns:repeat(4,1fr)}.ctabs.ct4 button{padding-left:2px;padding-right:2px}
.acts .abt,.acts .hbt{flex:0 0 58px!important;padding:4px 0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.acts .abt svg{width:26px;height:26px;color:#9fd8ff}.acts .abt small,.acts .hbt small{font-size:10px;font-weight:800;opacity:.85}
.acts .abt.on{background:linear-gradient(#5fb6ff,#2a6fb0)!important;color:#fff;border-color:#bfe2ff!important;box-shadow:0 0 14px rgba(95,182,255,.6)}.acts .abt.on svg{color:#fff;animation:awp 1.6s ease-in-out infinite}@keyframes awp{50%{transform:translateY(-2px)}}
.acts .hbt{position:relative}.acts .hbt .c.hid{width:26px!important;height:34px!important;font-size:14px!important;margin:0!important}.acts .hbt .hbn{position:absolute;top:3px;right:5px;font-style:normal;font-size:10px;font-weight:900;background:#f0d98a;color:#1a1409;border-radius:8px;padding:0 5px}
.acts [data-a=pass] small .cn{width:12px;height:12px;vertical-align:-2px;margin-right:1px}
.awayb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 6px;padding:7px 10px;border-radius:12px;background:rgba(95,182,255,.12);border:1px solid rgba(95,182,255,.5);font-size:12.5px;color:#d8ecff}.awayb svg{width:20px;height:20px;color:#9fd8ff;flex:none}.awayb b{color:#fff}.awayb small{margin-left:auto;font-size:11px;color:#9fc4e6}
.acts [data-a=pass] small{display:block;font-size:12px;font-weight:800;margin-top:1px}
.awayb small{width:100%;margin-left:28px!important}
.gtop{gap:6px}.gic{width:40px;height:40px;flex:none;border-radius:12px;border:1.5px solid #8a7340;background:linear-gradient(#142720,#0c1713);color:#f0d98a;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.gic svg{width:22px;height:22px}.gic#baway{color:#9fd8ff}.gic#baway.on{background:linear-gradient(#5fb6ff,#2a6fb0);color:#fff;border-color:#bfe2ff;box-shadow:0 0 12px rgba(95,182,255,.6)}.gic:active{transform:scale(.94)}
.acts{gap:7px!important}.acts .btn{height:68px;font-size:18px!important}.acts .tkb,.acts [data-a=pass]{flex:2!important}.acts .hbt{flex:1!important}.acts .tkb small,.acts [data-a=pass] small{font-size:12.5px!important}.acts .tkb,.acts [data-a=pass]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1}.acts .tkb small,.acts [data-a=pass] small{display:flex!important;align-items:center;justify-content:center;gap:2px;height:16px;margin:0!important;line-height:16px!important;opacity:.85}.acts .tkb small .cn,.acts [data-a=pass] small .cn{width:14px!important;height:14px!important;margin:0 1px!important;vertical-align:0!important;flex:none}
.awr{margin-left:auto;height:28px;padding:0 12px;border-radius:9px;border:0;background:linear-gradient(#bfe2ff,#5fb6ff);color:#0c2a44;font:900 12.5px inherit;font-family:inherit;cursor:pointer}
.gtop>span{margin-right:auto}.gtop .wcnt{margin-right:4px}

/* 가벼운 그래픽: 그림자·광택·장식 움직임을 줄여 저사양 폰에서 부드럽게 */
html.lite *,html.lite *::before,html.lite *::after{text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}
html.lite .avt.lock .avi,html.lite .avt.lock b{filter:grayscale(1) brightness(.42)!important}
html.lite .avi.sm.lock{filter:grayscale(1) brightness(.5)!important}
html.lite .cit.lock .cth,html.lite .cit.lock b{filter:grayscale(.85) brightness(.5)!important}
html.lite .dimt{filter:saturate(.4)!important}
html.lite .tbl.hot::after{filter:brightness(.74) saturate(1.15)!important}
html.lite .seat.off .av{filter:grayscale(.85) brightness(.7)!important}
html.lite .fpk-c2 .cbk:first-child{filter:brightness(.88)!important}
html.lite .cb2 .cbk:first-child{filter:brightness(.85)!important}
html.lite .holo.c3,html.lite .fan .holo.c3,html.lite .st,html.lite .rcr,html.lite .fg.lastf .fi,html.lite .tmas,html.lite .pti,html.lite .wf-rays,html.lite .rnb.r10,html.lite .frc.cc i,html.lite .cit .emf.cc,html.lite .t2mas{animation:none!important}
html.lite .hud2 .rch::after,html.lite #st::after,html.lite .rk2j.ok:after{animation:none!important;display:none!important}
html.lite .tring .tpg{animation-timing-function:steps(80)!important}
.tring{will-change:transform;contain:strict}

.avgrid{gap:6px}.avgrid .avt{padding:6px 2px 5px;gap:1px;border-radius:10px}.avgrid .avt .avi{width:40px;height:40px}.avgrid .avt .avg{width:32px;height:32px}.avgrid .avt .avs{font-size:24px}.avgrid .avt b{font-size:11.5px;line-height:1.2}.avgrid .avt small{font-size:9.5px;line-height:1.2}
.cgrid{gap:6px}.cgrid .cit{padding:6px 2px 5px;gap:2px;border-radius:10px}.cgrid .cth{height:60px}.cgrid .cth>*{transform:scale(.82)}.cgrid .cit b{font-size:11.5px;line-height:1.2}.cgrid .cit small{font-size:9.5px;line-height:1.2}
.pc3r{display:flex;gap:12px;align-items:stretch}.pc3c{flex:none;width:126px;height:178px;border-radius:12px;padding:4px;box-sizing:border-box;background:linear-gradient(135deg,#f0d98a,#a67c1d 50%,#f0d98a);box-shadow:0 8px 18px rgba(0,0,0,.55);transform:rotate(-3deg);margin:4px 0 0 2px}.pc3i{position:relative;height:100%;border-radius:9px;background:#f7f1e3;color:#1f5a41;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.pc3i .tl,.pc3i .br{position:absolute;font:800 15px/1 Cinzel,Georgia,serif;text-align:center}.pc3i .tl{left:7px;top:7px}.pc3i .br{right:7px;bottom:7px;transform:rotate(180deg)}.pc3i small{display:block;font-size:8.5px;letter-spacing:.05em}.pc3f{width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1d3a2e,#0c1713);border:2px solid var(--ring,#c9a45c);display:flex;align-items:center;justify-content:center;overflow:hidden}.pc3f .avg{width:50px;height:50px;display:block}.pc3f .avs{font-size:34px}.pc3n{font:800 12px 'Noto Sans KR',sans-serif;color:#2b3a30;margin-top:7px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc3u{font:700 9px Cinzel,Georgia,serif;letter-spacing:.12em;color:#7b7268}.pc3t{margin-top:4px;font:800 9px Cinzel,sans-serif;color:#fff;border-radius:6px;padding:1px 7px;text-shadow:0 1px 1px rgba(0,0,0,.4);letter-spacing:.04em}.pc3s{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.pc3nm{display:flex;align-items:center;gap:6px;min-width:0}.pc3nm b{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pc3pen{flex:none;border:1px solid #8a7340;background:#0c1713;color:#f0d98a;border-radius:8px;width:28px;height:28px;font-size:14px;cursor:pointer;padding:0}.pc3uid{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font:700 11px 'Noto Sans KR',sans-serif;color:#9fae9f;background:rgba(0,0,0,.35);border:1px solid rgba(201,164,92,.3);border-radius:8px;padding:2px 4px 2px 8px}.pc3uid em{font:800 12px Cinzel,Georgia,serif;color:#f1e9d6;font-style:normal;letter-spacing:.06em}.pc3uid button{border:0;background:#d4af37;color:#1a1409;font:800 10px 'Noto Sans KR',sans-serif;border-radius:5px;padding:2px 6px;cursor:pointer}.pc3l{display:flex;justify-content:space-between;align-items:center;gap:6px;background:#0c1713;border:1px solid rgba(201,164,92,.3);border-radius:9px;padding:5px 9px;font-size:12px}.pc3l span{color:#9fae9f;flex:none}.pc3l b{font:800 13px Cinzel,'Noto Sans KR',serif;display:flex;align-items:center;gap:4px;white-space:nowrap;min-width:0}.pc3l b small{font:600 10px 'Noto Sans KR',sans-serif;color:#9fae9f}.pc3l .temb{flex:none}.pc3cr{font-style:normal;display:flex}.pc3cr .ico{width:16px;height:16px}.pc3b{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pc3b div{text-align:center;padding:6px 2px;border-radius:9px;background:rgba(0,0,0,.3);border:1px solid rgba(201,164,92,.25)}.pc3b small{display:block;font-size:10px;color:#9fae9f}.pc3b b{font:800 14px Cinzel,Georgia,serif}.pc3h{display:flex;gap:4px;margin-top:8px;align-items:center;font-size:11px;color:#9fae9f}.pc3h i{font-style:normal;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font:800 11px Cinzel,serif}.pc3h .p1{background:linear-gradient(#f0d98a,#b8902c);color:#1a1409}.pc3h .p2{background:linear-gradient(#eef1f3,#9aa4ad);color:#1a1409}.pc3h .p3{background:linear-gradient(#e0a878,#9a6030);color:#1a1409}.pc3h .px{background:#1a2a22;color:#9fae9f;border:1px solid #2c4036}.pc3 .pfn{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(201,164,92,.35)}
.pc3nm b{font-size:15px!important}.pc3ls b{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11px!important;line-height:1.1}.pc3ls b em{font:800 10.5px 'Noto Sans KR',sans-serif;font-style:normal;white-space:nowrap}.pc3na i{width:20px;height:20px;border-radius:50%;border:1.5px dashed #6b7a70;position:relative;display:block}.pc3na i:after{content:'';position:absolute;left:3px;right:3px;top:50%;height:1.5px;background:#6b7a70;transform:rotate(-45deg)}.pc3na em{color:#7d8b80}.pc3h .rfm{border-radius:50%!important}.pc3h.rcform{display:flex;align-items:center;gap:8px}.pc3h.rcform>small{flex:none;font-size:11px;color:#9fae9f}.pc3h.rcform>div{flex:1;min-width:0;display:flex;gap:4px}
.pc3uid{align-self:stretch!important;justify-content:space-between;box-sizing:border-box;height:auto;padding:5px 9px!important;border-radius:9px!important;background:#0c1713!important;border:1px solid rgba(201,164,92,.3)!important;font:400 12px 'Noto Sans KR',sans-serif!important;color:#9fae9f!important}.pc3uid em{font-size:13px!important}.pc3ls b{height:30px;justify-content:center;margin-top:2px}.pc3na i{width:19px!important;height:19px!important}.pc3b div{display:flex;flex-direction:column;align-items:center}.pc3b b{height:30px;display:flex!important;align-items:center;justify-content:center;margin-top:2px}.pc3pen{margin-left:auto}.rcform>div{justify-content:flex-start!important;gap:5px!important}.pc3na i:after{left:3px!important;right:3px!important}
.pgc{font:600 12px 'Noto Sans KR',sans-serif;color:#9fae9f;margin-left:6px;vertical-align:1px}
.side button{white-space:nowrap;letter-spacing:-.03em}
.fpf .fpc{text-align:left;margin:4px 0 0}.fpf{max-width:380px!important;padding:16px 12px!important}.fpf .fpx{z-index:2}.fpc .fst{align-self:flex-start;font-size:11px}.fpc .pc3c{width:112px;height:160px}.fpc .pc3f{width:58px;height:58px}.fpc .pc3f .avg{width:44px;height:44px}
.fpc small{letter-spacing:0!important}
/* profile card idle motion + shine */.pc3c{position:relative;overflow:hidden;animation:pc3f 3.6s ease-in-out infinite;will-change:transform}@keyframes pc3f{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1.5deg) translateY(-4px)}}.pc3c:after{content:'';position:absolute;top:-20%;bottom:-20%;left:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,250,220,.55),transparent);transform:translateX(-160%) skewX(-18deg);animation:pc3s 5s ease-in-out infinite;pointer-events:none;z-index:2}@keyframes pc3s{0%,72%{transform:translateX(-160%) skewX(-18deg)}88%,100%{transform:translateX(330%) skewX(-18deg)}}html.lite .pc3c,html.lite .pc3c:after{animation:none!important}html.lite .pc3c{transform:rotate(-3deg)}html.lite .pc3c:after{display:none}@media (prefers-reduced-motion:reduce){.pc3c,.pc3c:after{animation:none!important}.pc3c:after{display:none}}
.rex .rexr{justify-content:center!important;gap:12px!important}.rex .rexr>*{flex:none!important}.rex .rplus{margin:0!important;padding:0!important;width:auto!important}
.rex .rgrp2{position:relative;display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:2px;padding-bottom:20px}.rex .rgrp2 u{position:absolute;left:50%;bottom:0;transform:translateX(-50%);flex-basis:auto!important}.rex .rplus{align-self:flex-start!important;margin-top:8px!important}
.rkey i{height:24px;display:flex;align-items:center;justify-content:center}.rkey i .cn{width:17px!important;height:17px!important;vertical-align:0}
.sit .avi.sm .avg{width:50px!important;height:50px!important}.sit .avi.sm .avs{font-size:36px}
/* result A: compact */.rh2{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:10px;border-radius:14px;border:1px solid rgba(127,227,160,.45);background:linear-gradient(100deg,rgba(40,90,60,.55),rgba(8,16,12,.7))}.rh2>div{min-width:0}.rh2 small{display:block;font:700 10px Cinzel,serif;letter-spacing:.3em;color:#9fae9f}.rh2 b{display:block;font:800 22px 'Noto Sans KR',sans-serif;color:#7fe3a0;line-height:1.2}.rh2 span:not(.rh2m){font-size:12px;color:#cfd8cf}.rh2m{width:56px;height:56px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 26px Cinzel,serif;color:#1a1409}.rh2m svg{width:100%;height:100%}.rh2.gL .rh2m{color:#e8d9a8}.rh2.gx .rh2m{background:#1a2a22;color:#cfd8cf;border:1px solid #3a4a42}.rh2.g1{border-color:#d4af37;background:linear-gradient(100deg,rgba(110,85,20,.6),rgba(8,16,12,.7))}.rh2.g1 b{color:#f0d98a}.rh2.g1 .rh2m{background:radial-gradient(circle at 35% 30%,#fff3bf,#e0b440 60%,#a87a18);box-shadow:0 0 18px rgba(240,217,138,.7)}.rh2.g2{border-color:#cfd6dc;background:linear-gradient(100deg,rgba(120,130,140,.35),rgba(8,16,12,.7))}.rh2.g2 b{color:#e6ebef}.rh2.g2 .rh2m{background:radial-gradient(circle at 35% 30%,#fff,#cfd6dc 60%,#8a949c)}.rh2.g3{border-color:#d9955f;background:linear-gradient(100deg,rgba(150,90,40,.4),rgba(8,16,12,.7))}.rh2.g3 b{color:#f0b07a}.rh2.g3 .rh2m{background:radial-gradient(circle at 35% 30%,#ffd9b8,#d9955f 60%,#8a5020)}.rh2.gx b{color:#e8e2d0}.rs .podium{margin:4px 0 0!important}.rs .k1 .pb{height:62px!important}.rs .k2 .pb{height:44px!important}.rs .k3 .pb{height:32px!important}.rs .pb em{font-size:20px!important}.rs .pav{width:44px!important;height:44px!important}.rs .k1 .pav{width:54px!important;height:54px!important}.rs .pn{font-size:12px}.rs .rcr{width:26px;height:18px}.lastl{display:flex;flex-direction:column;gap:6px;margin-top:10px}.lastn{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:12px;border:1px solid rgba(201,164,92,.25);background:rgba(8,16,12,.5)}.lastn .pav{width:34px!important;height:34px!important;flex:none}.lastn .lrk{font:800 17px Cinzel,serif;color:#9fae9f;width:22px;text-align:center}.lastn b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.lastn .sc{font:800 15px Cinzel,serif}.lastn.fl{border:1px dashed rgba(127,227,160,.55);background:rgba(20,40,30,.5)}.lastn.fl .lrk{color:#7fe3a0}.lastn.me b{color:#f0d98a}.lastn .stamp{font:800 10px 'Noto Sans KR',sans-serif;color:#fff;background:#3d8a5a;border-radius:4px;padding:1px 7px;transform:rotate(-6deg);white-space:nowrap}.rwst{padding:10px!important}.rwst .rw{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:6px}.rwst small{display:block;font-size:10.5px;color:#9fae9f}.rwst b{font:800 16px Cinzel,serif;display:inline-flex;align-items:center;gap:3px}.rwst .pup{color:#7fe3a0}.rwst .pdn{color:#ff8f86}.rwst .gold{color:#f0d98a}.rwst .dm{width:15px;height:15px}.rwx{height:6px;border-radius:4px;background:#0a120f;margin-top:8px;overflow:hidden;border:1px solid rgba(201,164,92,.3)}.rwx u{display:block;height:100%;background:linear-gradient(90deg,#b8902c,#f0d98a)}
.rh2 b .rh2d{font-style:normal;display:inline-flex;vertical-align:-2px}.rh2 b .rh2d .dm{width:20px;height:20px}
.tly{position:fixed;z-index:60;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 10px 6px;border-radius:12px;background:rgba(8,16,12,.9);border:1.5px solid #d4af37;box-shadow:0 4px 14px rgba(0,0,0,.6);pointer-events:none;animation:tlyin .3s ease-out both;min-width:64px}@keyframes tlyin{from{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tly b{font:800 18px Cinzel,serif;color:#f0d98a;line-height:1.1}.tly small{font-size:9.5px;color:#cfd8cf;white-space:nowrap}.tlr{font-style:normal;margin-top:3px;font:800 11px 'Noto Sans KR',sans-serif;border-radius:8px;padding:1px 8px;color:#1a1409;animation:tlyp .35s cubic-bezier(.3,1.6,.5,1) both}@keyframes tlyp{from{transform:scale(0)}to{transform:scale(1)}}.tlr.t1{background:linear-gradient(#fff3bf,#d4af37)}.tlr.t2{background:#cfd6dc}.tlr.t3{background:#d9955f}.tlr.tx{background:#2e6a46;color:#cfe8d6}.tlr.tf{background:#3d8a5a;color:#fff}
.tlr{display:inline-block!important;width:auto!important;max-width:none;align-self:center!important;white-space:nowrap}.tly{min-width:0!important;max-width:140px}
body.tallying .tbl .stack .c,body.tallying .tbl .potbar{opacity:0!important;transition:opacity .3s}body.tallying .acts{opacity:.35;pointer-events:none}
/* score settle overlay */.stl{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:calc(16px + env(safe-area-inset-top,0px)) 12px calc(16px + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse at 50% 40%,rgba(16,40,30,.86),rgba(5,10,8,.95));animation:stlin .35s ease-out both}@keyframes stlin{from{opacity:0}to{opacity:1}}.stl.out{animation:stlout .35s ease-in both}@keyframes stlout{to{opacity:0;transform:scale(1.04)}}.stt{text-align:center}.stt small{display:block;font:700 10px Cinzel,serif;letter-spacing:.35em;color:#9fae9f}.stt b{font:800 22px 'Noto Sans KR',sans-serif;color:#f0d98a;letter-spacing:.04em}.stgd{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:440px}.stp{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 12px;border-radius:14px;background:linear-gradient(#142720,#0b1612);border:1px solid rgba(201,164,92,.45);box-shadow:inset 0 0 0 3px #0b1612,inset 0 0 0 4px rgba(212,175,55,.18),0 6px 16px rgba(0,0,0,.45);animation:stpin .4s cubic-bezier(.2,1.3,.5,1) var(--pd) both;min-width:0}@keyframes stpin{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}.stp.me{border-color:#f0d98a;box-shadow:inset 0 0 0 3px #0b1612,inset 0 0 0 4px rgba(240,217,138,.45),0 0 18px rgba(240,217,138,.25)}.sth{display:flex;align-items:center;gap:6px;max-width:100%}.sth b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sth em{font-style:normal;font-size:9px;font-weight:800;background:#d4af37;color:#1a1409;border-radius:6px;padding:0 5px}.sta{width:24px;height:24px;flex:none;border-radius:50%;overflow:hidden;border:1.5px solid #c9a45c;background:radial-gradient(circle at 35% 30%,#1d3a2e,#0c1713);display:flex;align-items:center;justify-content:center}.sta .avg{width:84%;height:84%;display:block}.sta .avs{font-size:14px}.stcs{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 5px;min-height:30px}.stg{display:flex}.stc{font-style:normal;width:20px;height:28px;box-sizing:border-box;border-radius:4px;background:#f7f1e3;border:1px solid #c9a45c;color:var(--k);font:800 10.5px Cinzel,serif;display:flex;align-items:flex-start;justify-content:center;padding-top:3px;box-shadow:inset 0 -3px 0 var(--k),0 2px 3px rgba(0,0,0,.45);animation:stcin .45s cubic-bezier(.2,1.6,.5,1) var(--d) both;transition:opacity .35s,transform .35s,filter .35s,box-shadow .35s}.stg .stc+.stc{margin-left:-9px}@keyframes stcin{0%{opacity:0;transform:translateY(-18px) rotate(-12deg) scale(.6)}60%{opacity:1;transform:translateY(3px) rotate(2deg)}to{opacity:1;transform:none}}.stl.s2 .stc.x{opacity:.28;filter:grayscale(.8);transform:translateY(4px) scale(.9)}.stl.s2 .stc.on{box-shadow:inset 0 -3px 0 var(--k),0 0 0 1.5px #f0d98a,0 0 10px rgba(240,217,138,.75);transform:translateY(-3px);z-index:1}.steq{font:700 11.5px Cinzel,'Noto Sans KR',serif;color:#e8dcb8;text-align:center;line-height:1.5;opacity:0;transform:scale(.7);transition:opacity .3s,transform .35s cubic-bezier(.2,1.6,.5,1);max-width:100%;word-break:keep-all}.steq b{color:#f0d98a}.steq u{text-decoration:none;color:#ff8f86}.stco{display:inline-flex;align-items:center;gap:2px;color:#7fe3a0}.stco .cn{width:11px;height:11px}.stl.s3 .steq{opacity:1;transform:none}.stf{display:flex;align-items:baseline;gap:2px;opacity:0}.stf span{font:800 30px/1 Cinzel,serif;color:#f6df8f;text-shadow:0 0 14px rgba(240,200,80,.6),0 2px 0 #6b4f10}.stf small{font-size:12px;color:#cfd8cf}.stl.s4 .stf{animation:stslam .45s cubic-bezier(.2,1.4,.4,1) both}@keyframes stslam{0%{opacity:0;transform:scale(2.4)}55%{opacity:1;transform:scale(.88)}to{opacity:1;transform:none}}.stl.s4 .stp{animation:stpin .4s cubic-bezier(.2,1.3,.5,1) var(--pd) both,stshk .3s .05s}@keyframes stshk{30%{transform:translateY(2px)}60%{transform:translateY(-1px)}}.stn{font-size:11px;color:#9fae9f}.stnote{margin:0;font-size:11px;color:#9fae9f;text-align:center;opacity:0;transition:opacity .4s}.stl.s2 .stnote{opacity:1}.stl.many .stp{padding:7px 6px 9px;gap:4px}.stl.many .stf span{font-size:24px}html.lite .stl .stc{animation:none}html.lite .stl.s4 .stp{animation:none}@media (prefers-reduced-motion:reduce){.stl *{animation:none!important;transition:none!important}}
.stm{white-space:nowrap}
.stc{position:relative}.stl.s2 .stc.on{z-index:50!important}
.pc.pna .pav{border:1.5px dashed rgba(201,164,92,.45)!important;background:transparent!important;box-shadow:none!important}.pc.pna .pn{color:#7d8b80;font-weight:600}.pc.pna .pb{opacity:.45;filter:grayscale(.4)}
.sndr{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(201,164,92,.18)}.sndr>span{flex:none;width:46px;font-weight:700}.sndr input[type=range]{flex:1;min-width:0;accent-color:#d4af37}.sndr input[disabled]{opacity:.35}.sndr .seg{flex:none}.sndr+.avhd{margin-top:10px}
.hlr>i .cn{width:20px!important;height:20px!important;vertical-align:0}.rmpend{margin-top:8px;padding:8px;border-radius:14px;border:1px dashed rgba(201,164,92,.4);background:rgba(8,16,12,.4)}.rmph{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 2px 6px}.rmph b{font-size:13px;color:#f0d98a}.rmph small{font-size:10.5px;color:#9fae9f}.rmpend .rms{margin:4px 0 0;padding:6px 10px!important;min-height:0!important}.rmpend .avi.sm{width:32px!important;height:32px!important}.rmpend .rms b{font-size:13px}
.quitsc{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at 50% 35%,#16392b,#070d0a 75%);color:#f1e9d6;padding:24px;text-align:center}.quitsc .nmk-em{width:90px;height:90px;color:#d4af37}.quitsc .nmk-em svg{width:100%;height:100%}.quitsc b{font-size:20px;color:#f0d98a}.quitsc small{color:#9fae9f;font-size:13px}.quitsc .btn{margin-top:14px;min-width:160px;height:46px}
.pc3i{box-sizing:border-box}.pc3n,.pc3u,.pc3t{position:relative;top:-7px}.pc3t{max-width:78%;white-space:nowrap;font-size:7.5px!important;letter-spacing:0!important;padding:1px 5px!important;box-sizing:border-box}.pc3f{flex:none}
/* side seats with many cards: name/score on top, faded avatar under cards, up to 3 columns */.seat.crowd>.av{opacity:.25;transition:opacity .3s}.seat.crowd.on>.av{opacity:.55}.seat.crowd>.snm{order:-3;position:relative;z-index:4}.seat.crowd>.offb{order:-2;position:relative;z-index:4}.seat.crowd>span{order:-1;position:relative;z-index:4;background:rgba(5,12,9,.55);border-radius:8px;padding:0 6px}.seat.crowd>.cards{position:relative;z-index:3;margin-top:-46px;max-height:236px!important}.seat.sl.dense .run .c+.c{margin-top:-15px!important}.seat.sr.dense .run .c+.c{margin-bottom:-15px!important;margin-top:0!important}.seat.dense>.cards{gap:2px!important}
html.tourg .tpg{animation-duration:15s!important}
.rdbx h3{margin-bottom:6px}.rdcd{display:flex;align-items:baseline;justify-content:center;gap:4px;margin:0 0 10px}.rdcd b{font:800 30px Cinzel,serif;color:#f0d98a}.rdcd span{font-size:12px;color:#9fae9f}.rdl{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;text-align:left}.rdr{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:12px;background:#0c1713;border:1px solid rgba(201,164,92,.25)}.rdr span{flex:1;min-width:0}.rdr b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rdr b em{font-style:normal;font-size:9px;background:#d4af37;color:#1a1409;border-radius:6px;padding:0 5px}.rdr small{font-size:10.5px;color:#9fae9f;letter-spacing:0}.rdr u{text-decoration:none;font-size:11px;font-weight:800;color:#9fae9f;border:1px solid #3a4a42;border-radius:8px;padding:2px 8px;white-space:nowrap}.rdr.ok u{color:#1a1409;background:#7fe3a0;border-color:#7fe3a0}.rdr.me{border-color:#d4af37}

.mmbtn{display:flex;gap:8px;margin-top:12px}.mmbtn .btn{flex:1;height:46px}.mmbtn .mmiv{flex:1.3}
.mmlist span.me{color:#f0d98a;border-color:#f0d98a;font-weight:800}.mmlist span.fr{color:#7fe3a0;border-color:rgba(127,227,160,.6)}.mmlist span.bot{opacity:.55;border-style:dashed}
.mmpd{font-size:11.5px;color:#cfe8d6;margin-top:8px;text-align:center}
.mmsh{z-index:120}
.mmbx .mmlist{align-items:flex-start;align-content:flex-start}
.rkinv .ivt b{font-size:14.5px;line-height:1.3}.rkinv .ivt span{font-size:11.5px;line-height:1.45}.rkinv .ivt span b{white-space:nowrap}
.twtb{padding:8px 9px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(212,175,55,.18);margin-top:8px}
.twtb.end{opacity:.72}.twtb.live{border-color:#f0d98a;box-shadow:0 0 0 1px rgba(240,217,138,.25)}
.twth{display:flex;align-items:center;gap:8px;font-size:12px;color:#c9c2b4}.twth b{color:#fff;font-size:13px}.twth span{flex:1}
.twth .twsp{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:13px;border:1px solid #c9a45c;background:rgba(201,164,92,.14);color:#f0d98a;font-size:11.5px;font-weight:800;cursor:pointer}
.twth .twsp svg{width:14px;height:14px}
.twtb .twpb{margin:6px 0}
.twrs{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.twrs span{display:flex;align-items:center;gap:5px;min-width:0;font-size:11.5px;padding:3px 6px;border-radius:8px;background:rgba(0,0,0,.22)}
.twrs span.up{background:rgba(127,227,160,.1);box-shadow:inset 0 0 0 1px rgba(127,227,160,.4)}
.twrs em{font-style:normal;font-weight:900;color:#f0d98a;width:10px;text-align:center}
.twrs .avi.sm{width:20px;height:20px;margin:0;flex:none}
.twrs s{text-decoration:none;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8e2d4}
.twrs b{color:#fff}
.invin.rkinv{border:2px solid #f0d98a;background:linear-gradient(135deg,#3a2a0c 0%,#22163d 55%,#0f1a2a 100%);padding:10px 12px 12px;box-shadow:0 0 0 3px rgba(240,217,138,.18),0 12px 34px rgba(0,0,0,.7),0 0 26px rgba(240,190,80,.35);animation:slin .3s,rkglow 1.6s ease-in-out .3s infinite;overflow:hidden}
.invin.rkinv::before{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,240,190,.22),transparent);animation:rkshine 2.4s ease-in-out infinite;pointer-events:none}
@keyframes rkglow{50%{box-shadow:0 0 0 3px rgba(240,217,138,.35),0 12px 34px rgba(0,0,0,.7),0 0 40px rgba(240,190,80,.6)}}
@keyframes rkshine{0%{left:-60%}60%,100%{left:130%}}
.rkiv-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#f0d98a}
.rkiv-hd span{display:inline-flex;align-items:center;gap:5px}.rkiv-hd svg{width:15px;height:15px}.rkiv-hd em{font-style:normal;letter-spacing:0;color:#fff;background:rgba(0,0,0,.35);padding:1px 7px;border-radius:9px}
.rkinv .ivt b u{text-decoration:none;color:#ffd86b}
.rkinv .temb{flex:none;margin-left:auto}
.rkinv .btn.rkgo{background:linear-gradient(#ffe08a,#c9902a);color:#2a1a04;font-weight:900}
html.lite .invin.rkinv{animation:slin .3s}html.lite .invin.rkinv::before{display:none}

.stgd{grid-auto-rows:1fr}
.stp{justify-content:flex-start}
.sth{height:26px;flex:none}
.stcs{flex:1;align-content:center;align-items:center;width:100%;min-height:34px}
.steq{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 4px;min-height:22px;line-height:1.25;font-size:11.5px}
.steq .stm{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.steq .stco{line-height:1;font-size:11.5px}
.steq .stco svg,.steq .stco img,.steq .stco .cn{width:12px!important;height:12px!important;flex:none}
.stf{height:34px;align-items:baseline;justify-content:center;flex:none}
.tbk .tbkh{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:4px 0 4px}
.tbk .tbkh span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(201,164,92,.45);font-size:13px;font-weight:800;color:#e8e2d0}
.tbk .tbkh span.me{border-color:#f0d98a;color:#f0d98a}
.tbk .tbkh b{font:800 15px Cinzel,serif;color:#fff;min-width:18px;text-align:center}
.tbk .tbkh em{font-style:normal;font-size:11px;color:#9fae9f;font-weight:800}
.btn.rnext{height:50px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}
#re.rnext{margin:0}
.btn .rcd{font-size:12px;font-weight:800;background:rgba(0,0,0,.25);padding:2px 8px;border-radius:10px}
#re0{margin-bottom:10px}

.mmrg{display:inline-block;margin-top:6px;font-size:11px;font-weight:800;color:#7fe3a0;background:rgba(127,227,160,.1);border:1px solid rgba(127,227,160,.35);border-radius:10px;padding:2px 9px;letter-spacing:0}

.gpr{position:absolute;inset:-6px;pointer-events:none;z-index:4;border-radius:50%}
.gpr svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible;filter:drop-shadow(0 0 5px rgba(255,210,90,.9))}
.gpr circle{fill:none;stroke:#ffd45e;stroke-width:6;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:0;animation:gpr 15s linear var(--gd,0ms) both}
@keyframes gpr{to{stroke-dashoffset:289}}
.gftop{display:flex;align-items:center;justify-content:center;gap:8px}
.gfov .pvbox{position:relative}
.gfcd{position:absolute;right:10px;top:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}
.gfcd svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.gfcd circle{fill:rgba(0,0,0,.35);stroke:#ffd45e;stroke-width:7;stroke-linecap:round;stroke-dasharray:277;animation:gfcd 15s linear var(--gd,0ms) both}
@keyframes gfcd{to{stroke-dashoffset:277}}
.gfcd b{position:relative;font:800 13px Cinzel,serif;color:#ffe9a0}
html.lite .gpr svg{filter:none}

.lgbtns{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.lgnote{margin:0!important;text-align:center}
.lgb{height:52px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
.lg-g{background:#fff!important;color:#1f1f1f!important;border:1px solid #dadce0!important;box-shadow:0 2px 8px rgba(0,0,0,.35)!important}
.lg-e{background:linear-gradient(#f0d98a,#c9a030)!important;color:#1a1409!important}
.lgi{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;font-style:normal;font-size:18px}.lgi svg{width:100%;height:100%}
.lgsheet{text-align:left;background:linear-gradient(#16271f,#0b1410);border:1px solid #8a7340;border-radius:18px;padding:18px 16px}
.lgsh-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}.lgsh-h b{font-size:18px;color:#f0d98a}
.lgsheet input[type=email],.lgsheet .lgcode{width:100%;box-sizing:border-box;height:52px;padding:0 14px;font:700 17px inherit;font-family:inherit;border-radius:12px;border:1.5px solid #8a7340;background:#0c1713;color:#f1e9d6;outline:none}
.lgsheet .lgcode{letter-spacing:.5em;text-align:center;font-size:22px}
.lgcdt{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9fae9f;margin-top:6px}.lgcdt .bad{color:#ff8f86}
.lgln{background:none;border:0;color:#f0d98a;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;padding:2px 4px}
.agr{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid rgba(201,164,92,.15);cursor:pointer;font-size:13.5px;color:#e8e2d4}
.agr input{position:absolute;opacity:0;pointer-events:none}
.agr .agc{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid #8a7340;background:#0c1713;position:relative}
.agr.on .agc{background:#d4af37;border-color:#f0d98a}.agr.on .agc::after{content:'';position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #1a1409;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.agr span{flex:1;min-width:0}.agr em{font-style:normal;font-size:11px;font-weight:800;margin-right:6px}.agr em.rq{color:#ff9a8a}.agr em.op{color:#9fae9f}
.agr.all{background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.35);border-radius:12px;padding:12px 10px;margin-bottom:4px}
.agr.all span{display:flex;flex-direction:column}.agr.all b{font-size:15px;color:#f0d98a}.agr.all small{font-size:11px;letter-spacing:0;color:#9fae9f}
.agr.dis{opacity:.45}
.nmk-frog{flex:none;width:64px;height:64px;border-radius:16px;border:2px solid #d4af37;background:radial-gradient(circle at 35% 30%,#1d3a2e,#0c1713);display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px rgba(212,175,55,.3)}
.nmk-frog svg,.nmk-frog .avg{width:88%;height:88%}
.nmin{position:relative}.nmin input{padding-right:58px!important}
.dice{position:absolute;right:6px;top:6px;width:40px;height:40px;border-radius:10px;border:1px solid #8a7340;background:#13241c;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.dice svg{width:26px;height:26px}.dice.roll svg{animation:diceroll .5s cubic-bezier(.3,1.4,.5,1)}
@keyframes diceroll{0%{transform:rotate(0) scale(.8)}60%{transform:rotate(300deg) scale(1.15)}100%{transform:rotate(360deg) scale(1)}}

.lg-a{background:#000!important;color:#fff!important;border:1px solid #333!important}
.agsel{display:flex;gap:8px}.agsel select{flex:1;height:52px;border-radius:12px;border:1.5px solid #8a7340;background:#0c1713;color:#f1e9d6;font:700 16px inherit;font-family:inherit;padding:0 12px;outline:none}
.agpp{display:flex;align-items:center;gap:8px;font-size:12px;color:#9fae9f;padding:12px 4px 0;line-height:1.5}.agpp span{flex:1}.agpp b{color:#e8e2d4}
.agfrog{width:64px;height:64px;margin:0 auto 8px;border-radius:50%;border:2px solid #d4af37;background:radial-gradient(circle at 35% 30%,#1d3a2e,#0c1713);display:flex;align-items:center;justify-content:center}.agfrog .avg,.nmk-frog .avg{width:84%!important;height:84%!important;display:flex!important;align-items:center;justify-content:center}.agfrog .avg svg,.nmk-frog .avg svg{width:100%;height:100%;display:block}
.pksub{display:block;font-size:11px;color:#9fae9f;margin-top:2px;word-break:break-all}
.lkbox .lgbtns{margin-top:0}.lkbox .lgb{height:46px;font-size:15px}
.lki{width:100%;box-sizing:border-box;height:50px;padding:0 14px;font:700 16px inherit;font-family:inherit;border-radius:12px;border:1.5px solid #8a7340;background:#0c1713;color:#f1e9d6;outline:none}
.lki.lgcode{letter-spacing:.5em;text-align:center;font-size:20px}

.psbox{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:26px 20px 14px!important}
.psbox small{letter-spacing:.32em;font-size:11px}.psbox h3{margin:0;font-size:22px;color:#f0d98a}
.psfrog{position:relative;width:104px;height:104px;border-radius:50%;border:2.5px solid #d4af37;background:radial-gradient(circle at 35% 30%,#1d3a2e,#0c1713);display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px rgba(212,175,55,.35)}
.psav{width:80%;height:80%;display:flex;align-items:center;justify-content:center}.psav .avg{width:100%!important;height:100%!important;display:flex!important;align-items:center;justify-content:center}.psav svg{width:100%;height:100%;display:block}
.psbell{position:absolute;right:-4px;top:-2px;width:38px;height:38px;border-radius:50%;background:#f0d98a;border:2px solid #13241c;display:flex;align-items:center;justify-content:center;animation:psring 2.4s ease-in-out infinite;transform-origin:50% 10%}.psbell svg{width:21px;height:21px}
@keyframes psring{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(14deg)}80%{transform:rotate(-12deg)}85%{transform:rotate(8deg)}90%{transform:rotate(-5deg)}}
html.lite .psbell{animation:none}
.psl{width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}
.psr{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#0c1913;border:1px solid rgba(201,164,92,.28)}
.psr i{flex:none;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--pc);background:color-mix(in srgb,var(--pc) 14%,transparent)}.psr i svg{width:21px;height:21px}
.psr span{display:flex;flex-direction:column;gap:1px}.psr b{font-size:14.5px;color:#fff}.psr small{font-size:12px;letter-spacing:0;color:#b8c2b8}
.psok{width:100%;height:52px;font-size:17px;margin-top:2px}
.psno{height:40px;padding:0 16px;border:0;background:none;color:#b8c2b8;font:inherit;font-size:13.5px;text-decoration:underline;cursor:pointer}

.stabs.st4 button{font-size:13px}
.stbox .pk:first-child{border-top:0}
.sthd{font-size:11.5px;font-weight:800;color:#c9a45c;letter-spacing:.06em;margin:14px 2px 2px}
.stok{font-size:12px;font-weight:800;color:#7fe3a0;border:1px solid rgba(127,227,160,.45);border-radius:10px;padding:3px 9px}
.stgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stgrid .btn{height:46px;font-size:13.5px;padding:0 6px}
.stdel{color:#ff8f86!important;border-color:rgba(255,143,134,.45)!important}

.delbox{max-width:420px}.delbox h3{font-size:18px}
.dell{margin:8px 0 0;padding:12px 12px 12px 28px;border-radius:12px;background:rgba(255,143,134,.07);border:1px solid rgba(255,143,134,.3);text-align:left;font-size:12.5px;line-height:1.55;color:#e8e2d4;display:flex;flex-direction:column;gap:6px}
.dell b{color:#ffb3ab}
.delrs{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px;border-radius:14px;border:1px solid rgba(240,217,138,.45);background:rgba(240,217,138,.08);text-align:left}
.delrs span{flex:1;display:flex;flex-direction:column;gap:2px}.delrs b{font-size:13.5px;color:#f0d98a}.delrs small{font-size:11.5px;letter-spacing:0;color:#b8c2b8}.delrs .btn{height:42px;padding:0 14px;font-size:14px}

.flcf{text-align:center}
.flsw{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 12px}
.flsw span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:14px;background:#0c1913;border:1px solid rgba(201,164,92,.3);min-width:76px}
.flsw span.to{border-color:#f0d98a;box-shadow:0 0 12px rgba(240,217,138,.25)}
.flsw i{font-style:normal;font-size:34px;line-height:1}.flsw small{font-size:12px;letter-spacing:0;color:#cfd8cf}.flsw b{color:#f0d98a;font-size:20px}
.flcost{font-size:14px;color:#e8e2d4;padding:10px;border-radius:12px;background:rgba(240,217,138,.08);border:1px solid rgba(240,217,138,.35)}.flcost b{color:#f0d98a;font-size:17px}.flcost small{display:block;margin-top:3px;font-size:11.5px;letter-spacing:0;color:#9fae9f}
.flfree{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:rgba(255,154,106,.1);border:1.5px solid rgba(255,154,106,.6)}
.flfree b{font-size:15px;color:#7fe3a0}.flfree span{font-size:13px;line-height:1.55;color:#f1e9d6}.flfree em{font-style:normal;font-weight:800;color:#ffb38a}
.flfr{color:#ffb38a;font-weight:700}

.rkinv .ivt b{font-size:15.5px!important;line-height:1.35!important}.rkinv .ivt b em{font-style:normal;color:#fff}
.rkchips{display:flex;gap:6px;margin:10px 0 2px;flex-wrap:nowrap}
.rkchips span{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:14px;background:rgba(0,0,0,.32);border:1px solid rgba(240,217,138,.28);font-size:12px;font-weight:700;color:#e8e2d4;white-space:nowrap}
.rkchips .temb{width:20px!important;height:20px!important;margin-left:-4px}
.rkchips .rkc-f{color:#f0d98a;border-color:rgba(240,217,138,.6)}.rkchips .dm{width:12px;height:12px}
/* 중앙 카드 3D 플립: 금테까지 카드 전체가 함께 뒤집힘 */
.fan .holo.c3{background:none;padding:0;box-shadow:none;cursor:pointer}
.fan .holo.c3 .card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:perspective(900px) rotateY(0deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.fan .holo.c3.flipped .card-inner{transform:perspective(900px) rotateY(180deg)}
.fan .holo.c3 .cface{position:absolute;inset:0;padding:5px;border-radius:18px;box-sizing:border-box;background:linear-gradient(135deg,#f0d98a,#a67c1d 50%,#f0d98a);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.fan .holo.c3 .cface.back{transform:rotateY(180deg)}
.fan .holo.c3 .cface .pcard{width:100%;height:100%}

.fan .holo.c3 .card-back {
  transform: rotateY(180deg);
}

/* 튜토리얼 테이블: 4방향 좌석 (위 Sofia · 왼쪽 Adrian · 오른쪽 Kenji · 아래 나) */
.t2tbl{display:grid!important;grid-template-columns:64px minmax(0,1fr) 64px;grid-template-areas:". top ." "left mid right" "me me me";align-items:center;justify-items:center;row-gap:8px;column-gap:4px}
.t2opp{display:contents}
.t2o0{grid-area:left}.t2o1{grid-area:top}.t2o2{grid-area:right}
.t2mid{grid-area:mid}.t2me{grid-area:me}

/* 튜토리얼 첫 화면: 최종 결과 보드 */
.t2tbl.t2res{display:flex!important;flex-direction:column;justify-content:center;gap:10px;padding:16px 12px}
.t2rr{position:relative;width:100%;box-sizing:border-box;display:grid;grid-template-columns:44px 52px minmax(0,1fr) 54px;align-items:center;gap:8px;padding:10px 10px;border-radius:16px;background:rgba(0,0,0,.28);border:1.5px solid rgba(201,164,92,.3);animation:t2rin .5s cubic-bezier(.3,1.4,.5,1) both}
@keyframes t2rin{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.t2rk{display:flex;flex-direction:column;align-items:center;gap:1px}.t2rk i{font-style:normal;display:flex}.t2rk i .ui{width:26px;height:26px}.t2rk b{font-size:12px;color:#e8e2d0;white-space:nowrap}
.t2rp{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.t2rp .avi.sm{width:38px;height:38px;margin:0;border-radius:50%}.t2rp .avi.sm .avg{width:32px;height:32px}.t2rp small{font-size:11px;color:#cfd8cf;white-space:nowrap}
.t2rcs{display:flex;gap:5px;flex-wrap:nowrap;justify-content:center;min-width:0}
.t2rcs .c.lg{min-width:0!important;width:36px;height:52px;font-size:19px!important;justify-content:center!important;align-items:center!important;padding:0!important;flex:0 1 36px}
.t2rs{text-align:right;line-height:1}.t2rs b{font:900 28px Cinzel,Georgia,serif;color:#fff}.t2rs small{display:block;font-size:11px;color:#9fae9f;margin-top:2px}
.t2rr.r1{border:2px solid #f0d98a;background:linear-gradient(90deg,rgba(240,217,138,.24),rgba(0,0,0,.25));box-shadow:0 0 18px rgba(240,217,138,.35)}
.t2rr.r1 .t2rk b,.t2rr.r1 .t2rs b{color:#ffe08a}
.t2rr.r4{border:2px solid rgba(127,227,160,.7);background:linear-gradient(90deg,rgba(40,120,70,.45),rgba(0,0,0,.25))}
.t2rr.r4 .t2rk b{color:#9fe8b8}.t2rr.r4 .t2rs b{color:#ff9a8a}
.t2rr.r2,.t2rr.r3{opacity:.92}
.t2win,.t2frog{position:absolute;top:-9px;right:12px;font-style:normal;font-size:11px;font-weight:900;padding:2px 9px;border-radius:8px;letter-spacing:.06em}
.t2win{background:linear-gradient(#ffe9a0,#d4a43a);color:#1a1409;box-shadow:0 0 10px rgba(255,215,90,.7)}
.t2frog{background:#3d8a5a;color:#fff;transform:rotate(-4deg)}
@media (max-width:380px){.t2rr{grid-template-columns:38px 46px minmax(0,1fr) 46px;gap:5px;padding:9px 7px}.t2rcs .c.lg{width:31px;height:45px;font-size:16px!important}.t2rs b{font-size:23px}}

.t2bub p{word-break:keep-all}
.t2bub p b.t2g1,.t2bub p b.t2gf{white-space:nowrap}
.t2bub p b.t2g1{color:#a8700a;background:linear-gradient(transparent 58%,rgba(240,200,80,.45) 58%);padding:0 2px}
.t2bub p b.t2gf{color:#1f7a44;background:linear-gradient(transparent 58%,rgba(90,200,130,.35) 58%);padding:0 2px}

/* 튜토리얼 첫 장 제목: 반짝이는 WINNER */
.t2wnr{position:relative;display:inline-block;font:900 1.12em Cinzel,Georgia,serif;letter-spacing:.04em;background:linear-gradient(100deg,#9a6410 0%,#d9a22c 30%,#fff3b8 45%,#d9a22c 60%,#9a6410 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wnrsh 2.4s linear infinite;filter:drop-shadow(0 1px 0 rgba(120,80,10,.25))}
@keyframes wnrsh{from{background-position:150% 0}to{background-position:-100% 0}}
.t2wnr i{position:absolute;width:9px;height:9px;pointer-events:none;background:#f2c13a;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:wnrtw 1.6s ease-in-out infinite;opacity:0}
.t2wnr i:nth-child(1){top:-6px;left:-7px}
.t2wnr i:nth-child(2){top:-8px;right:-4px;width:11px;height:11px;animation-delay:.55s}
.t2wnr i:nth-child(3){bottom:-4px;right:38%;width:7px;height:7px;animation-delay:1.1s}
@keyframes wnrtw{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
html.lite .t2wnr,html.lite .t2wnr i{animation:none!important}html.lite .t2wnr{background-position:50% 0}
@media (prefers-reduced-motion:reduce){.t2wnr,.t2wnr i{animation:none!important}}

/* 튜토리얼 색 규칙: 주황=행동 · 금색=이득 · 파랑=연속 숫자 · 초록=개구리 · 빨강=손해 */
.t2bub p b.t2bl,.t2bub p b.t2rd{padding:0 2px}
.t2bub p b.t2bl{color:#1f5fa8;background:linear-gradient(transparent 58%,rgba(110,170,255,.35) 58%)}
.t2bub p b.t2rd{color:#c4161c;background:linear-gradient(transparent 58%,rgba(255,120,110,.3) 58%)}
.t2bub p b.t2g1,.t2bub p b.t2gf,.t2bub p b.t2bl,.t2bub p b.t2rd{white-space:nowrap}
.t2bub>b{font-size:16px}
/* 결과판: 연속 숫자 묶음 */
.t2grp{display:inline-flex}.t2grp.run{padding:3px;border-radius:9px;background:rgba(110,170,255,.18);box-shadow:inset 0 0 0 1.5px rgba(140,190,255,.6)}
.t2grp.run .c.lg+.c.lg{margin-left:-20px}
.t2rcs{gap:6px!important}
.t2rs small{white-space:nowrap;display:flex!important;margin-top:3px;align-items:center;gap:2px;justify-content:flex-end}.t2rs small .cn{width:10px;height:10px}
/* 규칙 정리 카드 */
.t2rc{gap:8px!important}
.t2rc>div{position:relative;align-items:flex-start!important;text-align:left!important;padding:10px 10px 10px 14px!important;overflow:hidden;--c:#e8873a}
.t2rc>div::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}
.t2rc>div i{font-size:22px!important}.t2rc>div i .ui{width:22px;height:22px;color:var(--c)}
.t2rc>div b{color:var(--c)!important}
.t2c-o{--c:#f0a050!important}.t2c-g{--c:#f0d060!important}.t2c-b{--c:#7fb8ff!important}.t2c-r{--c:#ff7a6a!important}

/* 결과판 크기 재조정: 점수칸이 잘리지 않게 */
.t2rr{grid-template-columns:40px 46px minmax(0,1fr) auto!important;gap:6px!important;padding:10px 10px 10px 8px!important}
.t2rcs{gap:4px!important;justify-content:flex-start!important}
.t2rcs .c.lg{width:32px!important;height:46px!important;flex:none!important;font-size:17px!important}
.t2grp.run .c.lg+.c.lg{margin-left:-19px!important}
.t2grp.run .c.lg:not(:last-child){justify-content:flex-start!important;align-items:flex-start!important;padding:4px 0 0 3px!important;font-size:12px!important}
.t2rs{min-width:50px}.t2rs b{font-size:26px}.t2rs small{font-size:10px!important}
@media (max-width:380px){.t2rr{grid-template-columns:34px 42px minmax(0,1fr) auto!important;gap:4px!important}.t2rcs .c.lg{width:28px!important;height:41px!important;font-size:15px!important}.t2grp.run .c.lg+.c.lg{margin-left:-17px!important}.t2rs b{font-size:22px}.t2rp .avi.sm{width:32px;height:32px}.t2rp .avi.sm .avg{width:27px;height:27px}}

/* 퀴즈 식: 27 + 28 + 29 = ?? */
.t2eq{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 2px;font:900 20px Cinzel,Georgia,serif;color:#5a4a30}
.t2eq i{font-style:normal;min-width:38px;padding:4px 0;text-align:center;border-radius:8px;background:#fff;color:#1f5fa8;box-shadow:inset 0 -3px 0 #7fb0ee,0 1px 3px rgba(0,0,0,.2)}
.t2eq em{font-style:normal;min-width:44px;padding:4px 0;text-align:center;border-radius:8px;background:linear-gradient(#ffe9a0,#e6b93a);color:#5a3a08;box-shadow:0 0 10px rgba(240,200,80,.6);animation:t2qq 1.2s ease-in-out infinite}
@keyframes t2qq{50%{transform:scale(1.08)}}
html.lite .t2eq em{animation:none}
.t2q .btn.t2bad{border-color:#ff7a6a!important;color:#ff9a8a!important;background:rgba(200,40,30,.18)!important;text-decoration:line-through;position:relative}
.t2q .btn.t2bad::after{content:'✕';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:900;color:#ff7a6a;text-decoration:none}
.t2eq.ok i:not(.on){opacity:.4;text-decoration:line-through}.t2eq.ok i.on{background:linear-gradient(#ffe9a0,#e6b93a);color:#5a3a08;box-shadow:0 0 10px rgba(240,200,80,.6)}.t2eq.ok em{animation:none}
.t2log{margin-top:2px;padding:4px 12px;border-radius:12px;background:rgba(0,0,0,.45);border:1px solid rgba(201,164,92,.4);font-size:12.5px;color:#e8e2d0;white-space:nowrap;animation:pop2 .3s}.t2log b{color:#f0d98a}.t2log b.lg{color:#ffd86b}
.t2mid{width:min(236px,100%);box-sizing:border-box}.t2log{white-space:normal!important;text-align:center;max-width:100%}

/* 튜토리얼 테이블: 게임 테이블처럼 모서리를 깎은 팔각형 + 금테 + 모서리 문양 */
.t2tbl{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;isolation:isolate;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));padding:18px 14px!important}
.t2tbl::before{content:'';position:absolute;inset:0;z-index:-2;clip-path:polygon(9% 0,91% 0,100% 6.5%,100% 93.5%,91% 100%,9% 100%,0 93.5%,0 6.5%);background:linear-gradient(color-mix(in srgb,#3a2414 85%,#fff 6%),#2b1d12)}
.t2tbl::after{content:'';position:absolute;inset:8px;z-index:-2;pointer-events:none;clip-path:polygon(9% 0,91% 0,100% 6.5%,100% 93.5%,91% 100%,9% 100%,0 93.5%,0 6.5%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='9,0.7 91,0.7 99.3,6.5 99.3,93.5 91,99.3 9,99.3 0.7,93.5 0.7,6.5' fill='none' stroke='%23c9a45c' stroke-width='2.2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat,radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.35) 100%),repeating-linear-gradient(45deg,rgba(240,217,138,.05) 0 1px,transparent 1px 22px),repeating-linear-gradient(-45deg,rgba(240,217,138,.05) 0 1px,transparent 1px 22px),radial-gradient(ellipse at center,#1f6b4d,#0f3d2c 80%)}
.t2orn{position:absolute;z-index:-1;width:54px!important;height:54px!important;margin:0}
.t2orn.t2o-lt{left:30px;top:30px}.t2orn.t2o-rt{right:30px;top:30px}.t2orn.t2o-lb{left:30px;bottom:30px}.t2orn.t2o-rb{right:30px;bottom:30px}
.t2em{position:absolute;left:50%;top:50%;width:min(40%,170px);opacity:.75;aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}.t2em svg{width:100%;height:100%;display:block}
.t2tbl>:not(.t2orn):not(.t2em){position:relative;z-index:1}

/* 튜토리얼 테이블: 내용이 테이블 밖으로 넘치지 않게 · 결과판 간격 · 연속 카드 숫자 정렬 */
.t2tbl{flex:1 0 auto!important;padding:24px 16px 30px!important}
.t2tbl.t2res{gap:6px!important;padding:30px 22px!important}
.t2rr{padding:8px 9px 8px 7px!important}
.t2me{margin-bottom:4px}
.t2grp.run{padding:2px!important}
.t2grp.run .c.lg+.c.lg{margin-left:-12px!important}
.t2grp.run .c.lg,.t2grp.run .c.lg:not(:last-child){justify-content:center!important;align-items:center!important;padding:0!important;font-size:17px!important}
.t2grp.run .c.lg:not(:last-child){justify-content:flex-start!important;padding-left:3px!important;letter-spacing:-.04em}
@media (max-width:380px){.t2grp.run .c.lg+.c.lg{margin-left:-10px!important}.t2grp.run .c.lg,.t2grp.run .c.lg:not(:last-child){font-size:15px!important}.t2grp.run .c.lg:not(:last-child){padding-left:2px!important}.t2tbl.t2res{padding:28px 16px!important}}
/* 결과판: 남는 높이를 줄 사이에 고르게 나누고, 위아래는 모서리 문양 아래부터 */
.t2tbl.t2res{flex:0 0 auto!important;margin:auto 0;justify-content:center!important;gap:14px!important;padding:72px 22px!important}
.t2res .t2rr{min-height:76px}
@media (max-width:380px){.t2tbl.t2res{padding:72px 16px!important;gap:12px!important}.t2res .t2rr{min-height:70px}}
/* 가운데 상자: 진행 문구 두 줄 자리를 항상 비워 둬서 크기가 일정하게 */
.t2logw{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center}
.t2logw .t2log{margin-top:0}
.t2mid{padding-bottom:6px}
.t2empty{width:84px!important;height:116px!important;box-sizing:border-box}
.t2rc>div i .cn{width:17px!important;height:17px!important;vertical-align:0}.t2rc>div i{height:24px;display:flex;align-items:center}

/* 메인 카드 3장 회전 전환 */
.stage .side{z-index:4}.stage .fan{z-index:1}
.fan{transform-origin:50% 240%}
.fan.out-cw{animation:fanOutCw .3s cubic-bezier(.5,0,.9,.5) forwards}
.fan.out-ccw{animation:fanOutCcw .3s cubic-bezier(.5,0,.9,.5) forwards}
.fan.in-cw{animation:fanInCw .46s cubic-bezier(.15,.85,.3,1.12) both}
.fan.in-ccw{animation:fanInCcw .46s cubic-bezier(.15,.85,.3,1.12) both}
@keyframes fanOutCw{to{transform:rotate(42deg);opacity:0}}
@keyframes fanOutCcw{to{transform:rotate(-42deg);opacity:0}}
@keyframes fanInCw{from{transform:rotate(-42deg);opacity:0}to{transform:none;opacity:1}}
@keyframes fanInCcw{from{transform:rotate(42deg);opacity:0}to{transform:none;opacity:1}}
.banner{transition:opacity .2s}
/* 테이블별 가운데 카드 개구리 색: 일반=연한 초록, 고수=황금빛 */
.fan.ft1 .holo.c3 .mas svg>path:first-of-type,.fan.ft1 .holo.c3 .mas svg>circle:nth-of-type(3),.fan.ft1 .holo.c3 .mas svg>circle:nth-of-type(4){fill:#cfe6b8}
.fan.ft2 .holo.c3 .mas svg>path:first-of-type,.fan.ft2 .holo.c3 .mas svg>circle:nth-of-type(3),.fan.ft2 .holo.c3 .mas svg>circle:nth-of-type(4){fill:#f2cf5b}
.fan.ft2 .holo.c3 .mas{filter:drop-shadow(0 0 6px rgba(240,200,80,.55))}
@media (prefers-reduced-motion:reduce){.fan.in-cw,.fan.in-ccw,.fan.out-cw,.fan.out-ccw{animation-duration:.01s}}

/* 국기 이모지: Windows는 국기 이모지가 없어서 "US"처럼 글자로 보여요 → 국기 전용 글꼴(Twemoji Country Flags)로 모든 기기에서 국기 표시.
   unicode-range로 국기 문자에만 적용되니 다른 글자에는 영향이 없어요 */
@font-face{font-family:"Twemoji Country Flags";unicode-range:U+1F1E6-1F1FF,U+1F3F4,U+E0062-E007F;src:url("https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1.10/dist/TwemojiCountryFlags.woff2") format("woff2");font-display:swap}
.nflag,.pff,.rmfl,.flc i,.flsw i{font-family:"Twemoji Country Flags","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important}

/* 설정 > 언어 선택 */
.langsel{appearance:none;-webkit-appearance:none;min-width:150px;height:34px;padding:0 30px 0 12px;border-radius:10px;border:1px solid rgba(201,164,92,.55);background:rgba(0,0,0,.25) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f0d98a' stroke-width='1.8'/%3E%3C/svg%3E") right 10px center/11px no-repeat;color:#f0d98a;font:700 13px inherit;font-family:inherit;cursor:pointer}
.langsel option{background:#14211b;color:#eee8de}
/* 중국어·일본어는 그 나라 글꼴 모양으로 (한국어 글꼴의 한자 모양 대신) */
html[data-lang="ja"] body{font-family:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif}
html[data-lang="zh-Hans"] body{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
html[data-lang="zh-Hant"] body{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
/* 띄어쓰기가 없는 언어는 글자 단위로 줄바꿈 (한국어용 keep-all 해제) */
html[data-lang="ja"] *,html[data-lang="zh-Hans"] *,html[data-lang="zh-Hant"] *{word-break:normal!important;line-break:strict}

/* 우편함: 목록(종류·제목·아이템 수) → 상세 */
.mlrow{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:10px 12px;margin-bottom:6px;border-radius:12px;background:#0c1713;border:1px solid rgba(201,164,92,.3);color:inherit;font:inherit;text-align:left;cursor:pointer}
.mlrow:active{transform:scale(.99)}
.mlrow.got{opacity:.55}
.mlrt{flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}
.mlnew{flex:none;width:7px;height:7px;border-radius:50%;background:#ff6b5a;box-shadow:0 0 6px rgba(255,107,90,.7)}
.mlrn{flex:none;font-size:12px;color:#f0d98a;font-weight:700}
.mlrow.got .mlrn{color:#9fae9f}
.mlar{flex:none;color:#8a7340;font-size:20px;line-height:1}
.mld .mlbk{background:none;border:0;color:#cfd8cf;font:inherit;font-size:13px;padding:0 0 10px;cursor:pointer}
.mldh{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.mldh h3{margin:0;font-size:17px;line-height:1.35}
.mldb{margin:0 0 14px;font-size:13.5px;line-height:1.6;color:#e8e2d0;white-space:pre-line}
.mlg{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-bottom:14px}
.mlgi{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 9px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(201,164,92,.28);text-align:center}
.mlgi.got{opacity:.5}
.mlgi .rwi{width:56px;height:56px;border-radius:12px}
.mlgi .rwi .dm{width:38px;height:38px}
.mlgi .rwi .avg{width:46px;height:46px}
.mlgi .rwi .cbk.mini2{width:30px;height:42px}
.mlgi .rwi .tbm.mini2{width:50px;height:34px}
.mlgi .rwi.ad{font:900 13px Cinzel,Georgia,serif;color:#f0d98a;letter-spacing:.02em}
.mlgi b{font-size:12px;line-height:1.25;word-break:keep-all}
.mlgi small{font-size:11px;color:#9fae9f}
.mlget{width:100%;height:48px}
.mldt{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#9fae9f}
.mldt b{color:#cfd8cf;font-weight:700}

/* 우편 아이템 칸: 모든 아이콘을 같은 크기의 상자 가운데에 */
.mlgi{justify-content:flex-start}
.mlgi .rwi{flex:none;display:flex!important;align-items:center;justify-content:center;width:64px!important;height:64px!important;margin-bottom:2px;border-radius:14px;border:0;background:radial-gradient(circle at 50% 45%,rgba(240,217,138,.13),rgba(0,0,0,0) 70%);overflow:visible}
.mlgi .rwi>*{flex:none;margin:0!important}
.mlgi .rwi .dm{width:42px!important;height:42px!important;transform:translateY(3px);filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.mlgi .rwi .cbk.mini2{width:38px!important;height:54px!important;border-radius:6px!important;border-width:2px!important}
.mlgi .rwi .cbk.mini2 i{font-size:15px!important}
.mlgi .rwi .tbm.mini2{width:62px!important;height:42px!important;border-radius:18px!important}
.mlgi .rwi .emf.mini2{width:46px!important;height:46px!important;border-radius:11px!important}
.mlgi .rwi .emf.mini2 .avg{width:34px!important;height:34px!important}
.mlgi .rwi>.avg{width:58px!important;height:58px!important}
.mlgi .rwi.ad svg{width:50px;height:50px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.mlgi b{margin-top:2px}

/* 우편함 페이지: 한 화면에 6통 · ◀ 1/2 ▶ */
.mlpage{min-height:calc(6 * 60px)}
.mlpg{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:8px}
.mlpg button{width:40px;height:34px;border-radius:10px;border:1px solid rgba(201,164,92,.5);background:rgba(0,0,0,.25);color:#f0d98a;font-size:13px;cursor:pointer}
.mlpg button:disabled{opacity:.3;cursor:default}
.mlpg small{font-size:13px;color:#9fae9f;min-width:46px;text-align:center}
.mlpg small b{color:#f0d98a}
.mlrtx{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 다른 언어에서 길어지는 곳 (한국어는 그대로) */
html:not([data-lang="ko"]) .drb{font-size:8.5px;letter-spacing:-.02em;padding:2px 26px;left:-27px;top:9px}
html:not([data-lang="ko"]) .srx{white-space:normal;line-height:1.2}
html:not([data-lang="ko"]) .srw th.srh2{white-space:normal;line-height:1.2}
html:not([data-lang="ko"]) .side button{white-space:nowrap;overflow:hidden}
html:not([data-lang="ko"]) .stage .side{width:64px}
html:not([data-lang="ko"]) .ctabs>button{white-space:nowrap;overflow:hidden;padding-left:2px;padding-right:2px}
html:not([data-lang="ko"]) .side button{padding-left:1px!important;padding-right:1px!important;letter-spacing:-.045em}

/* 국기 그림 */
.fimg{display:inline-block;height:.9em;width:1.35em;vertical-align:-.1em;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.25);background:#2a3a33;font-size:inherit;color:transparent}
.flgrid .flc i .fimg{width:1.3em;height:.88em}
/* 넓은 화면(PC·태블릿 가로): 전체 화면 창도 내용은 휴대폰 폭(480px)으로 가운데에 · 배경은 화면 전체 */
.room{padding-left:max(16px,calc(50vw - 228px))!important;padding-right:max(16px,calc(50vw - 228px))!important}
.invsh>*{width:100%;max-width:480px;box-sizing:border-box}
/* 시즌 패스·패키지 배너: 다른 언어에서는 글자 길이만큼 늘어나요 (한국어는 그대로) */
html:not([data-lang="ko"]) .stage .ptile{width:auto!important;min-width:128px;padding-right:12px!important}

/* ===== 클로버 칩 (2026-11-02) ===== */
.dm.cl{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
/* 홈 상단: 왕관 자리 → 클로버 수량 + 교환 버튼 */
.lvrow2 .rcl{height:24px;padding:0 4px 0 6px;gap:5px;border-color:#3f8a5f;background:linear-gradient(#123224,#0a1a13);margin:0}
.lvrow2 .rcl .dm{width:18px!important;height:18px!important;vertical-align:0}
.lvrow2 .rcl b{font:800 13px Cinzel,Georgia,serif;margin:0;min-width:24px;text-align:right}
.lvrow2 .rcl .plus{width:18px;height:18px;font-size:13px;border-radius:5px;background:linear-gradient(#5fd08f,#23864f);color:#06210f}
/* 상점 > 클로버 교환 */
.clfa .dm{width:46px!important;height:46px!important}
.exhd{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid rgba(201,164,92,.3);margin-bottom:8px}
.exhd>div{display:flex;flex-direction:column;align-items:center;min-width:110px}
.exhd small{font-size:11px;color:#9fae9f}
.exhd b{font:800 17px Cinzel,'Noto Sans KR',serif;color:#f1e9d6;display:flex;align-items:center;gap:4px}
.exhd b .dm{width:17px;height:17px}
.exhd>i{font-style:normal;color:#f0d98a;font-size:18px}
.exrt{text-align:center;margin:0 0 10px;font-size:13px;color:#e8e2d0;display:flex;flex-direction:column;gap:2px}
.exrt b{color:#f0d98a}
.exrt .dm{width:14px;height:14px;vertical-align:-2px}
.exrt small{font-size:11px;color:#9fae9f}
.exg{grid-template-columns:1fr 1fr 1fr}
.xpk{padding:10px 6px 8px}
.xst{position:relative;height:54px;width:100%;display:flex;justify-content:center;align-items:flex-end;margin-bottom:4px}
.xst .dm{width:40px!important;height:40px!important;margin:0 -12px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}
.xst.n1 .dm{width:48px!important;height:48px!important}
.xst.n3 .dm:nth-child(2),.xst.n4 .dm:nth-child(2),.xst.n4 .dm:nth-child(3){transform:translateY(-12px)}
.xpk .dqt{font-size:17px;display:flex;align-items:center;gap:3px}
.xpk .dqt .dm{width:15px;height:15px}
.xpk .btn{width:100%;height:34px;padding:0;font-size:13px;margin-top:4px}
.xpk .btn .dm{width:13px;height:13px;vertical-align:-2px}
.xpk .btn:disabled{opacity:.45}
/* 상점 탭: 재화 탭은 아이콘 + 이름 (한국어 외에는 아이콘만) */
.stabs .curt{display:inline-flex;align-items:center;justify-content:center;gap:3px}
.stabs .curt .dm{width:15px!important;height:15px!important;flex:none}
html:not([data-lang="ko"]) .stabs .curt span{display:none}
html:not([data-lang="ko"]) .stabs .curt .dm{width:20px!important;height:20px!important}
html[data-lang="ko"] .stabs .curt .dm{display:none}
.stabs .curt span{white-space:nowrap}
/* 홈 상단 클로버 = 다이아와 같은 크기 */
.lvrow2 .rcl{width:148px;height:28px;box-sizing:border-box;padding:0 6px 0 10px;gap:6px;border-radius:10px;flex:none}
.lvrow2 .rcl b{font:800 14px Cinzel,Georgia,serif;flex:1;text-align:left;min-width:0}
.lvrow2 .rcl .plus{width:20px;height:20px;font-size:14px;border-radius:6px}
.lvrow2 .rcl .dm{width:18px!important;height:18px!important}
/* 클로버 칸: 다이아 칸과 같은 칸(오른쪽 절반)에 딱 맞게 */
.hcol2 .lvrow2{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:6px}
.hcol2 .lvrow2>em{justify-self:start}
.hcol2 .lvrow2 .rcl{width:100%;justify-self:stretch;border-radius:10px 14px 14px 10px}
/* 홈 카드가 눌려서 시작 버튼과 겹치지 않게: 줄어들지 않고, 크기는 fitFan()이 맞춰요 */
.stage .fan{flex-shrink:0}
.stage .go,.stage .banner{flex-shrink:0}
@media (max-width:380px){.stage .fan{transform:none;margin:4px 0 22px!important}}
/* 점수 정산: 건너뛰기 · 닫기 */
.stl .stbtn{display:flex;gap:8px;width:100%;max-width:360px;margin-top:2px}
.stl .stbtn .btn{flex:1;height:46px;font-size:15px}
.stl .stbtn #stclose{flex:1.4}
/* 레벨 칸: 반투명이라 뒤 배경에 따라 흐릿해 보이던 것 → 다른 칸과 같은 불투명 배경 · 엠블럼 여백 */
.hud2 .lvrow2 em{height:28px!important;padding:0 12px 0 7px!important;gap:6px!important;background:linear-gradient(#142720,#0c1713)!important;border:1px solid #8a7340!important;box-shadow:0 2px 6px rgba(0,0,0,.4)!important;border-radius:10px 14px 14px 10px!important}
.hud2 .lvrow2 .lvtier{margin:0!important}

/* ===== 로그인 v2 (2026-11-02): 현재 계정 · 저장된 정보 · 이메일+비밀번호 · 게스트 아이디 ===== */
.lgcr{display:block;text-align:left;margin:0 0 9px}
.lgcr>small{display:block;font-size:11.5px;color:#9fae9f;margin:0 0 4px 2px}
.lgcr-v{display:flex;align-items:center;height:46px;border-radius:12px;border:1.5px solid #8a7340;background:#0c1713;overflow:hidden}
.lgcr-v:focus-within{border-color:#f0d98a}
.lgcr-v input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;color:#f1e9d6;font:700 15px inherit;font-family:inherit;padding:0 12px;letter-spacing:.02em}
.lgcr-v input[readonly]{color:#f0d98a}
.lgcr-v input::placeholder{color:#5f6f66;font-weight:600}
.lgic{flex:none;width:40px;height:100%;display:flex;align-items:center;justify-content:center;border:0;border-left:1px solid rgba(138,115,64,.45);background:rgba(255,255,255,.03);color:#c9b37a;cursor:pointer;padding:0}
.lgic svg{width:18px;height:18px}
.lgic.on{color:#f0d98a;background:rgba(240,217,138,.12)}
.lgacc{text-align:left;background:linear-gradient(#16271f,#0b1410);border:1px solid #8a7340;border-radius:18px;padding:14px 14px 6px;margin:0 0 12px}
.lgacc.lgform{padding-bottom:10px}
.lgacc-h{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.lgacc-h .avi{margin:0;width:44px;height:44px;flex:none}
.lgacc-h b{display:block;font-size:16px;color:#f1e9d6}
.lgacc-h small{display:flex;align-items:center;gap:5px;font-size:12px;color:#9fae9f;margin-top:2px}
.lgacc-h small .lgi{width:14px;height:14px;display:inline-flex;font-style:normal;font-size:12px}
.lgacc-h small .lgi svg{width:14px;height:14px}
.lgacc-h .lgbig{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0c1713;border:1px solid rgba(138,115,64,.6);font-style:normal;font-size:20px;color:#f0d98a}
.lgacc-h .lgbig svg{width:22px;height:22px}
.lgacc-n{font-size:12.5px;margin:0 0 10px}
.lgstart{width:100%;height:52px;font-size:17px;margin-top:4px}
.lgsm{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:10px}
.lgsm i{font-style:normal;color:#5f6f66;font-size:12px}
.lgsm .lgln{font-size:12.5px;color:#cbbd8e}
.lgor{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:#7d8a82;font-size:11.5px}
.lgor:before,.lgor:after{content:'';flex:1;height:1px;background:rgba(138,115,64,.35)}
.lgsm2 .lgb{height:40px;font-size:13.5px}
.lgsm2{gap:7px}
.lgp{font-size:12px;margin:0 0 12px;line-height:1.5}
.lgsheet .lgcode{margin:0 0 10px}
.lgcrbox .lgcr{margin-bottom:8px}
.lgset{background:none;border:0;padding:8px 0 0;margin:0}
.lgcr>small,.lgacc-h small,.lgacc small{letter-spacing:0!important;text-transform:none}
/* 상점: 큰 탭(충전 · 보관함) + 작은 탭 */
.ctabs.shg{margin-bottom:8px}
.ctabs.shg>button{height:42px;font-size:15px!important}
.ssub{display:flex;gap:4px;margin:0 0 12px;padding:4px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(138,115,64,.35)}
.ssub button{flex:1;height:32px;border:0;border-radius:9px;background:none;color:#a9b5aa;font:inherit;font-weight:800;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;padding:0 4px}
.ssub button .dm{width:15px!important;height:15px!important;flex:none}
.ssub button.on{background:rgba(240,217,138,.16);color:#f0d98a;box-shadow:inset 0 0 0 1px rgba(240,217,138,.55)}
.ctabs.shg{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
.ctabs.shg>button{width:100%;white-space:nowrap;flex:none}
.ctabs.shg{grid-template-columns:1fr 1fr 1fr!important}
.ctabs.shg>button{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.ctabs.shg>button .dm{width:17px!important;height:17px!important;flex:none}
/* 홈: BEGINNER 제목 살짝 아래로 */
.stage .banner{margin-top:10px}
/* 홈 상단: 다이아 칸 ↔ 경험치 줄 ↔ 클로버 칸 간격을 똑같이 */
.hcol2 .xrow{transform:translateY(-2.5px)}
/* 시작 버튼 줄을 좌우 메뉴 상자 사이로 좁힐 때 */
.go.gonar{width:var(--gw);max-width:var(--gw);gap:4px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.go.gonar .arrow{width:26px;flex:none;font-size:24px}
.go.gonar .start{min-width:0;flex:1;padding-left:8px;padding-right:8px}
.go.gonar .start small{white-space:normal}

/* ===== 고객센터 1:1 문의 ===== */
.csbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.csbtns .btn{height:46px;position:relative}
.csbtns .tdot,.ctabs .tdot{position:absolute;top:6px;right:8px}
.ctabs button{position:relative}
.cscats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 10px}
.cscats button{height:36px;border-radius:10px;border:1px solid rgba(138,115,64,.6);background:#0c1713;color:#cfd8cf;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;padding:0 4px}
.cscats button.on{background:rgba(240,217,138,.16);color:#f0d98a;border-color:#f0d98a}
.csl{display:flex;flex-direction:column;gap:6px}
.csr{position:relative;display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid rgba(138,115,64,.45);background:#0c1713;color:#f1e9d6;font:inherit;cursor:pointer}
.csr.un{border-color:#7fe3a0}
.csr .tdot{position:absolute;top:6px;right:6px}
.csrt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.csrt b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.csrt small{font-size:11px;color:#9fae9f}
.csst{flex:none;font-style:normal;font-size:11px;font-weight:800;color:var(--c);border:1px solid var(--c);border-radius:8px;padding:3px 7px;background:color-mix(in srgb,var(--c) 12%,transparent)}
.csdh{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.csbk{height:32px;padding:0 10px;font-size:12.5px}
.csno{flex:1;font:700 12.5px ui-monospace,monospace;color:#cbbd8e}
.cscat{font-size:12px;color:#9fae9f;margin:0 0 10px}
.csth{display:flex;flex-direction:column;gap:8px;margin:0 0 12px;max-height:46vh;overflow:auto;padding:2px}
.csm{max-width:84%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.5}
.csm p{margin:0;word-break:break-word}
.csm small{display:block;font-size:11px;font-weight:800;color:#7fe3a0;margin-bottom:3px}
.csm time{display:block;font-size:10.5px;opacity:.6;margin-top:4px}
.csm.cs-me{align-self:flex-end;background:rgba(240,217,138,.14);border:1px solid rgba(240,217,138,.45);border-bottom-right-radius:4px}
.csm.cs-me time{text-align:right}
.csm.cs-st{align-self:flex-start;background:rgba(127,227,160,.08);border:1px solid rgba(127,227,160,.4);border-bottom-left-radius:4px}
.csclose{display:block;margin:10px auto 0}
.csend{text-align:center;font-size:12.5px;margin:6px 0 2px}

/* ===== 아래 버튼 고정 (2026-11-02) ===== */
/* 로비: 아래 메뉴를 화면 아래에 고정 */
.lb .nav2{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;margin:0!important;z-index:60;box-sizing:border-box}
.lb{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
.toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
/* 게임: 화면이 짧으면 테이블을 줄여요 (fitGame) */
.gm .tbl{zoom:var(--tz,1)}
/* 튜토리얼: 다음 버튼 줄을 아래에 고정 */
.tut2 .t2foot{position:sticky;bottom:calc(-14px - env(safe-area-inset-bottom,0px));z-index:5;margin:auto -14px calc(-14px - env(safe-area-inset-bottom,0px));padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(rgba(10,17,14,0),rgba(10,17,14,.92) 30%,#0a110e)}

/* ===== 로딩 화면 · 로그인 배경 (2026-11-02) ===== */
#splash{position:fixed;inset:0;z-index:999;background:#0a120e;display:flex;align-items:flex-end;justify-content:center;transition:opacity 1s ease;overflow:hidden}
#splash::before{content:'';position:absolute;inset:-30px;background:url("../img/loading.webp") center/cover no-repeat;filter:blur(18px) brightness(.55)}
#splash::after{content:'';position:absolute;inset:0;background:url("../img/loading.webp") center top/auto 100% no-repeat}
#splash.out{opacity:0;pointer-events:none}
.spf{position:relative;z-index:1;width:min(76vw,340px);margin-bottom:calc(34px + env(safe-area-inset-bottom,0px));text-align:center;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7))}
.spf b{display:block;font:800 19px Cinzel,"Noto Sans KR",serif;letter-spacing:.14em;color:#f3d98b;margin-bottom:8px;text-shadow:0 2px 0 #4a3510,0 0 10px rgba(0,0,0,.6)}
html:not([data-lang="en"]) .spf b{letter-spacing:.06em;font-size:17px}
.spbar{position:relative;height:13px;padding:2px;border:1.5px solid #c9a45c;border-radius:8px;background:rgba(5,12,9,.75);box-shadow:inset 0 1px 3px rgba(0,0,0,.6)}
.spbar::before,.spbar::after{content:'';position:absolute;top:50%;width:9px;height:9px;margin-top:-5.5px;background:#e6c56a;border:1.5px solid #6b4f12;transform:rotate(45deg)}
.spbar::before{left:-8px}.spbar::after{right:-8px}
.spbar i{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(#9ff0c0,#3aa36c 55%,#22704a);box-shadow:0 0 8px rgba(127,227,160,.6)}
/* 로그인 화면 배경: 같은 그림을 흐리고 어둡게 */
#lgbg{position:fixed;inset:-24px;z-index:-1;background:url("../img/loading.webp") center top/cover no-repeat;filter:blur(5px) brightness(.38) saturate(1.1);opacity:0;transition:opacity .9s ease;pointer-events:none}
html.lgbg #lgbg{opacity:1}

/* ===== 2026-11-02 디자인 다듬기: 카드 금테 · 반짝임 · 나무 버튼 · 기둥 장식 ===== */
/* 1) 가운데 카드 금테 (앞면) */
.fan .holo.c3 .cface:not(.back) .pcard::after{content:'';position:absolute;inset:7px;border:1.5px solid rgba(201,164,92,.9);border-radius:9px;pointer-events:none;
  box-shadow:inset 0 0 0 3px #f7f1e3,inset 0 0 0 4px rgba(201,164,92,.45);
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c9a45c%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M38%202H17C11%202%209%208%2013%2010.5C16%2012%2018.5%209%2016.5%207%22/%3E%3Cpath%20d%3D%22M38%202V23C38%2029%2032%2031%2029.5%2027C28%2024%2031%2021.5%2033%2023.5%22/%3E%3Cpath%20d%3D%22M33.5%206.5C25%207%2023%2014%2027.5%2016.5C30.5%2018%2033.5%2015%2033.5%2011%22/%3E%3C/g%3E%3Cpath%20d%3D%22M29%2011l2.6-2.6%202.6%202.6-2.6%202.6z%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%225.5%22%20r%3D%221.2%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2234.5%22%20cy%3D%2219%22%20r%3D%221.2%22%20fill%3D%22%23c9a45c%22/%3E%3C/svg%3E") right 3px top 3px/36px 36px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cg%20transform%3D%22rotate%28180%2020%2020%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c9a45c%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M38%202H17C11%202%209%208%2013%2010.5C16%2012%2018.5%209%2016.5%207%22/%3E%3Cpath%20d%3D%22M38%202V23C38%2029%2032%2031%2029.5%2027C28%2024%2031%2021.5%2033%2023.5%22/%3E%3Cpath%20d%3D%22M33.5%206.5C25%207%2023%2014%2027.5%2016.5C30.5%2018%2033.5%2015%2033.5%2011%22/%3E%3C/g%3E%3Cpath%20d%3D%22M29%2011l2.6-2.6%202.6%202.6-2.6%202.6z%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%225.5%22%20r%3D%221.2%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2234.5%22%20cy%3D%2219%22%20r%3D%221.2%22%20fill%3D%22%23c9a45c%22/%3E%3C/g%3E%3C/svg%3E") left 3px bottom 3px/36px 36px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2014%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c9a45c%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M4%207H20C23%207%2024%203.5%2026.5%204.5%22/%3E%3Cpath%20d%3D%22M60%207H44C41%207%2040%203.5%2037.5%204.5%22/%3E%3C/g%3E%3Cpath%20d%3D%22M32%201.5l5.5%205.5-5.5%205.5-5.5-5.5z%22%20fill%3D%22%23c9a45c%22/%3E%3Cpath%20d%3D%22M32%204.5l2.5%202.5-2.5%202.5-2.5-2.5z%22%20fill%3D%22%23f7f1e3%22/%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%229.5%22%20r%3D%221%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%229.5%22%20r%3D%221%22%20fill%3D%22%23c9a45c%22/%3E%3C/svg%3E") center 4px/54px 12px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2014%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c9a45c%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M4%207H20C23%207%2024%203.5%2026.5%204.5%22/%3E%3Cpath%20d%3D%22M60%207H44C41%207%2040%203.5%2037.5%204.5%22/%3E%3C/g%3E%3Cpath%20d%3D%22M32%201.5l5.5%205.5-5.5%205.5-5.5-5.5z%22%20fill%3D%22%23c9a45c%22/%3E%3Cpath%20d%3D%22M32%204.5l2.5%202.5-2.5%202.5-2.5-2.5z%22%20fill%3D%22%23f7f1e3%22/%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%229.5%22%20r%3D%221%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%229.5%22%20r%3D%221%22%20fill%3D%22%23c9a45c%22/%3E%3C/svg%3E") center bottom 4px/54px 12px no-repeat}
.fan .holo.c3 .pcard .tl{left:15px!important;top:11px!important}
.fan .holo.c3 .pcard .br{right:15px!important;bottom:11px!important}
.fan .holo.c3 .cface{box-shadow:inset 0 0 0 1px rgba(255,244,200,.7)}
.fan .holo:not(.c3) .pcard.pback::after{content:'';position:absolute;inset:6px;border:1.5px solid rgba(212,175,55,.55);border-radius:8px;pointer-events:none}
.fan .holo:not(.c3) .pcard.pback{position:relative}
/* 2) 배경 반짝임 (은은하게, 동작 줄이기·가벼운 모드에서는 멈춤) */
.lb{isolation:isolate;position:relative}
.lb::before,.lb::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
   radial-gradient(circle at 12% 18%,rgba(255,232,150,.95) 0 1.3px,transparent 2.6px),
   radial-gradient(circle at 84% 12%,rgba(255,232,150,.9) 0 1.1px,transparent 2.4px),
   radial-gradient(circle at 70% 34%,rgba(255,232,150,.85) 0 1.4px,transparent 2.8px),
   radial-gradient(circle at 24% 52%,rgba(255,232,150,.8) 0 1px,transparent 2.2px),
   radial-gradient(circle at 92% 58%,rgba(255,232,150,.9) 0 1.3px,transparent 2.6px),
   radial-gradient(circle at 8% 74%,rgba(255,232,150,.85) 0 1.2px,transparent 2.5px),
   radial-gradient(circle at 58% 82%,rgba(255,232,150,.8) 0 1.1px,transparent 2.3px),
   radial-gradient(circle at 40% 8%,rgba(255,232,150,.8) 0 1px,transparent 2.2px);
  opacity:.25;animation:lbTw 5.5s ease-in-out infinite alternate}
.lb::after{background:
   radial-gradient(circle at 30% 26%,rgba(255,240,180,.9) 0 1.2px,transparent 2.5px),
   radial-gradient(circle at 76% 22%,rgba(255,240,180,.85) 0 1px,transparent 2.2px),
   radial-gradient(circle at 50% 46%,rgba(255,240,180,.7) 0 1.3px,transparent 2.6px),
   radial-gradient(circle at 16% 38%,rgba(255,240,180,.85) 0 1.1px,transparent 2.4px),
   radial-gradient(circle at 88% 44%,rgba(255,240,180,.8) 0 1px,transparent 2.2px),
   radial-gradient(circle at 34% 68%,rgba(255,240,180,.85) 0 1.2px,transparent 2.5px),
   radial-gradient(circle at 80% 76%,rgba(255,240,180,.9) 0 1.3px,transparent 2.6px),
   radial-gradient(circle at 64% 4%,rgba(255,240,180,.8) 0 1px,transparent 2.2px),
   radial-gradient(ellipse 40% 26% at 50% 34%,rgba(240,210,120,.07),transparent 70%);
  animation-duration:7s;animation-delay:-3.5s}
@keyframes lbTw{0%{opacity:.2}50%{opacity:.9}100%{opacity:.4}}
@media (prefers-reduced-motion:reduce){.lb::before,.lb::after{animation:none;opacity:.4}}
html.lite .lb::before,html.lite .lb::after{animation:none!important;opacity:.4}
/* 3) 아래 버튼 나무 느낌 */
.lb .nav2{background:
   linear-gradient(rgba(255,226,170,.10),rgba(0,0,0,.22)),
   repeating-linear-gradient(177deg,rgba(60,30,8,0) 0 5px,rgba(60,30,8,.22) 5px 6px,rgba(60,30,8,0) 6px 11px,rgba(255,214,160,.07) 11px 12px,rgba(60,30,8,0) 12px 19px,rgba(60,30,8,.14) 19px 20px),
   repeating-linear-gradient(183deg,rgba(60,30,8,0) 0 9px,rgba(60,30,8,.12) 9px 10px,rgba(60,30,8,0) 10px 23px),
   linear-gradient(#93633a,#74492a 55%,#5a3820)!important;
  border-top:2px solid #d4af37!important;box-shadow:0 -1px 0 #5c4618,inset 0 1px 0 rgba(255,232,170,.35),0 -6px 16px rgba(0,0,0,.45)!important}
.lb .nav2 button:not(.on){color:#f6e2b8!important;opacity:.95!important;text-shadow:0 1px 2px rgba(0,0,0,.75)}
.lb .nav2 button:not(.on) span{color:#f0cf72!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.lb .nav2 button+button:not(.on):not(.on+button){box-shadow:inset 1px 0 0 rgba(40,18,4,.55),inset 2px 0 0 rgba(255,214,160,.12)}
.lb .nav2 button.on{border:1.5px solid #e2c06a!important;border-bottom:0!important;background:
   radial-gradient(ellipse at 50% 20%,rgba(255,230,150,.16),transparent 60%),
   linear-gradient(color-mix(in srgb,var(--t1,#2a6a4a) 60%,#0d1612),color-mix(in srgb,var(--t2,#17301f) 70%,#050807))!important}
/* 4) 좌우 메뉴 기둥 금 장식 */
.stage .side{border:1.5px solid rgba(212,175,55,.8)!important;box-shadow:inset 0 0 0 3px rgba(0,0,0,.22),inset 0 0 0 4px rgba(212,175,55,.28),0 4px 12px rgba(0,0,0,.35)!important;overflow:visible}
.stage .side::before,.stage .side::after{content:'';position:absolute;left:50%;width:11px;height:11px;margin-left:-6.5px;transform:rotate(45deg);
  background:linear-gradient(135deg,#fff1b8,#d4af37 50%,#8a6418);border:1px solid #5c4618;box-shadow:0 0 6px rgba(240,200,90,.45);pointer-events:none}
.stage .side::before{top:-7.5px}.stage .side::after{bottom:-7.5px}

/* ===== 2026-11-02 상단 HUD 고급화: 금 테두리 · 끝 장식 · 프로필 액자 ===== */
.hud2 .nick,.hud2 .rsc,.hud2 .lvrow2 em{border:1.5px solid transparent!important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,.25)),linear-gradient(#152a22,#0b1612) padding-box,linear-gradient(135deg,#fff1b8 0%,#d4af37 30%,#7a5a18 55%,#e9c766 80%,#9a7424 100%) border-box!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),inset 0 0 0 2px rgba(240,217,138,.16),0 3px 8px rgba(0,0,0,.45)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.hud2 .lvrow2 .rcl{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.25)) padding-box,linear-gradient(#10301f,#0a1a12) padding-box,linear-gradient(135deg,#fff1b8 0%,#d4af37 30%,#7a5a18 55%,#e9c766 80%,#9a7424 100%) border-box!important}
/* 닉네임 · 레벨: 양 끝 덩굴 장식 */
.hud2 .nick,.hud2 .lvrow2 em{position:relative;overflow:visible!important;border-radius:999px!important}
.hud2 .nick{padding-left:12px!important;padding-right:10px!important}
.hud2 .lvrow2 em{padding-left:10px!important;padding-right:14px!important}
.hud2 .nick::before,.hud2 .nick::after,.hud2 .lvrow2 em::before,.hud2 .lvrow2 em::after,.hud2 .rsc::before,.hud2 .rsc::after{content:'';position:absolute;top:50%;width:10px;height:22px;margin-top:-11px;pointer-events:none;background:no-repeat center/contain}
.hud2 .nick::before,.hud2 .lvrow2 em::before,.hud2 .rsc::before{left:-6px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2028%22%3E%3Cpath%20d%3D%22M13%203C6%203%203%208%203%2014S6%2025%2013%2025%22%20fill%3D%22none%22%20stroke%3D%22%23e2c06a%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M13%207.5C9%208%207%2010.5%207%2014S9%2020%2013%2020.5%22%20fill%3D%22none%22%20stroke%3D%22%23e2c06a%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M0%2014l3.2-3.2%203.2%203.2-3.2%203.2z%22%20fill%3D%22%23e2c06a%22/%3E%3C/svg%3E")}
.hud2 .nick::after,.hud2 .lvrow2 em::after,.hud2 .rsc::after{right:-6px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2028%22%3E%3Cg%20transform%3D%22translate%2814%200%29%20scale%28-1%201%29%22%3E%3Cpath%20d%3D%22M13%203C6%203%203%208%203%2014S6%2025%2013%2025%22%20fill%3D%22none%22%20stroke%3D%22%23e2c06a%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M13%207.5C9%208%207%2010.5%207%2014S9%2020%2013%2020.5%22%20fill%3D%22none%22%20stroke%3D%22%23e2c06a%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M0%2014l3.2-3.2%203.2%203.2-3.2%203.2z%22%20fill%3D%22%23e2c06a%22/%3E%3C/g%3E%3C/svg%3E")}
/* + 버튼: 금 테두리 */
.hud2 .rsc .plus{border:1px solid #5c4618!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(0,0,0,.5)!important}
.hud2 .rch .plus{background:linear-gradient(#fbe7a0,#d4af37 55%,#a67c1d)!important;color:#3a2a08!important}
/* 경험치 바 */
.hud2 .xrow .xbar{border:1px solid transparent!important;background:linear-gradient(#0a120f,#0a120f) padding-box,linear-gradient(135deg,#fff1b8 0%,#d4af37 30%,#7a5a18 55%,#e9c766 80%,#9a7424 100%) border-box!important}
.hud2 .xrow .xbar u{background:linear-gradient(#fff0b0,#e2bd55 45%,#a8801f)!important;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e2c06a%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2%2020V9C2%204.5%204.5%202%209%202H20%22/%3E%3Cpath%20d%3D%22M6%2017V10C6%207.5%207.5%206%2010%206H17%22/%3E%3Cpath%20d%3D%22M9%209.5C11%208.5%2012.5%2010%2011.5%2011.5%22/%3E%3C/g%3E%3Cpath%20d%3D%22M20%202l2%200M2%2020v2%22%20stroke%3D%22%23e2c06a%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%222%22%20r%3D%221.3%22%20fill%3D%22%23e2c06a%22/%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2220.5%22%20r%3D%221.3%22%20fill%3D%22%23e2c06a%22/%3E%3C/svg%3E") left top/15px 15px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%2890%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e2c06a%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2%2020V9C2%204.5%204.5%202%209%202H20%22/%3E%3Cpath%20d%3D%22M6%2017V10C6%207.5%207.5%206%2010%206H17%22/%3E%3Cpath%20d%3D%22M9%209.5C11%208.5%2012.5%2010%2011.5%2011.5%22/%3E%3C/g%3E%3Cpath%20d%3D%22M20%202l2%200M2%2020v2%22%20stroke%3D%22%23e2c06a%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%222%22%20r%3D%221.3%22%20fill%3D%22%23e2c06a%22/%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2220.5%22%20r%3D%221.3%22%20fill%3D%22%23e2c06a%22/%3E%3C/g%3E%3C/svg%3E") right top/15px 15px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28180%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e2c06a%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2%2020V9C2%204.5%204.5%202%209%202H20%22/%3E%3Cpath%20d%3D%22M6%2017V10C6%207.5%207.5%206%2010%206H17%22/%3E%3Cpath%20d%3D%22M9%209.5C11%208.5%2012.5%2010%2011.5%2011.5%22/%3E%3C/g%3E%3Cpath%20d%3D%22M20%202l2%200M2%2020v2%22%20stroke%3D%22%23e2c06a%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%222%22%20r%3D%221.3%22%20fill%3D%22%23e2c06a%22/%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2220.5%22%20r%3D%221.3%22%20fill%3D%22%23e2c06a%22/%3E%3C/g%3E%3C/svg%3E") right bottom/15px 15px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28270%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e2c06a%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2%2020V9C2%204.5%204.5%202%209%202H20%22/%3E%3Cpath%20d%3D%22M6%2017V10C6%207.5%207.5%206%2010%206H17%22/%3E%3Cpath%20d%3D%22M9%209.5C11%208.5%2012.5%2010%2011.5%2011.5%22/%3E%3C/g%3E%3Cpath%20d%3D%22M20%202l2%200M2%2020v2%22%20stroke%3D%22%23e2c06a%22%20stroke-width%3D%221.3%22/%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%222%22%20r%3D%221.3%22%20fill%3D%22%23e2c06a%22/%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2220.5%22%20r%3D%221.3%22%20fill%3D%22%23e2c06a%22/%3E%3C/g%3E%3C/svg%3E") left bottom/15px 15px no-repeat}

/* 홈 화면 고정 (위아래로 밀어도 움직이지 않게) */
html.homefix,html.homefix body{height:100%;overflow:hidden;overscroll-behavior:none}
html.homefix #app{height:100%}
html.homefix .lb{height:100dvh;min-height:0;overflow:hidden}
/* 홈: 라운드·인원 알약 (시작 버튼 위) */
.stage .gmeta{align-self:center;display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 16px;margin-bottom:-4px;border-radius:999px;font:700 12.5px/1 "Noto Sans KR",system-ui,sans-serif;color:#f1e9d6;letter-spacing:.01em;white-space:nowrap;
  border:1.5px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.25)) padding-box,linear-gradient(#10201a,#0a140f) padding-box,linear-gradient(135deg,#fff1b8,#d4af37 30%,#7a5a18 55%,#e9c766 80%,#9a7424) border-box;box-shadow:0 2px 6px rgba(0,0,0,.4)}
/* 아래 버튼 살짝 낮게 */
.lb .nav2 button{padding:4px 0 3px!important}
.lb .nav2 button span{font-size:23px!important}
.lb .nav2 button.on{margin-top:-12px!important;padding:7px 0 5px!important}
.lb .nav2 button.on span{font-size:29px!important}
/* 홈: 공지 글이 아래 버튼에 가리지 않게 (버튼 높이를 재서 그만큼 비워요) */
html.homefix .lb{padding-bottom:var(--navr,90px)!important}
html.homefix .lb .stage{min-height:0}
/* 아래 버튼: 선택된 초록 탭이 바닥까지 내려와 나무가 비치지 않게 */
.lb .nav2 button.on{margin-bottom:calc(-6px - env(safe-area-inset-bottom,0px))!important;padding-bottom:calc(11px + env(safe-area-inset-bottom,0px))!important}
/* 매칭 방·팝업이 떠 있을 때: 뒤 화면이 스크롤되지 않게 (주소창이 접히며 아래 버튼이 비치는 것 방지) */
.room,.pvov,.invsh,.tut2{overscroll-behavior:contain}
html:has(body>.room),html:has(body>.room) body,html:has(body>.pvov),html:has(body>.pvov) body{overflow:hidden!important}
html:has(body>.room) .lb .nav2{visibility:hidden}
.room{bottom:-120px!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important}
/* 홈: 라운드·인원 알약과 공지를 아래쪽으로 */
.stage .gmeta{margin-top:6px!important;margin-bottom:-8px!important}
html.homefix .lb .tick{margin-bottom:0!important}
.stage .gmeta,.stage .go,.stage .banner{flex-shrink:0}
/* 상점 상단 탭: 아이콘과 글자를 가운데로 모으기 (긴 글자도 왼쪽 끝으로 밀리지 않게) */
.ctabs.shg>button{gap:4px!important;padding:0 4px!important;min-width:0;overflow:hidden}
.ctabs.shg>button>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip}
html:not([data-lang="ko"]) .ctabs.shg>button{font-size:14px!important;letter-spacing:-.02em}
.ctabs.shg>button .ibx{width:18px!important;height:18px!important;flex:none}
/* 아이템 목록: 칸이 밖으로 삐져나가지 않게, '보유 중' 버튼은 항상 칸 맨 아래에 */
.sgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sit{min-width:0;box-sizing:border-box}
.sit b{text-align:center;max-width:100%;overflow-wrap:anywhere}
.sit>.btn,.sit>button.btn{margin-top:auto}
/* 아래 버튼: 어떤 탭을 눌러도 선택된 탭이 빠른 게임과 같은 크기로 커지게 */
.lb .nav2{grid-template-columns:repeat(5,1fr)!important}
.lb .nav2:has(>button:nth-child(1).on){grid-template-columns:1.3fr 1fr 1fr 1fr 1fr!important}
.lb .nav2:has(>button:nth-child(2).on){grid-template-columns:1fr 1.3fr 1fr 1fr 1fr!important}
.lb .nav2:has(>button:nth-child(3).on){grid-template-columns:1fr 1fr 1.3fr 1fr 1fr!important}
.lb .nav2:has(>button:nth-child(4).on){grid-template-columns:1fr 1fr 1fr 1.3fr 1fr!important}
.lb .nav2:has(>button:nth-child(5).on){grid-template-columns:1fr 1fr 1fr 1fr 1.3fr!important}

/* 다이아·클로버 칸도 양 끝 장식 (칸 사이를 넓혀 장식끼리 겹치지 않게) */
.hud2 .rsc{position:relative;overflow:visible!important;border-radius:999px!important;padding-left:12px!important}
.hud2 .hcol2{column-gap:14px!important}
.hud2 .hcol2 .lvrow2{column-gap:14px!important}
.hud2 .rsc .plus{border-radius:999px!important;margin-right:-1px}
/* 다이아 칸의 예전 반짝 띠 대신 끝 장식이 들어가요 */
.hud2 .rch::after,html.lite .hud2 .rch::after{animation:none!important;left:auto!important;right:-6px!important;bottom:auto!important;top:50%!important;width:10px!important;height:22px!important;display:block!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important}

/* 프로필·친구 카드: 메인 카드와 같은 금 무늬 (숫자·아이콘이 없는 오른쪽 위·왼쪽 아래 모서리, 위아래 가운데) */
.pc3i::before{content:'';position:absolute;inset:3px;border:1px solid rgba(201,164,92,.75);border-radius:7px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c9a45c%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M38%202H17C11%202%209%208%2013%2010.5C16%2012%2018.5%209%2016.5%207%22/%3E%3Cpath%20d%3D%22M38%202V23C38%2029%2032%2031%2029.5%2027C28%2024%2031%2021.5%2033%2023.5%22/%3E%3Cpath%20d%3D%22M33.5%206.5C25%207%2023%2014%2027.5%2016.5C30.5%2018%2033.5%2015%2033.5%2011%22/%3E%3C/g%3E%3Cpath%20d%3D%22M29%2011l2.6-2.6%202.6%202.6-2.6%202.6z%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%225.5%22%20r%3D%221.2%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2234.5%22%20cy%3D%2219%22%20r%3D%221.2%22%20fill%3D%22%23c9a45c%22/%3E%3C/svg%3E") right 2px top 2px/24px 24px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cg%20transform%3D%22rotate%28180%2020%2020%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c9a45c%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M38%202H17C11%202%209%208%2013%2010.5C16%2012%2018.5%209%2016.5%207%22/%3E%3Cpath%20d%3D%22M38%202V23C38%2029%2032%2031%2029.5%2027C28%2024%2031%2021.5%2033%2023.5%22/%3E%3Cpath%20d%3D%22M33.5%206.5C25%207%2023%2014%2027.5%2016.5C30.5%2018%2033.5%2015%2033.5%2011%22/%3E%3C/g%3E%3Cpath%20d%3D%22M29%2011l2.6-2.6%202.6%202.6-2.6%202.6z%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%225.5%22%20r%3D%221.2%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2234.5%22%20cy%3D%2219%22%20r%3D%221.2%22%20fill%3D%22%23c9a45c%22/%3E%3C/g%3E%3C/svg%3E") left 2px bottom 2px/24px 24px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2014%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c9a45c%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M4%207H20C23%207%2024%203.5%2026.5%204.5%22/%3E%3Cpath%20d%3D%22M60%207H44C41%207%2040%203.5%2037.5%204.5%22/%3E%3C/g%3E%3Cpath%20d%3D%22M32%201.5l5.5%205.5-5.5%205.5-5.5-5.5z%22%20fill%3D%22%23c9a45c%22/%3E%3Cpath%20d%3D%22M32%204.5l2.5%202.5-2.5%202.5-2.5-2.5z%22%20fill%3D%22%23f7f1e3%22/%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%229.5%22%20r%3D%221%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%229.5%22%20r%3D%221%22%20fill%3D%22%23c9a45c%22/%3E%3C/svg%3E") center 2px/34px 8px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2014%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c9a45c%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M4%207H20C23%207%2024%203.5%2026.5%204.5%22/%3E%3Cpath%20d%3D%22M60%207H44C41%207%2040%203.5%2037.5%204.5%22/%3E%3C/g%3E%3Cpath%20d%3D%22M32%201.5l5.5%205.5-5.5%205.5-5.5-5.5z%22%20fill%3D%22%23c9a45c%22/%3E%3Cpath%20d%3D%22M32%204.5l2.5%202.5-2.5%202.5-2.5-2.5z%22%20fill%3D%22%23f7f1e3%22/%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%229.5%22%20r%3D%221%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%229.5%22%20r%3D%221%22%20fill%3D%22%23c9a45c%22/%3E%3C/svg%3E") center bottom 2px/34px 8px no-repeat}
.fpc .pc3i::before{background-size:21px 21px,21px 21px,30px 7px,30px 7px}
/* 점수 정산: 카드가 많아 화면보다 길어지면 스크롤되고, 건너뛰기·닫기 버튼은 항상 화면 아래에 */
.stl{overflow-y:auto!important;justify-content:flex-start!important;overscroll-behavior:contain}
.stl>:first-child{margin-top:auto}
.stl>:last-child{margin-bottom:auto}
.stl .stbtn{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom,0px));z-index:3;margin-top:0!important;padding:14px 0 calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(rgba(5,10,8,0),rgba(5,10,8,.96) 32%);max-width:440px!important}
/* 먹기·패스: 새 카드가 나온 직후 잠깐 눌리지 않아요 (연타로 여러 장을 먹는 실수 방지) */
.acts .btn.cool{position:relative;overflow:hidden;filter:saturate(.6) brightness(.85)}
.acts .btn.cool::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:rgba(255,240,190,.85);transform-origin:left;animation:coolbar var(--cool,.6s) linear both;pointer-events:none}
@keyframes coolbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* 고수 테이블 카드 개구리: 노랑 → 솜사탕 그라데이션 (분홍·연보라·하늘) */
.fan.ft2 .holo.c3 .mas svg>path:first-of-type,.fan.ft2 .holo.c3 .mas svg>circle:nth-of-type(3),.fan.ft2 .holo.c3 .mas svg>circle:nth-of-type(4){fill:url(#frgCC)!important}
.fan.ft2 .holo.c3 .mas{filter:drop-shadow(0 0 6px rgba(226,170,255,.55))!important}
/* 레벨 칸: 닉네임 칸과 같은 폭 · 티어 엠블럼 / 레벨 / 왕관 수 */
.hcol2 .lvrow2>em.lvbox{justify-self:stretch!important;width:100%;box-sizing:border-box;display:flex!important;align-items:center;justify-content:space-between;gap:6px!important;min-width:0}
.lvbox .lvl{flex:none}
.lvbox .lvcr{display:inline-flex;align-items:center;gap:3px;font:800 13px Cinzel,Georgia,serif;color:#f1e9d6;min-width:0}
.lvbox .lvcr .ico{width:16px;height:16px;flex:none;display:block}
.lvbox .lvcr b{font:inherit;margin:0;color:#f1e9d6}
.hud2 .lvbox .lvl{font:800 14px Cinzel,Georgia,serif!important;color:#f0d98a!important;text-shadow:0 1px 2px #000}.hud2 .lvbox .lvcr{font-size:13px!important}
.hcol2 .lvrow2>em.lvbox{justify-content:flex-start!important;gap:5px!important}.lvbox .lvcr{margin-left:auto}
/* ===== 온라인 대전 ===== */
.onlbox .onlrow{display:flex;gap:6px;align-items:center;margin-top:8px}
.onlbox .onlrow .btn{height:40px;flex:none;padding:0 14px}
.onlbox #onlCode{flex:1;min-width:0;height:40px;box-sizing:border-box;border-radius:10px;border:1px solid rgba(201,164,92,.55);background:rgba(0,0,0,.3);color:#f1e9d6;font:800 16px Cinzel,Georgia,serif;letter-spacing:.18em;text-align:center;text-transform:uppercase}
.onlr{align-items:center}
.onlw{margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;color:#cfd8cf}
.onlr .spin,.onlwt .spin{width:28px;height:28px;border-radius:50%;border:3px solid rgba(240,217,138,.25);border-top-color:#f0d98a;animation:onlsp 1s linear infinite;display:inline-block}
.onlwt .spin{width:14px;height:14px;border-width:2px;vertical-align:-2px;margin-right:8px}
@keyframes onlsp{to{transform:rotate(360deg)}}
.onll{gap:14px!important}
.onlh{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.onlh small{font:700 10px Cinzel,serif;letter-spacing:.3em;color:#9fae9f}
.onlh b{font-size:14px;color:#cfd8cf}
.onlh .onlc{font:800 38px/1.1 Cinzel,Georgia,serif;letter-spacing:.22em;color:#f0d98a;background:linear-gradient(#152a22,#0b1612);border:1.5px solid #c9a45c;border-radius:14px;padding:6px 18px 6px 26px;cursor:pointer;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.onlh span{font-size:12px;color:#9fae9f}
.onls{display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px}
.onlseat{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:linear-gradient(#142720,#0c1713);border:1px solid rgba(201,164,92,.35)}
.onlseat.me{border-color:#f0d98a}.onlseat.off{opacity:.55}.onlseat.empty{border-style:dashed;opacity:.6}
.onlseat .onln{flex:1;min-width:0;display:flex;flex-direction:column}
.onlseat .onln b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onlseat .onln small{font-size:11px;color:#9fae9f}
.onlnote{font-size:12px;color:#9fae9f;text-align:center;margin:0}
.onlb{display:flex;gap:8px;width:100%;max-width:420px}.onlb .btn{flex:1;height:46px}.onlb .btn:not(.g){flex:1.6}
.onlwt{flex:1;text-align:center;color:#cfd8cf;margin:6px 0}
.onlx{width:100%;max-width:420px;height:42px}
.onlbar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;width:min(420px,92vw);text-align:center}
.onlbar .btn{width:100%;height:48px;box-shadow:0 6px 18px rgba(0,0,0,.5)}.onlbar p{margin:0;padding:10px;border-radius:12px;background:rgba(5,10,8,.85);color:#cfd8cf;font-size:13px}
html.onl #rp,html.onl #nr,html.onl #baway{display:none!important}
/* 설정 > 알림: 푸시를 끄면 아래 푸시 항목은 흐리게 (눌리지 않음) */
.stsub{margin-top:4px;padding-top:4px;border-top:1px dashed rgba(201,164,92,.25)}
.stsub.stoff>.pk{opacity:.4;pointer-events:none}
.stoffn{margin:6px 0 2px;font-size:12px;color:#c9a45c}
.stnote2{margin:-2px 0 6px;font-size:12px;color:#9fae9f}
/* 랭킹: 이름 앞 국기 */
.rkn b{display:flex;align-items:center;gap:5px;min-width:0}
.rkfl{flex:none;display:inline-flex}.rkfl svg{width:20px;height:14px;display:block;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.35)}

/* ===== 디자이너 시안 반영 (2026-11-03) ===== */
/* 개구리 얼굴 금화: 게임 코인 아이콘 */
.cn,.coin .cn,.coin2 .cn{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22a%22%20cx%3D%22.35%22%20cy%3D%22.3%22%20r%3D%22.8%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff6c4%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ecc04a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239a6a14%22/%3E%3C/radialGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d9a838%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f3d27a%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fbe08a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c9922a%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2219%22%20fill%3D%22url%28%23a%29%22%20stroke%3D%22%237a5410%22%20stroke-width%3D%221.2%22/%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2214.6%22%20fill%3D%22url%28%23b%29%22%20stroke%3D%22%238a6418%22%20stroke-width%3D%221%22/%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2213.4%22%20fill%3D%22none%22%20stroke%3D%22%23fff2b8%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%22.8%22/%3E%3Ccircle%20cx%3D%2214.6%22%20cy%3D%2215.6%22%20r%3D%223.9%22%20fill%3D%22url%28%23c%29%22%20stroke%3D%22%237a5410%22%20stroke-width%3D%221%22/%3E%3Ccircle%20cx%3D%2225.4%22%20cy%3D%2215.6%22%20r%3D%223.9%22%20fill%3D%22url%28%23c%29%22%20stroke%3D%22%237a5410%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M10.4%2021.6c0-4.4%204.3-6.6%209.6-6.6s9.6%202.2%209.6%206.6c0%204.2-4.3%206.9-9.6%206.9s-9.6-2.7-9.6-6.9z%22%20fill%3D%22url%28%23c%29%22%20stroke%3D%22%237a5410%22%20stroke-width%3D%221%22/%3E%3Ccircle%20cx%3D%2214.6%22%20cy%3D%2215.4%22%20r%3D%221.5%22%20fill%3D%22%236b4a10%22/%3E%3Ccircle%20cx%3D%2225.4%22%20cy%3D%2215.4%22%20r%3D%221.5%22%20fill%3D%22%236b4a10%22/%3E%3Cpath%20d%3D%22M15.2%2022.6q4.8%203.6%209.6%200%22%20stroke%3D%22%236b4a10%22%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M7.5%2013a13.5%2013.5%200%200%201%207-6.5%22%20stroke%3D%22%23fffbe0%22%20stroke-opacity%3D%22.8%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E") center/100% 100% no-repeat!important;border:0!important;border-radius:50%}
/* 게임 상단·하단 금 아이콘 버튼 */
.gic2{width:30px!important;height:30px!important;filter:drop-shadow(0 1.5px 1px rgba(0,0,0,.55))}
.gic .gic2{width:26px!important;height:26px!important}
.gic,.tbtn{border:1.5px solid transparent!important;background:linear-gradient(#173327,#0c1a14) padding-box,linear-gradient(135deg,#fff1b8,#d4af37 35%,#7a5a18 60%,#e9c766) border-box!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.45)!important}
/* 점수·코인 칸: 위쪽 가운데 이름표 */
.gm .tv{position:relative;overflow:visible;border:1.5px solid transparent!important;background:linear-gradient(#173327,#0c1a14) padding-box,linear-gradient(135deg,#fff1b8,#d4af37 35%,#7a5a18 60%,#e9c766) border-box!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.3),0 3px 8px rgba(0,0,0,.4);padding-top:6px}
.gm .tv>small{position:absolute;top:-8px;left:50%;transform:translateX(-50%);padding:1px 12px;font-size:10px!important;line-height:14px;font-weight:800;color:#f6e2a8!important;white-space:nowrap;background:linear-gradient(#1d4a36,#0f2a1f);border:1px solid #c9a45c;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%);box-shadow:none}
.gm .tv>small::before{content:none}
/* 먹기: 금판 + 네 모서리 잎 장식 */
.acts .tkb{color:#3a2608!important;text-shadow:0 1px 0 rgba(255,246,210,.6)!important;border:1.5px solid #8a6418!important;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20transform%3D%22rotate%280%2015%2015%29%22%3E%3Cg%20fill%3D%22%238a5e14%22%20stroke%3D%22%235a3a08%22%20stroke-width%3D%22.8%22%3E%3Cpath%20d%3D%22M3%203c9%200%2013%204%2014%2011-7%200-12-4-14-11z%22%20fill%3D%22%23c99a3a%22/%3E%3Cpath%20d%3D%22M3%203c3%206%207%209%2012%2010%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M3%203c1%208%205%2012%2011%2013-1-6-5-11-11-13z%22%20fill%3D%22%23a87a24%22/%3E%3C/g%3E%3Ccircle%20cx%3D%224%22%20cy%3D%224%22%20r%3D%222.2%22%20fill%3D%22%23f6df8f%22%20stroke%3D%22%235a3a08%22%20stroke-width%3D%22.8%22/%3E%3C/g%3E%3C/svg%3E") left 4px top 4px/18px 18px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20transform%3D%22rotate%2890%2015%2015%29%22%3E%3Cg%20fill%3D%22%238a5e14%22%20stroke%3D%22%235a3a08%22%20stroke-width%3D%22.8%22%3E%3Cpath%20d%3D%22M3%203c9%200%2013%204%2014%2011-7%200-12-4-14-11z%22%20fill%3D%22%23c99a3a%22/%3E%3Cpath%20d%3D%22M3%203c3%206%207%209%2012%2010%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M3%203c1%208%205%2012%2011%2013-1-6-5-11-11-13z%22%20fill%3D%22%23a87a24%22/%3E%3C/g%3E%3Ccircle%20cx%3D%224%22%20cy%3D%224%22%20r%3D%222.2%22%20fill%3D%22%23f6df8f%22%20stroke%3D%22%235a3a08%22%20stroke-width%3D%22.8%22/%3E%3C/g%3E%3C/svg%3E") right 4px top 4px/18px 18px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20transform%3D%22rotate%28180%2015%2015%29%22%3E%3Cg%20fill%3D%22%238a5e14%22%20stroke%3D%22%235a3a08%22%20stroke-width%3D%22.8%22%3E%3Cpath%20d%3D%22M3%203c9%200%2013%204%2014%2011-7%200-12-4-14-11z%22%20fill%3D%22%23c99a3a%22/%3E%3Cpath%20d%3D%22M3%203c3%206%207%209%2012%2010%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M3%203c1%208%205%2012%2011%2013-1-6-5-11-11-13z%22%20fill%3D%22%23a87a24%22/%3E%3C/g%3E%3Ccircle%20cx%3D%224%22%20cy%3D%224%22%20r%3D%222.2%22%20fill%3D%22%23f6df8f%22%20stroke%3D%22%235a3a08%22%20stroke-width%3D%22.8%22/%3E%3C/g%3E%3C/svg%3E") right 4px bottom 4px/18px 18px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20transform%3D%22rotate%28270%2015%2015%29%22%3E%3Cg%20fill%3D%22%238a5e14%22%20stroke%3D%22%235a3a08%22%20stroke-width%3D%22.8%22%3E%3Cpath%20d%3D%22M3%203c9%200%2013%204%2014%2011-7%200-12-4-14-11z%22%20fill%3D%22%23c99a3a%22/%3E%3Cpath%20d%3D%22M3%203c3%206%207%209%2012%2010%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M3%203c1%208%205%2012%2011%2013-1-6-5-11-11-13z%22%20fill%3D%22%23a87a24%22/%3E%3C/g%3E%3Ccircle%20cx%3D%224%22%20cy%3D%224%22%20r%3D%222.2%22%20fill%3D%22%23f6df8f%22%20stroke%3D%22%235a3a08%22%20stroke-width%3D%22.8%22/%3E%3C/g%3E%3C/svg%3E") left 4px bottom 4px/18px 18px no-repeat,
  linear-gradient(180deg,#fff4c4 0%,#f2d06a 30%,#d8a83a 62%,#f0cf72 100%)!important;
  box-shadow:inset 0 0 0 2px rgba(255,248,220,.55),inset 0 -4px 0 rgba(122,84,16,.35),0 4px 10px rgba(0,0,0,.45)!important}
.acts .tkb small{color:#4a3208!important}
.acts .tkb[disabled]{filter:saturate(.5) brightness(.75)}
/* 패스: 짙은 초록판 + 금선 + 나무 테두리 */
.acts [data-a=pass]{color:#f6e2a8!important;border:3px solid #5a3820!important;
  background:linear-gradient(180deg,#235440,#123526 60%,#0d281c)!important;
  box-shadow:inset 0 0 0 2px #c9a45c,inset 0 0 0 4px rgba(0,0,0,.35),0 0 0 1px #2e1a0a,0 4px 10px rgba(0,0,0,.45)!important}
.acts [data-a=pass] small{color:#e9d49a!important}
/* 히든 버튼: 나무 받침 느낌 */
.acts .hbt{border:3px solid #5a3820!important;background:linear-gradient(180deg,#4a3020,#2a1a10)!important;box-shadow:inset 0 0 0 1.5px #c9a45c,0 4px 10px rgba(0,0,0,.45)!important}

/* ===== 2026-11-03 2차: 먹기 버튼 입체감 · 점수/코인 이름표 ===== */
.acts .tkb{position:relative;border:2px solid #7a5410!important;border-radius:16px!important;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%280%2012%2012%29%22%3E%3Cg%20transform%3D%22translate%28-.7%20-.7%29%22%20fill%3D%22%23fff6d0%22%20stroke%3D%22%23fff6d0%22%20stroke-opacity%3D%22.9%22%20fill-opacity%3D%22.9%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28.8%20.8%29%22%20fill%3D%22%236b4a0e%22%20fill-opacity%3D%22.75%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23c99a32%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%238a6418%22%3E%3Cpath%20d%3D%22M6%205.2Q12%204.6%2017.5%204.4M5.2%206Q4.6%2012%204.4%2017.5%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") left 5px top 5px/22px 22px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%2890%2012%2012%29%22%3E%3Cg%20transform%3D%22translate%28-.7%20-.7%29%22%20fill%3D%22%23fff6d0%22%20stroke%3D%22%23fff6d0%22%20stroke-opacity%3D%22.9%22%20fill-opacity%3D%22.9%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28.8%20.8%29%22%20fill%3D%22%236b4a0e%22%20fill-opacity%3D%22.75%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23c99a32%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%238a6418%22%3E%3Cpath%20d%3D%22M6%205.2Q12%204.6%2017.5%204.4M5.2%206Q4.6%2012%204.4%2017.5%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") right 5px top 5px/22px 22px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28180%2012%2012%29%22%3E%3Cg%20transform%3D%22translate%28-.7%20-.7%29%22%20fill%3D%22%23fff6d0%22%20stroke%3D%22%23fff6d0%22%20stroke-opacity%3D%22.9%22%20fill-opacity%3D%22.9%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28.8%20.8%29%22%20fill%3D%22%236b4a0e%22%20fill-opacity%3D%22.75%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23c99a32%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%238a6418%22%3E%3Cpath%20d%3D%22M6%205.2Q12%204.6%2017.5%204.4M5.2%206Q4.6%2012%204.4%2017.5%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") right 5px bottom 5px/22px 22px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28270%2012%2012%29%22%3E%3Cg%20transform%3D%22translate%28-.7%20-.7%29%22%20fill%3D%22%23fff6d0%22%20stroke%3D%22%23fff6d0%22%20stroke-opacity%3D%22.9%22%20fill-opacity%3D%22.9%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28.8%20.8%29%22%20fill%3D%22%236b4a0e%22%20fill-opacity%3D%22.75%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23c99a32%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%238a6418%22%3E%3Cpath%20d%3D%22M6%205.2Q12%204.6%2017.5%204.4M5.2%206Q4.6%2012%204.4%2017.5%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") left 5px bottom 5px/22px 22px no-repeat,
   radial-gradient(ellipse 70% 45% at 50% 0%,rgba(255,252,230,.85),transparent 70%),
   linear-gradient(180deg,#fff3c2 0%,#f6d877 16%,#e9bf4f 46%,#d6a133 54%,#e7bd57 80%,#f5d880 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,252,232,.95),inset 0 -3px 0 rgba(140,94,16,.45),0 5px 0 #6e4a0e,0 9px 16px rgba(0,0,0,.5)!important;
  color:#3a2406!important;text-shadow:0 1px 0 rgba(255,248,214,.85)!important;transform:translateY(-2px)}
.acts .tkb::before{content:'';position:absolute;inset:6px;border-radius:11px;pointer-events:none;border:1px solid rgba(122,84,16,.55);box-shadow:0 1px 0 rgba(255,248,220,.75),inset 0 1px 0 rgba(122,84,16,.2)}
.acts .tkb:active{transform:translateY(2px);box-shadow:inset 0 2px 0 rgba(255,252,232,.9),inset 0 -2px 0 rgba(140,94,16,.4),0 1px 0 #6e4a0e,0 3px 8px rgba(0,0,0,.45)!important}
.acts .tkb[disabled]{transform:none;box-shadow:inset 0 2px 0 rgba(255,252,232,.6),0 3px 0 #5a3c0a!important}
/* 점수·코인 이름표: 금테 육각 이름표가 칸 윗선 위에 깔끔하게 */
.gm .tv>small{all:unset;position:absolute;top:-10px;left:50%;transform:translateX(-50%);z-index:2;isolation:isolate;
  padding:2px 13px;font:800 10.5px/14px "Noto Sans KR",sans-serif;color:#f6e2a8;white-space:nowrap;
  background:linear-gradient(135deg,#fff1b8,#d4af37 40%,#8a6418 70%,#e9c766);
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}
.gm .tv>small::before{content:'';position:absolute;inset:1.5px;z-index:-1;background:linear-gradient(#1f4c38,#0f2a1f);
  clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%)}
.gm .tv>small *{color:inherit}
.gm .tv{padding-top:8px!important}

/* ===== 2026-11-03 3차: 버튼 입체감 통일 (누르는 건 솟게 · 보여주는 건 파이게) ===== */
/* 공통: 위로 2px 떠 있고 아래에 두께(단)가 보임 → 누르면 내려앉음 */
.acts .tkb{box-shadow:inset 0 2px 0 rgba(255,252,232,.95),inset 0 -3px 0 rgba(140,94,16,.45),0 4px 0 #6e4a0e,0 8px 14px rgba(0,0,0,.45)!important}
.acts [data-a=pass]{position:relative;transform:translateY(-2px);
  background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(190,240,210,.22),transparent 70%),linear-gradient(180deg,#2a6049,#15402e 50%,#0d2a1d)!important;
  box-shadow:inset 0 0 0 2px #c9a45c,inset 0 0 0 4px rgba(0,0,0,.3),inset 0 3px 0 rgba(255,255,255,.12),0 0 0 1px #2e1a0a,0 4px 0 #6b4424,0 5px 0 #2e1a0a,0 8px 14px rgba(0,0,0,.45)!important;
  text-shadow:0 2px 0 rgba(0,0,0,.45)!important}
.acts .hbt{transform:translateY(-2px);
  background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(255,220,170,.18),transparent 70%),linear-gradient(180deg,#56382a,#2a1a10)!important;
  box-shadow:inset 0 0 0 1.5px #c9a45c,inset 0 3px 0 rgba(255,230,190,.12),0 0 0 1px #2e1a0a,0 4px 0 #6b4424,0 5px 0 #2e1a0a,0 8px 14px rgba(0,0,0,.45)!important}
.acts [data-a=pass]:active,.acts .hbt:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #c9a45c,inset 0 0 0 4px rgba(0,0,0,.3),0 0 0 1px #2e1a0a,0 1px 0 #2e1a0a,0 3px 6px rgba(0,0,0,.4)!important}
.acts [data-a=pass][disabled],.acts .hbt[disabled]{transform:none}
/* 채팅 · 이모지 · 자리비움 · 나가기: 금테 원판 + 짙은 금 두께 */
.gic,.tbtn{transform:translateY(-2px);transition:transform .08s;
  background:radial-gradient(ellipse 75% 45% at 50% 0%,rgba(255,240,190,.16),transparent 70%) padding-box,linear-gradient(#1c3c2e,#0c1a14) padding-box,linear-gradient(135deg,#fff1b8,#d4af37 35%,#7a5a18 60%,#e9c766) border-box!important;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.3),inset 0 3px 0 rgba(255,240,190,.1),0 4px 0 #8a6418,0 5px 0 #3a2a0a,0 8px 12px rgba(0,0,0,.45)!important}
.gic:active,.tbtn:active{transform:translateY(2px)!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.3),0 1px 0 #5a4214,0 3px 6px rgba(0,0,0,.4)!important}
.gic.on{box-shadow:inset 0 0 0 2px rgba(0,0,0,.3),0 0 10px rgba(240,210,120,.55),0 4px 0 #8a6418!important}
/* 점수 · 코인: 누르는 버튼이 아니라서 판에 파인 홈처럼 */
.gm .tv{box-shadow:inset 0 3px 7px rgba(0,0,0,.6),inset 0 -1px 0 rgba(255,230,160,.12),0 1px 0 rgba(255,230,160,.22)!important;
  background:linear-gradient(#0a1712,#11271d) padding-box,linear-gradient(135deg,#fff1b8,#d4af37 35%,#7a5a18 60%,#e9c766) border-box!important}
.gm .tv>b{text-shadow:0 2px 0 rgba(0,0,0,.5)}
.tray2{padding-bottom:2px}

/* ===== 2026-11-03 4차: 하이엔드 테이블 (원목 테두리 + 금장 + 다마스크 · 펠트 색은 테이블 스킨 따라) ===== */
.tbl{--tbw:76px}
.tbl::before{inset:6px!important;z-index:-2!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  clip-path:polygon(38px 0,calc(100% - 38px) 0,100% 38px,100% calc(100% - 38px),calc(100% - 38px) 100%,38px 100%,0 calc(100% - 38px),0 38px)!important;
  background:radial-gradient(ellipse 75% 60% at 50% 45%,color-mix(in srgb,var(--tf1,#1f6b4c) 82%,#fff 10%),var(--tf1,#1f6b4c) 55%,color-mix(in srgb,var(--tf1,#1f6b4c) 60%,var(--tf2,#0d3a28)) 100%)!important;transition:filter .7s}
.tbl::after{inset:0!important;z-index:-1!important;clip-path:none!important;background:none!important;box-shadow:none!important;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))!important;
  border:var(--tbw) solid transparent!important;border-image:url("../img/table_frame.webp") 132 fill / var(--tbw) stretch!important}
html.lite .tbl.hot::after,.tbl.hot::after{filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))!important}
/* 11-06d 테두리를 따로 된 층으로: 카드·코인이 바뀔 때 그림자 있는 큰 테두리를 다시 칠하지 않아요 (그리기 일 약 절반) · 가벼운 모드는 그림자 없이 */
.tbl::after{will-change:transform;transform:translateZ(0)}
html.lite .tbl::after,html.lite .tbl.hot::after{filter:none!important}
.tbl.hot::before{filter:brightness(.8) saturate(1.15)}
.tbl .tbo,.tbl .tblem{display:none!important}
/* 가운데 금장 액자 · 카드 조금 작게 */
.tbl .ctr .col{position:relative}
.tbl .ctr .col::before{content:'';position:absolute;left:50%;top:50%;width:116px;aspect-ratio:283/395;transform:translate(-50%,-50%);background:url("../img/table_center_oct.webp") center/100% 100% no-repeat;pointer-events:none;z-index:-1}
.tbl .stack{width:72px!important;height:96px!important}
.tbl .stack .pile.v{width:60px!important;height:86px!important}
.tbl .big{min-width:60px!important;width:60px;height:86px!important;font-size:31px!important}
.tbl .stack .c.big{left:10px!important;top:8px!important}
.tbl .potbar{position:relative;z-index:1}
/* 최근 플레이: 한 줄만 */
.log3{min-height:0!important;padding:4px 4px 2px!important}.log3 .lg1,.log3 .lg2{display:none!important}

/* ===== 2026-11-03 5차: 패스 버튼에도 먹기와 같은 금장 무늬 · 가운데 판은 솟게 ===== */
.acts [data-a=pass]{border-radius:16px!important;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%280%2012%2012%29%22%3E%3Cg%20transform%3D%22translate%28-.7%20-.7%29%22%20fill%3D%22%23fff6d0%22%20stroke%3D%22%23fff6d0%22%20stroke-opacity%3D%22.9%22%20fill-opacity%3D%22.9%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28.8%20.8%29%22%20fill%3D%22%236b4a0e%22%20fill-opacity%3D%22.75%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23c99a32%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%238a6418%22%3E%3Cpath%20d%3D%22M6%205.2Q12%204.6%2017.5%204.4M5.2%206Q4.6%2012%204.4%2017.5%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") left 5px top 5px/22px 22px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%2890%2012%2012%29%22%3E%3Cg%20transform%3D%22translate%28-.7%20-.7%29%22%20fill%3D%22%23fff6d0%22%20stroke%3D%22%23fff6d0%22%20stroke-opacity%3D%22.9%22%20fill-opacity%3D%22.9%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28.8%20.8%29%22%20fill%3D%22%236b4a0e%22%20fill-opacity%3D%22.75%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23c99a32%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%238a6418%22%3E%3Cpath%20d%3D%22M6%205.2Q12%204.6%2017.5%204.4M5.2%206Q4.6%2012%204.4%2017.5%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") right 5px top 5px/22px 22px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28180%2012%2012%29%22%3E%3Cg%20transform%3D%22translate%28-.7%20-.7%29%22%20fill%3D%22%23fff6d0%22%20stroke%3D%22%23fff6d0%22%20stroke-opacity%3D%22.9%22%20fill-opacity%3D%22.9%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28.8%20.8%29%22%20fill%3D%22%236b4a0e%22%20fill-opacity%3D%22.75%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23c99a32%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%238a6418%22%3E%3Cpath%20d%3D%22M6%205.2Q12%204.6%2017.5%204.4M5.2%206Q4.6%2012%204.4%2017.5%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") right 5px bottom 5px/22px 22px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28270%2012%2012%29%22%3E%3Cg%20transform%3D%22translate%28-.7%20-.7%29%22%20fill%3D%22%23fff6d0%22%20stroke%3D%22%23fff6d0%22%20stroke-opacity%3D%22.9%22%20fill-opacity%3D%22.9%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28.8%20.8%29%22%20fill%3D%22%236b4a0e%22%20fill-opacity%3D%22.75%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23c99a32%22%3E%3Cpath%20d%3D%22M4.5%205.2C8.5%201.2%2015.5%201.4%2020%204.4C15.6%207.6%209.4%208.4%204.5%205.2Z%22/%3E%3Cpath%20d%3D%22M5.2%204.5C1.2%208.5%201.4%2015.5%204.4%2020C7.6%2015.6%208.4%209.4%205.2%204.5Z%22/%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%224.6%22%20r%3D%222.4%22/%3E%3C/g%3E%3Cg%20stroke%3D%22%238a6418%22%3E%3Cpath%20d%3D%22M6%205.2Q12%204.6%2017.5%204.4M5.2%206Q4.6%2012%204.4%2017.5%22%20fill%3D%22none%22%20stroke-width%3D%22.7%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") left 5px bottom 5px/22px 22px no-repeat,
   radial-gradient(ellipse 70% 45% at 50% 0%,rgba(190,240,210,.22),transparent 70%),linear-gradient(180deg,#2a6049,#15402e 50%,#0d2a1d)!important}
.acts [data-a=pass]::before{content:'';position:absolute;inset:6px;border-radius:11px;pointer-events:none;border:1px solid rgba(201,164,92,.55);box-shadow:0 1px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(0,0,0,.3)}
.tbl .ctr .col::before{width:106px}
.tbl .stack{width:68px!important;height:90px!important}
.tbl .stack .pile.v{width:56px!important;height:80px!important}
.tbl .big{min-width:56px!important;width:56px;height:80px!important;font-size:29px!important}
.tbl .stack .c.big{left:9px!important;top:7px!important}
/* 패스/먹기 아래 글자가 모서리 무늬에 닿지 않게: 무늬 안쪽 폭만 쓰고, 길면 글자를 줄여요 */
.acts .tkb small,.acts [data-a=pass] small{max-width:calc(100% - 50px);box-sizing:border-box;white-space:nowrap;overflow:hidden}
.acts .tkb>*,.acts [data-a=pass]>*{position:relative;z-index:1}
/* 마지막 코인일 때 패스 안내는 무늬 안쪽에서 두 줄로 */
.acts [data-a=pass].pw1{gap:3px!important;font-size:16px!important}
.acts [data-a=pass].pw1 small{white-space:normal!important;height:auto!important;line-height:1.2!important;font-size:10.5px!important;text-align:center;flex-wrap:wrap;word-break:keep-all;overflow:visible}
.acts [data-a=pass].pw1 small{display:block!important}

/* ===== 2026-11-04 다이아 상품 그림 (참고 시안 스타일) ===== */
.dimg{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none}
.dpk .dart{width:112px;height:92px;margin:0 0 4px}
.dpk.best .dart{width:170px;height:132px}
.dpk .dart .dimg{filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
.dpk .dbn,.dpk .drb{z-index:3}.dpk .dart{position:relative;z-index:1;margin-top:6px}

/* ===== 2026-11-04 계급 엠블럼 그림 ===== */
.temb.timg{display:inline-block;position:relative;vertical-align:middle;line-height:0}
.temb.timg img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none}
.temb.timg em{position:absolute;left:50%;bottom:-2%;transform:translateX(-50%);font:italic 800 12px/1 Georgia,'Times New Roman',serif;font-style:normal;color:#fff3c4;padding:.18em .45em .14em;border-radius:.5em;background:linear-gradient(#3a2a10,#1a1206);border:1px solid #c9a45c;box-shadow:0 2px 4px rgba(0,0,0,.6);letter-spacing:.04em;line-height:1}
/* 2026-11-04 엠블럼 크기 줄임: 그림은 여백이 없어 예전 SVG보다 커 보임 (메인 HUD · 프로필/친구 카드) */
.lvtier .temb.timg{width:19px!important;height:19px!important}
.pc3l .temb.timg{width:15px!important;height:15px!important;margin-right:2px}
.pc3ls .temb.timg{width:24px!important;height:24px!important}

/* ===== 2026-11-04 테이블: 모서리 덜 어둡게 · 가운데 판을 새 시안 팔각 금테로 (카드 칸 금테는 뺌, 펠트는 스킨 색 그대로) ===== */
.tbl::before{background:radial-gradient(ellipse 95% 80% at 50% 45%,color-mix(in srgb,var(--tf1,#1f6b4c) 85%,#fff 9%),var(--tf1,#1f6b4c) 62%,color-mix(in srgb,var(--tf1,#1f6b4c) 82%,var(--tf2,#0d3a28)) 100%)!important}
.tbl .ctr .col::before{width:128px;aspect-ratio:300/431;background:url("../img/table_center_oct.webp") center/100% 100% no-repeat}

/* ===== 2026-11-04 빠른 매칭 (대기열 · 매칭 완료) ===== */
.qmov,.qmw{align-items:center;justify-content:center}
.qmb{margin:auto;width:min(340px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:#cfd8cf;padding:22px 18px;border-radius:18px;background:radial-gradient(120% 80% at 50% 0,#21402f,#0c1713 70%);border:1.5px solid rgba(240,217,138,.55);box-shadow:0 10px 30px rgba(0,0,0,.55)}
.qmb>small{font-size:10px;letter-spacing:.18em;color:#c9a45c}
.qmb>b{font-size:20px;color:#f6e7b0}
.qmfee{font-size:12px;color:#f0d98a;display:inline-flex;align-items:center;gap:4px}.qmfee svg,.qmfee img{width:14px;height:14px}
.qmspin{position:relative;width:76px;height:76px;display:grid;place-items:center;margin:6px 0}
.qmspin .spin{position:absolute;inset:0;width:76px!important;height:76px!important;border-width:4px!important}
.qmspin em{font-style:normal;font:700 15px/1 Georgia,serif;color:#f6e7b0;font-variant-numeric:tabular-nums}
.qmt{margin:0;font-size:14px;color:#e8efe8}
.qmseats{display:flex;gap:10px}
.qmseats>span{width:44px;height:44px;border-radius:50%;border:1.5px dashed rgba(201,164,92,.45);display:grid;place-items:center}
.qmseats>span.on{border-style:solid;border-color:#f0d98a;box-shadow:0 0 10px rgba(240,217,138,.35)}
.qmseats .avi.sm{width:36px;height:36px}
.qmn{margin:0;font-size:12px;color:#cfd8cf;display:inline-flex;align-items:center;gap:6px}.qmn .spin{width:12px!important;height:12px!important;border-width:2px!important}
.qmnote{margin:0;font-size:10.5px;line-height:1.45;color:#8fa596}
.qmb .btn{width:100%;height:42px;margin-top:4px}
.qmw .onls{max-width:100%}
/* 2026-11-04 빠른 매칭 화면 보정: 상자가 화면 밖으로 나가던 문제 · 결과 화면 버튼 순서 */
.qmb{box-sizing:border-box;max-width:100%}
.qmov,.qmw{overflow-x:hidden}
.qmb p,.qmb b{overflow-wrap:anywhere}
.qmlobby{box-shadow:0 0 16px rgba(240,217,138,.35)}
/* 2026-11-04 시상대 이름: 레벨·'나' 표시는 남기고 이름만 줄임 */
.pc .pn{display:flex;align-items:center;justify-content:center;max-width:100%;min-width:0}
.pc .pn .pnt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc .pn .slv,.pc .pn .meb{flex:none}

/* ===== 2026-11-04 게임 화면 보정 ===== */
/* 가운데 팔각 금테: 카드·남은 장수·코인만 딱 감싸게 */
.tbl .ctr .col::before{width:104px!important;height:160px!important;aspect-ratio:auto!important}
/* 코인 2개·1개 남았을 때 강조 (새 버튼 디자인에 가려져 있던 것 되살림) */
.gm .tv.cw2{background:linear-gradient(#2e2410,#1a1408) padding-box,linear-gradient(135deg,#ffe0a8,#ffb347 40%,#a8641c 65%,#ffc46b) border-box!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.3),0 0 12px rgba(255,160,60,.45)}
.gm .tv.cw2>small{background:linear-gradient(#7a4c12,#3a240a)!important;border-color:#ffb347!important;color:#ffe0a8!important}
.gm .tv.cw2>b{color:#ffd28a!important}
.gm .tv.cw1{background:linear-gradient(#3a0d10,#1a0607) padding-box,linear-gradient(135deg,#ffb0a8,#ff4a4a 40%,#7a1a14 65%,#ff8a7a) border-box!important;animation:cw1 1s ease-in-out infinite}
.gm .tv.cw1>small{background:linear-gradient(#8a1a1a,#4a0a0a)!important;border-color:#ff6a5a!important;color:#ffd6d0!important}
.gm .tv.cw1>b{color:#fff!important}
.acts [data-a=pass].pw1{color:#ffd6d0!important;box-shadow:inset 0 0 0 2px #ff5a4a,inset 0 0 0 4px rgba(0,0,0,.3),inset 0 3px 0 rgba(255,255,255,.1),0 0 0 1px #2e1a0a,0 4px 0 #6b2420,0 5px 0 #2e1a0a,0 0 16px rgba(255,80,60,.5)!important}
.acts [data-a=pass].pw1::before{border-color:rgba(255,110,90,.7)!important}
.acts [data-a=pass].pw1 small{color:#ff9a8a!important}
/* 2026-11-04 매칭 대기 자리: 아이콘이 원 밖으로 밀리던 문제 (공통 .avi 오른쪽 여백·네모 테두리) */
.qmseats>span{overflow:hidden;box-sizing:border-box}
.qmseats>span .avi.sm{margin:0!important;width:36px!important;height:36px!important;border-radius:50%!important;overflow:hidden;flex:none}
.qmseats>span .avi.sm>*{border-radius:50%}

/* ===== 2026-11-04 메인 좌우 메뉴 테두리: 새 금테(위아래 꽃봉오리 장식 · 둥근 끝) ===== */
.stage .side{border:0!important;box-shadow:0 4px 12px rgba(0,0,0,.35)!important;border-radius:999px!important;padding-top:20px!important;padding-bottom:20px!important;overflow:visible}
.stage .side::after{content:none!important}
.stage .side::before{content:''!important;position:absolute!important;top:-6px!important;bottom:-6px!important;left:-1px!important;right:-1px!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important;
  background:none!important;box-shadow:none!important;border-style:solid!important;border-color:transparent!important;border-width:38px 4px!important;
  border-image:url("../img/side_frame.webp") 96 10 / 38px 4px stretch!important;pointer-events:none;z-index:1}

/* ===== 2026-11-04 계급 단계(I~IV): 양피지 리본 + Cinzel 글자 (시안 2) ===== */
.temb.timg em{left:50%!important;bottom:-9%!important;transform:translateX(-50%)!important;width:132%;aspect-ratio:386/108;height:auto;box-sizing:border-box;
  padding:0 0 3% !important;border:0!important;border-radius:0!important;box-shadow:none!important;
  background:url("../img/tier_ribbon.webp") center/100% 100% no-repeat!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));
  display:flex;align-items:center;justify-content:center;
  font-family:Cinzel,Georgia,'Times New Roman',serif!important;font-weight:800!important;font-style:normal!important;letter-spacing:.08em;
  color:#4a2c12!important;text-shadow:0 1px 0 rgba(255,236,190,.55)}
.rk2e .temb.timg{margin-bottom:12px}
/* 2026-11-04 랭킹 초대: 칩이 길면 두 줄로 (영어·일본어에서 참가비가 잘리던 문제) */
.rkchips{flex-wrap:wrap!important;justify-content:center;row-gap:6px}
.rkchips span{flex:none;max-width:100%}
.rkchips .rkc-f{white-space:nowrap}
.rkinv .ivt b{overflow-wrap:anywhere}
/* 2026-11-04 왕관 그림: 가로가 넓어서 칸 안에 맞춰 넣기 */
img.crimg{object-fit:contain;display:inline-block;vertical-align:middle;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
/* 2026-11-04 온라인: 자리비움 버튼 보이기 · 게임으로 돌아가기 버튼 */
html.onl #baway{display:inline-flex!important}
.onlres{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:70;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;border:1.5px solid #f0d98a;background:linear-gradient(#2a5a40,#123526);color:#f6e7b0;box-shadow:0 6px 18px rgba(0,0,0,.5),0 0 14px rgba(240,217,138,.35);font:inherit;max-width:calc(100vw - 32px)}
.onlres .spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(240,217,138,.25);border-top-color:#f0d98a;animation:onlsp 1s linear infinite;flex:none}
.onlres span{display:flex;flex-direction:column;text-align:left;line-height:1.2}.onlres b{font-size:14px}.onlres small{font-size:11px;color:#cfd8cf}
/* 2026-11-04 클로버 교환 상품 그림 */
.dpk.xpk .xart{width:112px;height:88px;margin:2px 0 6px}
.dpk.xpk .xart .dimg{filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
/* 2026-11-04 클로버 탭: 교환 비율을 네모 상자에 (보유량 칸 대신) */
.exrt.exbox{padding:12px 10px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid rgba(201,164,92,.3);margin:0 0 10px;gap:4px}
.exrt.exbox>span{font-size:15px}
.exrt.exbox small{font-size:12px;color:#aebcae}
/* 2026-11-04 메인 HUD: 왕관·수량을 레벨과 같은 크기·색으로 */
.hud2 .lvcr{display:inline-flex!important;align-items:center;gap:3px}
.hud2 .lvcr img.crimg{width:19px!important;height:19px!important}
.hud2 .lvcr b{font-size:14px!important;color:#f0d98a!important;font-family:Cinzel,Georgia,serif!important;font-weight:800!important}
.hud2 .lvcr b{text-shadow:0 1px 2px #000!important}
/* 2026-11-04 메인 HUD: 닉네임·국기를 옆 칸(숫자 14px · 아이콘 19px)과 맞춤 */
.hud2 .nick .nflag svg,.hud2 .nick .nflag img{width:18px!important;height:12px!important}
.hud2 .nick .nflag{margin-right:5px}
/* 2026-11-04 가운데 팔각 금테 더 작게: 카드 + 남은 장수만 감싸고, 쌓인 코인은 금테 위로 */
.tbl .ctr .col .potbar{margin-bottom:12px!important}
.tbl .ctr .col::before{width:96px!important;height:128px!important;top:auto!important;bottom:-10px!important;transform:translateX(-50%)!important}
:root{--shbg:url("../img/loading.webp")}
/* 2026-11-05 친구 방 대기실: 방장 설정 */
.onlcfg{width:100%;max-width:420px;margin:6px 0 0}.onlcfg .pk{padding:6px 0}.onlcfg .seg button[disabled]{opacity:.85}
/* 2026-11-05 친구 방: 초대 버튼 · 방 만들기 전 설정 */
.onlh .onlinv{margin-top:10px;height:44px;padding:0 22px;font-size:15px}
.onlbox .pk{padding:6px 0}.onlbox .onlrow{margin-top:10px}
/* 2026-11-05 친구 방: 빈자리 아래 가로로 긴 '초대 링크 만들기' */
.onll .onlinv{width:100%;max-width:420px;height:48px;margin:2px 0 4px;font-size:15px}
#onlCode::placeholder{letter-spacing:0;font-size:13px;font-family:inherit}
/* 2026-11-05 진짜 친구 · 방 빈자리 초대 */
.onlseat.empty .finv{height:30px;padding:0 12px;font-size:12.5px}
.frinvb{position:relative;width:min(420px,100%);max-height:80vh;display:flex;flex-direction:column;gap:8px;padding:18px 16px 16px!important;box-sizing:border-box}
.frinvb h3{margin:0;font-size:18px;color:#f0d98a;text-align:center}
.frinvb .frsm{font-size:12px;margin:0;text-align:center;line-height:1.45}
.frinvb .frr{text-align:left}
.frinvb .frsl{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:6px;margin-top:4px}
.frinvb .frr .btn{flex:none;width:auto;min-width:74px;height:34px;padding:0 10px;font-size:13px}
.frinvb .frlink{width:100%;height:40px;margin-top:4px}
.frinvb .spin{display:inline-block;width:12px;height:12px;vertical-align:-2px}
.mld .mlget[data-mroom]{width:100%}
/* 2026-11-05 결과: 개구리(꼴찌) 자리에 우는 개구리 다시 · 크기는 다른 줄 아바타와 비슷하게 */
.lastn .pav.lfrog{width:46px!important;height:46px!important;flex:none;padding:2px;margin:-6px 0;box-sizing:border-box;border:2px solid #7fe3a0;background:radial-gradient(circle at 50% 38%,#2a6444,#0f1f19 75%);box-shadow:0 0 10px rgba(127,227,160,.35);color:#f1e9d6;overflow:hidden}
.lastn .pav.lfrog svg{width:100%!important;height:100%!important;max-width:none!important;display:block;animation:lfsob 1.6s ease-in-out infinite;transform-origin:50% 80%}
@keyframes lfsob{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(1px) rotate(-3deg)}60%{transform:translateY(0) rotate(3deg)}}
html.lite .lastn .pav.lfrog svg{animation:none}
.rlim{display:block;margin-top:3px;color:#f0d98a!important;opacity:.95}
/* 2026-11-05 랭킹 게임 규칙 새 정리 */
.rr2{max-width:400px!important;padding:16px 14px!important}
.rr2k{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 4px}
.rr2k>div{text-align:center;padding:8px 4px;border-radius:12px;background:rgba(240,217,138,.08);border:1px solid rgba(240,217,138,.3)}
.rr2k b{display:block;color:#f0d98a;font-size:17px;line-height:1.2}.rr2k small{display:block;font-size:10.5px;color:#b9c4b8;margin-top:2px}
.rr2s{margin-top:12px;padding:10px 10px 8px;border-radius:14px;background:rgba(0,0,0,.22);border:1px solid rgba(201,164,92,.22)}
.rr2s h4{margin:0 0 6px;font-size:14px;color:#f0d98a;display:flex;align-items:center;gap:6px}.rr2s h4 i{font-style:normal;font-size:14px}
.rr2s ul{margin:0;padding-left:16px;font-size:12.5px;line-height:1.55;color:#e8e2d0}.rr2s li em,.rr2m em{font-style:normal;color:#f0d98a;font-weight:700}
.rr2f{display:flex;align-items:center;gap:4px;margin:2px 0 8px}
.rr2c{display:flex;flex-direction:column;gap:4px;flex:1.1}
.rr2n{flex:1;min-width:0;text-align:center;padding:6px 2px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(201,164,92,.35)}
.rr2n b{display:block;font-size:12.5px;color:#f1e9d6}.rr2n small{display:block;font-size:10px;color:#a9b5a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr2n.rr2u{border-color:rgba(127,227,160,.55)}.rr2n.rr2d{opacity:.8}.rr2n.fin{border-color:#f0d98a;background:rgba(240,217,138,.14)}.rr2n.fin b{color:#f0d98a}
.rr2a{color:#c9a45c;font-size:13px;flex:none}
.rr2b{display:flex;width:100%;margin-bottom:6px}.rr2b button{flex:1;min-width:0;font-size:11px;padding:0 4px;white-space:nowrap}
.rr2t{width:100%;border-collapse:collapse;font-size:12px;color:#e8e2d0}
.rr2t th{font-size:10.5px;color:#a9b5a8;font-weight:600;text-align:left;padding:3px 4px;border-bottom:1px solid rgba(201,164,92,.3)}
.rr2t td{padding:4px;border-bottom:1px solid rgba(255,255,255,.05)}.rr2t td:first-child{font-weight:800;color:#f0d98a;width:44px}
.rr2t th:nth-child(n+3),.rr2t td:nth-child(n+3){text-align:right;white-space:nowrap}
.rr2t tr.t0 td{background:rgba(240,217,138,.12)}.rr2t td.p{color:#7fe3a0;font-weight:700}.rr2t td.m{color:#ff8f86}
.rr2m{font-size:11px;color:#b9c4b8;margin:6px 0 0;line-height:1.5}
.rr2e{display:grid;grid-template-columns:repeat(5,1fr);gap:6px 2px;margin-bottom:8px}
.rr2e>div{display:flex;flex-direction:column;align-items:center;gap:1px}.rr2e small{font-size:10px;color:#e8e2d0;white-space:nowrap}.rr2e em{font-style:normal;font-size:9.5px;color:#a9b5a8}
.rr2 .rr2k small,.rr2 .rr2n small,.rr2 .rr2e small,.rr2 .rr2e em{letter-spacing:0!important;text-transform:none}
.rr2n small{white-space:normal!important;line-height:1.25}
.rr2b button{white-space:normal!important;height:auto!important;min-height:28px;line-height:1.15!important;padding:3px 2px!important;font-size:10.5px!important;overflow:hidden}
/* 2026-11-05 아래 메뉴: 아이콘·글자가 아래로 쏠려 보여서 위아래 여백을 맞춤 (아래쪽 여백 늘리고 위는 줄임) */
.lb .nav2{padding-top:2px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
.lb .nav2 button:not(.on){padding:2px 0 2px!important}
.lb .nav2 button.on{margin-bottom:calc(-12px - env(safe-area-inset-bottom,0px))!important;padding-top:6px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}
.lb .nav2 button span{line-height:1!important;height:28px;display:flex;align-items:center;justify-content:center}
.lb .nav2 button.on span{height:34px}
/* 2026-11-05 챌린저 프레임: 보관함 미리보기처럼 메인 화면·게임 자리·결과 화면에서도 색이 돌아가요 */
.av2.cc,.pav.cc,.seat .av.cc{animation:ccspin 6s linear infinite}
html.lite .av2.cc,html.lite .pav.cc,html.lite .seat .av.cc{animation:none!important}
/* 프레임만 색이 돌고 캐릭터(아바타) 색은 그대로: 안쪽 아바타는 같은 속도로 반대로 돌려 상쇄 */
@keyframes ccspinr{to{filter:hue-rotate(-360deg)}}
.av2.cc>.avg,.av2.cc>.avs,.pav.cc>.avg,.pav.cc>.avs,.seat .av.cc>.avg,.seat .av.cc>.avs,.cit .emf.cc>.avg,.cit .emf.cc>.avs{animation:ccspinr 6s linear infinite}
html.lite .av2.cc>*,html.lite .pav.cc>*,html.lite .seat .av.cc>*,html.lite .cit .emf.cc>*{animation:none!important}
.rmodes li{margin-bottom:6px;line-height:1.5}.rmodes li b{color:#f0d98a;margin-right:4px}
.qmw .qmx2{width:100%;height:42px;margin-top:10px}
/* 11-05 칸 제목 아이콘 */
.avhd b .hic{display:inline-flex;width:24px;height:24px;vertical-align:-5px;margin-right:7px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.avhd b .hic svg{width:100%;height:100%;display:block}
/* 11-06 랭킹 대회(서버) 테이블 카드 */
.cupv .ttb.mine{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr;gap:4px 8px}
.cupv .ttb.mine small{grid-column:1/-1}
.cupv .tpl em{font-style:normal;font-weight:900;color:#f0d98a;width:12px;text-align:center;flex:none}
.cupv .tpn .botk{display:inline-block;font-style:normal;font-size:8.5px;font-weight:900;padding:0 4px;border-radius:5px;background:#c9a45c;color:#1a1409;margin-right:3px;vertical-align:1px;line-height:13px}
.cupv .tpn{flex-direction:column}.cupv .tpn>i.botk+*{display:inline}
.cupv .tpn b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 11-06 온라인: 누른 버튼은 서버 답이 올 때까지 살짝 눌린 채로 */
.acts .pend{filter:brightness(.8);transform:translateY(1px);pointer-events:none}
/* 2026-11-05 참가비 절반 돌려받기 버튼: 남은 횟수는 아랫줄 */
.adbn .adrl{display:block;font-size:11px;font-weight:500;opacity:.78;margin-top:2px;letter-spacing:0}
/* 2026-11-05 랭킹 대회 다른 테이블 관전 버튼 */
.ttb>small{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ttb .twch{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;border:1px solid rgba(240,217,138,.55);background:rgba(240,217,138,.12);color:#f0d98a;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.ttb .twch svg{width:13px;height:13px}
/* 2026-11-05 교환을 꺼 뒀을 때 */
.exoff{text-align:center;padding:16px 14px;margin:10px 0}
.exoff b{display:block;color:#f0d98a;font-size:14px}
.exoff small{display:block;margin-top:6px;opacity:.75;font-size:12px;line-height:1.5}
/* ===== 2026-11-05 모험 모드 ===== */
.navsw{font-style:normal;display:inline-block;filter:saturate(.85)}
.advw{position:relative;margin:0 -2px;padding:10px 10px 12px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,var(--a1) 0%,var(--a2) 55%,var(--a3) 100%);border:1px solid rgba(230,194,110,.35)}
.advff{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff6b0;box-shadow:0 0 8px 2px rgba(255,240,140,.7);left:12%;top:30%;opacity:0;animation:advff 7s ease-in-out infinite;pointer-events:none}
.advff.f2{left:78%;top:18%;animation-delay:1.4s}.advff.f3{left:42%;top:55%;animation-delay:2.8s}.advff.f4{left:88%;top:62%;animation-delay:4.2s}.advff.f5{left:22%;top:78%;animation-delay:5.6s}
@keyframes advff{0%,100%{opacity:0;transform:translate(0,0)}30%{opacity:.9}60%{opacity:.5;transform:translate(14px,-18px)}}
html.lite .advff{display:none}
.advhd{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:8px;position:relative}
.advtk{display:inline-flex;align-items:center;gap:5px;background:rgba(4,14,9,.85);border:1px solid rgba(230,194,110,.45);border-radius:99px;padding:5px 11px;font-size:12.5px;font-weight:800;color:#fff1c2}
.advtk b{color:#ffe08a}.advtk em{font-style:normal;color:#9fe0b8;font-size:11.5px}
.advad{margin-left:auto;background:linear-gradient(180deg,#f0cb75,#b88728);color:#1c1202;border:1px solid #ffeba8;border-radius:99px;padding:5px 11px;font-size:12px;font-weight:800;line-height:1.15}
.advad small{display:block;font-size:10px;font-weight:600;opacity:.8}
.advad.g{margin-left:0;background:rgba(9,28,19,.85);color:#ffe8a3;border-color:rgba(230,194,110,.5)}
.advad+.advad.g{margin-left:0}
.advtk+.advad.g{margin-left:auto}
.advch{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px;position:relative}
.advch button{background:rgba(9,28,19,.8);border:1px solid rgba(230,194,110,.28);border-radius:9px;padding:7px 2px;color:#a9c4b5;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:3px}
.advch button svg{width:11px;height:11px}
.advch button.on{background:linear-gradient(180deg,#215c3f,#113624);border:1.5px solid #e6c26e;color:#fff3c4}
.advch button.lk{opacity:.55}
.advbn{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;background:rgba(7,22,15,.72);border:1px solid rgba(230,194,110,.35);border-radius:12px;margin-bottom:10px;position:relative}
.advbn b{display:block;font-size:13.5px;color:#ffe8a3}.advbn small{display:block;font-size:11px;color:#a9c8b6;margin-top:2px}
.advbn em{font-style:normal;flex-shrink:0;background:rgba(230,194,110,.15);border:1px solid rgba(230,194,110,.4);color:#ffe8a3;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:800}
.advmap{display:flex;flex-direction:column;gap:12px;padding:18px 2px 10px;position:relative;height:min(28vh,270px);overflow-y:auto;scrollbar-width:none;border-radius:12px;background:rgba(0,0,0,.12)}
.advmap::-webkit-scrollbar{display:none}
.advrow{display:flex}.advrow.l{justify-content:flex-start;padding-right:14%}.advrow.r{justify-content:flex-end;padding-left:14%}.advrow.b{justify-content:center}
.advn{position:relative;display:flex;align-items:center;gap:9px;width:100%;max-width:300px;text-align:left;background:rgba(11,38,26,.92);border:1.5px solid rgba(230,194,110,.4);border-radius:15px;padding:8px 10px;color:#fff4d2;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.advn.done{border-color:#7fe3a0}.advn.lock{opacity:.55;filter:grayscale(.35)}
.advn.cur{background:radial-gradient(circle at 30% 30%,#246947,#103523);border:2px solid #ffd875}
.advn.mid{border-color:#c9a0ff}.advn.boss{background:linear-gradient(135deg,#4b1b1b,#240d0d);border:2px solid #ff9a6a;max-width:320px}
.advn.sel{outline:2px solid #fff1c2;outline-offset:2px}
.advp{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2e8558,#14452c);border:2px solid #e6c26e;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;color:#fff}
.advp svg{width:15px;height:15px}
.advi{min-width:0;flex:1}.advi b{display:block;font-size:12.5px;line-height:1.25}.advi small{display:block;font-size:10.5px;color:#b7d6c5;line-height:1.3;margin-top:2px}
.advr{flex-shrink:0;background:rgba(0,0,0,.35);border:1px solid rgba(230,194,110,.35);border-radius:8px;padding:3px 6px;font-size:10.5px;font-weight:800;color:#ffe49e;white-space:nowrap;display:flex;align-items:center;gap:3px}
.advri .avg,.advri .avs{width:16px;height:16px;display:inline-block;vertical-align:middle}.advri svg{width:16px;height:16px}
.advtok{position:absolute;top:-24px;left:-12px;width:44px;height:44px;pointer-events:none;animation:advbob 1.6s ease-in-out infinite}
.advtok svg,.advk svg{width:100%;height:100%}
@keyframes advbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
html.lite .advtok{animation:none}
.advpn{position:relative;margin-top:8px;background:linear-gradient(180deg,#103121,#071911);border:1.5px solid #e6c26e;border-radius:14px;padding:11px 12px 12px;z-index:2}
.advpt{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}
.advpt b{font-size:14px;color:#fff2c6}.advpt span{font-size:11.5px;color:#ffd166;font-weight:800;text-align:right;display:flex;align-items:center;gap:3px}
.advmo{display:flex;align-items:center;gap:4px;margin-bottom:6px}.advmo .avi{width:28px;height:28px}.advmo small{margin-left:4px;font-size:11px;color:#a9c8b6}
.advcd{list-style:none;margin:0 0 8px;padding:7px 10px;background:rgba(4,14,9,.75);border:1px solid rgba(230,194,110,.3);border-radius:10px;font-size:12.5px;color:#d6ede0}
.advcd li{padding:2px 0}.advcd li::before{content:'🎯 ';font-size:11px}
.advcd.res li::before{content:''}.advcd.res li.y{color:#8ff0b0}.advcd.res li.n{color:#ffb3a8}
.advit{margin:-2px 0 8px;font-size:11.5px;color:#ffd9a0}
.advgo{width:100%;height:46px;border-radius:12px;border:1px solid #ffeba8;background:linear-gradient(180deg,#f0cb75,#b88728);color:#1c1202;font-size:14.5px;font-weight:900;box-shadow:inset 0 1px 1px rgba(255,255,255,.6),0 4px 0 #6e4e12;display:flex;align-items:center;justify-content:center;gap:5px}
.advgo:disabled{filter:grayscale(.6);opacity:.7;box-shadow:none}.advgo svg{width:14px;height:14px}
.advin{text-align:center}.advin b{display:block;font-size:16px;color:#ffe8a3;margin:6px 0}.advk{width:90px;height:90px;margin:0 auto}
.advres h3{margin:4px 0 10px}.advres.win h3{color:#ffe08a}.advres.lose h3{color:#ffb3a8}
.advgot{display:flex;flex-direction:column;align-items:center;gap:3px;background:rgba(230,194,110,.12);border:1px solid rgba(230,194,110,.45);border-radius:12px;padding:9px;margin:8px 0;font-size:12px;color:#ffe8a3}
.advgot b{font-size:17px;color:#fff}
.advnote{font-size:12px;color:#ffb3a8;margin:4px 0}
.advrk{width:100%;border-collapse:collapse;font-size:12.5px;margin:8px 0 12px}.advrk td{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.08)}.advrk td:last-child{text-align:right;font-weight:800}.advrk tr.me td{color:#ffe08a}
.advbt{display:flex;gap:8px}.advbt .btn{flex:1}
.advsh{margin-top:10px}.advpks{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:6px}
.advpk{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;background:linear-gradient(180deg,rgba(33,92,63,.55),rgba(9,28,19,.8));border:1px solid rgba(230,194,110,.4);border-radius:12px;padding:9px 6px}
.advpi{font-size:26px;line-height:1}.advpk b{font-size:12px;line-height:1.25;color:#fff1c2;min-height:30px;display:flex;align-items:center}.advpk small{font-size:11px;color:#bcd8c8}
.advpk em{font-style:normal;font-size:11px;color:#9fe0b8;font-weight:700}.advpk .btn{width:100%;padding:6px 0;font-size:12.5px;margin-top:2px}
/* 모험 2차 · 별 3개 · 특수 규칙 */
.advp{flex-direction:column;line-height:1}
.advsr{display:flex;gap:0;font-style:normal;margin-top:1px}
.advsr b{font-size:9px;color:rgba(255,255,255,.28)}
.advsr b.on{color:#ffd85e;text-shadow:0 0 4px rgba(255,200,60,.7)}
.advbn em small{display:block;font-size:10px;color:#ffd85e;margin-top:1px;text-align:center}
.advru{margin:0 0 8px;padding:6px 9px;border-radius:9px;background:rgba(255,190,60,.12);border:1px dashed rgba(255,200,90,.6);color:#ffe08a;font-size:12px;font-weight:700}
.advcd.advcs li{display:flex;align-items:center;gap:7px;padding:4px 0;border-bottom:1px dashed rgba(230,194,110,.15)}
.advcd.advcs li:last-child{border-bottom:0}
.advcd.advcs li::before{content:''}
.advcd.advcs li i{font-style:normal;flex-shrink:0;font-size:11px;font-weight:900;color:#ffd85e;background:rgba(255,216,94,.12);border:1px solid rgba(255,216,94,.4);border-radius:6px;padding:1px 4px}
.advcd.advcs li span{flex:1}
.advcd.advcs li span small{font-size:10px;color:#8ff0b0}
.advcd.advcs li em{font-style:normal;flex-shrink:0;font-size:11px;font-weight:800;color:#ffe49e;white-space:nowrap}
.advcd.advcs li.got{color:#8ff0b0}
.advcd.advcs li.got em{color:#8ff0b0;font-size:14px}
.advcd.res li em{font-style:normal;font-weight:800;color:#ffe49e;font-size:11.5px}
.advst{margin:-4px 2px 8px;font-size:10.5px;color:#9fbfae}
.advbig{display:flex;justify-content:center;gap:6px;margin:2px 0 8px}
.advbig b{font-size:34px;color:rgba(255,255,255,.18);line-height:1}
.advbig b.on{color:#ffd85e;text-shadow:0 0 10px rgba(255,200,60,.8);animation:advstar .5s both}
.advbig b.new{animation:advstar .6s both}
@keyframes advstar{0%{transform:scale(.2) rotate(-40deg);opacity:0}70%{transform:scale(1.25)}100%{transform:scale(1);opacity:1}}
.advrb{position:fixed;left:50%;top:34%;transform:translate(-50%,-50%);z-index:90;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:calc(100% - 40px);padding:12px 18px;border-radius:14px;background:rgba(30,18,4,.92);border:2px solid #ffcf5a;box-shadow:0 0 24px rgba(255,190,60,.45);color:#ffe8a3;text-align:center;font-size:13px;animation:advrbin .45s both;pointer-events:none}
@keyframes advrbin{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}70%{transform:translate(-50%,-50%) scale(1.08);opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}
.advrb b{font-size:16px;color:#ffd85e}
.advrb.out{opacity:0;transition:opacity .45s}
/* ===== 모험 3차 (11-06m): 판타지 월드맵 · 개구리 기사 · VS 출정 창 ===== */
.page.pgadv{padding:4px 2px;background:transparent;border:0}
.page.pgadv .ptitle{padding:0 6px}
.advw{margin:0;padding:6px 4px 10px;border:0;border-radius:0;background:transparent;overflow:visible}
.advw>.advff{display:none}
.advkp{display:block;flex-shrink:0;width:56px;height:56px;border-radius:50%;background:url("../img/adv_knight.webp") center/cover no-repeat;border:2.5px solid #ffd77a;box-shadow:0 0 0 2px rgba(60,30,0,.8),0 0 14px rgba(255,200,80,.45)}
.advkp.lg{width:70px;height:70px}
.advbn{justify-content:flex-start;padding:8px 10px;background:linear-gradient(90deg,rgba(40,20,4,.9),rgba(10,24,16,.85));border:1.5px solid #c9a54a}
.advbn>div{flex:1;min-width:0}
/* 지도 */
.advwm{position:relative;height:min(52vh,460px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;border-radius:16px;border:2px solid #b8913c;box-shadow:inset 0 0 26px rgba(0,0,0,.75),0 6px 16px rgba(0,0,0,.45);background:var(--a3)}
.advwm::-webkit-scrollbar{display:none}
.advwi{position:relative;width:100%;overflow:hidden}
.advbgi{position:absolute;inset:0;background:var(--shbg) center 50%/auto 190% no-repeat;filter:brightness(.78) saturate(1.05)}
.advbgt{position:absolute;inset:0;background:linear-gradient(180deg,var(--a1) 0%,var(--a2) 55%,var(--a3) 100%);opacity:.42;mix-blend-mode:multiply}
.advwi::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 14%,transparent 86%,rgba(0,0,0,.45)),radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(0,0,0,.55) 100%);pointer-events:none}
.advwi.c2 .advbgi{filter:hue-rotate(-75deg) saturate(.8) brightness(.62)}
.advwi.c3 .advbgi{filter:hue-rotate(-110deg) saturate(.75) brightness(.6)}
.advwi.c4 .advbgi{filter:hue-rotate(70deg) saturate(1.1) brightness(.6)}
.advwi.c5 .advbgi{filter:sepia(.55) saturate(1.5) hue-rotate(-12deg) brightness(.72)}
.advwi.c2 .advbgt,.advwi.c3 .advbgt,.advwi.c4 .advbgt,.advwi.c5 .advbgt{opacity:.55}
.advwi .advff{display:block;z-index:1}
.advwi .advff.f6{left:60%;top:8%;animation-delay:3.4s}.advwi .advff.f7{left:8%;top:46%;animation-delay:6.2s}
.advpth{position:absolute;left:0;top:0;pointer-events:none;z-index:1;overflow:visible}
.advpth path{fill:none;stroke-linecap:round}
.advpth .pb{stroke:rgba(0,0,0,.5);stroke-width:10}
.advpth .pd{stroke:#f3d27a;stroke-width:4;stroke-dasharray:8 8;opacity:.9}
.advpth .pg{stroke:rgba(255,214,90,.55);stroke-width:11;filter:blur(3px)}
.advpth .pl{stroke:#ffe9a6;stroke-width:4.5}
/* 노드 */
.advnd{position:absolute;z-index:2;transform:translate(-50%,-50%);width:112px;display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:0;color:#fff;-webkit-tap-highlight-color:transparent}
.advnc{position:relative;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 32%,#3b7b58,#0f2d1f 72%);border:3px solid #e6c26e;box-shadow:0 0 0 3px rgba(0,0,0,.5),0 7px 12px rgba(0,0,0,.55)}
.advav{display:flex;align-items:center;justify-content:center;width:48px;height:48px}
.advav .avg,.advav .avs{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.advav .avs{font-size:30px}.advav svg{width:100%;height:100%}
.advnd.lock .advav{filter:grayscale(.6) brightness(.55)}
.advnd.lock .advnc{border-color:#8d7a52;background:radial-gradient(circle at 40% 32%,#2a3a32,#0b1611 72%)}
.advlk{position:absolute;right:-5px;bottom:-5px;width:22px;height:22px;border-radius:50%;background:#1b1712;border:2px solid #c8ad6b;display:flex;align-items:center;justify-content:center;font-style:normal}
.advlk svg{width:11px;height:11px}
.advzap{position:absolute;left:-6px;top:-6px;width:21px;height:21px;border-radius:50%;background:#3a2104;border:1.5px solid #ffcf5a;font-style:normal;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px rgba(255,190,60,.6)}
.advnd.done .advnc{border-color:#ffe28a;box-shadow:0 0 0 3px rgba(0,0,0,.5),0 0 14px rgba(255,220,110,.55)}
.advnd.cur .advnc{animation:advpulse 1.8s ease-in-out infinite;border-color:#fff0b5}
@keyframes advpulse{0%,100%{box-shadow:0 0 0 3px rgba(0,0,0,.5),0 0 8px rgba(255,230,140,.5)}50%{box-shadow:0 0 0 3px rgba(0,0,0,.5),0 0 22px 6px rgba(255,230,140,.85)}}
.advnd.sel .advnc::after{content:'';position:absolute;inset:-9px;border-radius:50%;border:2px dashed #fff4cc;animation:advspin 9s linear infinite}
@keyframes advspin{to{transform:rotate(360deg)}}
.advrib{position:relative;z-index:3;margin-top:-11px;display:flex;gap:1px;padding:1px 9px 2px;font-style:normal;background:linear-gradient(180deg,#d63b2c,#7c160f);border:1.5px solid #ffd77a;clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%,8% 50%);box-shadow:0 2px 4px rgba(0,0,0,.5)}
.advrib b{font-size:11px;line-height:1.1;color:rgba(255,255,255,.3)}
.advrib b.on{color:#ffe25e;text-shadow:0 0 5px rgba(255,220,80,.9)}
.advnl{margin-top:3px;max-width:112px;padding:2px 7px;border-radius:8px;background:rgba(5,10,7,.72);font-size:10.5px;line-height:1.22;color:#fff3d0;text-shadow:0 1px 2px #000;text-align:center;word-break:keep-all}
.advnl b{display:block;font-size:10px;color:#ffd85e}
.advnd.lock .advnl{color:#c9c2b0}
/* 중간보스: 붉은 테 + 뿔 */
.advnd.mid .advnc{border-color:#ff5a43;box-shadow:0 0 0 3px rgba(70,0,0,.65),0 0 16px rgba(255,70,40,.6)}
.advhorn{position:absolute;top:-8px;z-index:3;width:15px;height:22px;background:linear-gradient(180deg,#fff6df,#b8996a);clip-path:polygon(55% 0,100% 100%,0 100%);filter:drop-shadow(0 1px 1px #000)}
.advhorn.l{left:27px;transform:rotate(-28deg)}.advhorn.r{right:27px;transform:rotate(28deg) scaleX(-1)}
/* 보스: 왕관 · 붉은 망토 휘장 · 황금 성채 테 · 보상 미리보기 */
.advnd.boss{width:170px}
.advnd.boss .advnc{width:96px;height:96px;border:4px solid #ffd85e;background:radial-gradient(circle at 40% 32%,#7a2a1c,#2a0906 72%);box-shadow:0 0 0 4px #5a3306,0 0 0 7px #ffd85e,0 0 30px 6px rgba(255,190,60,.6)}
.advnd.boss .advav{width:74px;height:74px}.advnd.boss .advav .avs{font-size:48px}
.advcape{position:absolute;top:26px;left:50%;margin-left:-72px;width:144px;height:104px;z-index:-1;background:linear-gradient(180deg,#d5321f,#5c0c07);clip-path:polygon(18% 0,82% 0,100% 100%,78% 86%,50% 100%,22% 86%,0 100%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}
.advcrown{position:absolute;top:-34px;left:50%;transform:translateX(-50%);z-index:4;font-style:normal;font-size:36px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7)) drop-shadow(0 0 8px rgba(255,210,80,.7))}
.advprz{position:absolute;right:12px;top:4px;z-index:4;width:36px;height:36px;border-radius:50%;background:radial-gradient(#4a2c06,#1a0f02);border:2px solid #ffd85e;box-shadow:0 0 12px rgba(255,210,80,.8);display:flex;align-items:center;justify-content:center;font-size:18px;animation:advbob 2.2s ease-in-out infinite}
.advprz .advri svg,.advprz .avg,.advprz .avs{width:26px;height:26px}
.advnd.boss .advnl{font-size:12px;font-weight:800;background:linear-gradient(180deg,rgba(80,14,8,.92),rgba(30,6,3,.92));border:1px solid #ffcf5a}
/* 지금 위치: 개구리 기사 말 */
.advnd .advtok{position:absolute;top:-60px;left:50%;margin-left:-32px;width:64px;height:64px;z-index:5;pointer-events:none;filter:drop-shadow(0 4px 4px rgba(0,0,0,.6));animation:advbob 1.6s ease-in-out infinite}
.advnd.boss .advtok{top:-14px;left:-6px;margin:0}
/* 출정 창 (VS) */
.advpn{margin-top:10px;padding:10px 11px 12px;background:linear-gradient(180deg,rgba(24,14,4,.96),rgba(6,16,11,.97));border:2px solid #c9a54a;box-shadow:0 0 0 2px rgba(0,0,0,.6),0 8px 18px rgba(0,0,0,.5)}
.advpn.mid{border-color:#e0533e}.advpn.boss{border-color:#ffcf5a;box-shadow:0 0 0 2px rgba(0,0,0,.6),0 0 22px rgba(255,190,60,.45)}
.advvs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;margin:4px 0 10px;padding:10px 4px;border-radius:12px;background:radial-gradient(ellipse at 25% 50%,rgba(60,140,90,.28),transparent 60%),radial-gradient(ellipse at 75% 50%,rgba(200,50,40,.28),transparent 60%),rgba(0,0,0,.35);border:1px solid rgba(230,194,110,.25)}
.advme,.advfo{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.advme b,.advfo b{margin-top:5px;font-size:12px;color:#ffe8a3;line-height:1.2;word-break:keep-all}
.advme small,.advfo small{font-size:10.5px;color:#a9c8b6;margin-top:1px}
.advx{display:flex;flex-direction:column;align-items:center;line-height:1}
.advx i{font-style:normal;font-size:14px}
.advx b{font-size:26px;font-weight:900;font-style:italic;letter-spacing:-1px;background:linear-gradient(180deg,#fff3b0,#ff8a3a 60%,#c3261a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7));animation:advvs 1.4s ease-in-out infinite}
@keyframes advvs{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.advfoi{display:flex;justify-content:center;align-items:center;height:70px}
.advfoi .advav{width:40px;height:40px;margin-left:-9px;border-radius:50%;background:radial-gradient(#3a1512,#160606);border:2px solid #b8473a;box-shadow:0 2px 5px rgba(0,0,0,.6)}
.advfoi .advav:first-child{margin-left:0}
.advfoi .advav.lead{width:56px;height:56px;border-color:#ffcf5a;z-index:1}
.advfoi .advav .avg,.advfoi .advav .avs{width:78%;height:78%}.advfoi .advav .avs{font-size:22px}
html.lite .advnd.cur .advnc,html.lite .advnd.sel .advnc::after,html.lite .advx b,html.lite .advprz,html.lite .advnd .advtok{animation:none}
.advtk small{font-size:11px;color:#c9b98a;margin-left:-3px}
.advtk em{font-style:normal;margin-left:3px;padding:1px 6px;border-radius:99px;background:rgba(143,240,176,.14);color:#9fe0b8;font-size:11px;font-variant-numeric:tabular-nums}
.advgot .advxp{font-size:14px;color:#9fe8ff}
/* 모험 게임 중: 별 조건 줄 · 별 버튼 · 조건 창 */
.advms{display:flex;align-items:center;gap:5px;margin:2px 8px 4px;padding:4px 8px;border-radius:99px;background:rgba(20,12,3,.78);border:1px solid rgba(255,207,90,.55);font-size:11px;color:#ffe8a3;cursor:pointer;position:relative;z-index:3}
.advmst{font-weight:900;color:#ffd85e;margin-right:2px}
.advmc{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);font-weight:800;white-space:nowrap}
.advmc b{font-size:10.5px}
.advmc.yes{color:#8ff0b0;border-color:rgba(143,240,176,.5)}.advmc.fail{color:#ff9d8f;border-color:rgba(255,120,100,.5)}.advmc.wait{color:#d9cfb0}.advmc.no{color:#b9b3a3}
.advmc.got{color:#1c1202;background:linear-gradient(180deg,#ffe27a,#c9962b);border-color:#fff0b5}
.advms em{margin-left:auto;font-style:normal;color:#c9b98a;font-size:10.5px;white-space:nowrap}
.tbtn.advsb{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.tbtn.advsb b{font-size:20px;color:#ffd85e;text-shadow:0 0 6px rgba(255,210,80,.7)}.tbtn.advsb small{font-size:10.5px;font-weight:800;color:#ffe8a3;margin-top:1px}
.advlive li.yes em{color:#8ff0b0}.advlive li.no em{color:#b9b3a3}.advlive li.fail em{color:#ff9d8f}.advlive li.wait em{color:#d9cfb0}
.advlive li span small{display:block;color:#a9c8b6;font-size:10.5px;margin-top:1px}
.advmsp .pvbox h3{margin:2px 0 8px;color:#ffe08a}
/* 모험 나침반 (= 입장권 · 11-06p) */
.advcp{display:inline-block;flex-shrink:0;width:20px;height:20px;background:url("../img/adv_compass.webp") center/contain no-repeat;vertical-align:-5px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.advtk .advcp{width:22px;height:22px;margin:-3px 1px -3px -3px}
.advsh .avhd .advcp{margin-right:4px}
.advpi{position:relative;display:inline-block}
.advcp.lg{width:44px;height:44px}
.advpi .advpx{position:absolute;right:-12px;bottom:-2px;font-style:normal;font-size:11px;font-weight:900;color:#1c1202;background:linear-gradient(180deg,#ffe27a,#c9962b);border:1px solid #fff0b5;border-radius:99px;padding:0 5px}
.advhd{flex-wrap:nowrap}
.advtk{white-space:nowrap;min-width:0}
.advad{white-space:nowrap}
@media (max-width:390px){.advtkl{display:none}.advtk{padding:5px 9px}.advad{padding:5px 9px}}
.advsh .avhd{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.advsh .avhd b{white-space:nowrap}
.advsh .avhd{justify-content:flex-start}.advsh .avhd small{flex-basis:100%;margin-left:28px}
.advgo .advcp{width:26px;height:26px;vertical-align:-7px}.advbt .advcp{width:20px;height:20px}
/* ===== 모험 6~10장 (11-06s): 장 탭 5칸 × 2줄 · 장별 색 · 풍경 겹치기(SVG, 용량 거의 0) ===== */
.advch{gap:4px;margin-bottom:7px}
.advch button{padding:5px 2px;font-size:11.5px}
.advwi.c6 .advbgi{filter:hue-rotate(45deg) saturate(1.25) brightness(.62)}
.advwi.c7 .advbgi{filter:sepia(.75) hue-rotate(-22deg) saturate(1.55) brightness(.65)}
.advwi.c8 .advbgi{filter:hue-rotate(95deg) saturate(1.2) brightness(.68)}
.advwi.c9 .advbgi{filter:sepia(.85) hue-rotate(-45deg) saturate(2.1) brightness(.58)}
.advwi.c10 .advbgi{filter:hue-rotate(135deg) saturate(1.35) brightness(.64)}
.advwi.c6 .advbgt,.advwi.c7 .advbgt,.advwi.c8 .advbgt,.advwi.c9 .advbgt,.advwi.c10 .advbgt{opacity:.6}
.advwi.c6::before,.advwi.c7::before,.advwi.c8::before,.advwi.c9::before,.advwi.c10::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background-size:100% 100%;background-repeat:no-repeat}
.advwi.c6::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 900' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%234fe0b0' stop-opacity='.45'/%3E%3Cstop offset='1' stop-color='%234fe0b0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='90' cy='760' r='110' fill='url(%23g)'/%3E%3Ccircle cx='450' cy='520' r='130' fill='url(%23g)'/%3E%3Ccircle cx='110' cy='280' r='100' fill='url(%23g)'/%3E%3Cpath d='M60 780 Q90 730 120 780 Z M420 540 Q455 485 490 540 Z M80 300 Q110 255 140 300 Z' fill='%2338b896' opacity='.35'/%3E%3C/svg%3E")}
.advwi.c7::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 900' preserveAspectRatio='none'%3E%3Ccircle cx='270' cy='110' r='75' fill='%23ffcf6b' opacity='.28'/%3E%3Cpolygon points='40,420 150,280 260,420' fill='%23d48a3b' opacity='.22'/%3E%3Cpolygon points='290,460 410,300 520,460' fill='%23b86b24' opacity='.22'/%3E%3Cpath d='M0 680 Q180 630 360 680 T540 670 L540 900 L0 900 Z' fill='%232b1208' opacity='.4'/%3E%3C/svg%3E")}
.advwi.c8::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 900' preserveAspectRatio='none'%3E%3Cpath d='M0 140 Q180 80 320 150 T540 110 L540 220 Q360 260 180 190 T0 230 Z' fill='%2364f5d2' opacity='.18'/%3E%3Cpolygon points='0,520 95,350 190,520' fill='%238fd8ff' opacity='.2'/%3E%3Cpolygon points='350,560 445,380 540,560' fill='%238fd8ff' opacity='.2'/%3E%3C/svg%3E")}
.advwi.c9::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 900' preserveAspectRatio='none'%3E%3Cpath d='M120 0 Q160 300 90 600 T150 900' fill='none' stroke='%23ff5e2b' stroke-width='18' stroke-opacity='.25'/%3E%3Cpath d='M410 0 Q370 320 440 620 T380 900' fill='none' stroke='%23ff9a2b' stroke-width='12' stroke-opacity='.22'/%3E%3C/svg%3E")}
.advwi.c10::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 540 900' preserveAspectRatio='none'%3E%3Ccircle cx='270' cy='460' r='110' fill='none' stroke='%23ffd86b' stroke-width='6' opacity='.08'/%3E%3Ccircle cx='270' cy='460' r='110' fill='none' stroke='%23ffd86b' stroke-width='1.4' opacity='.28'/%3E%3C/svg%3E")}
/* ===== 모험 4차 (11-06t): 경량 MORPG · 필터 없음(모바일 렉 방지) · 그라데이션·box-shadow·transform만 ===== */
.advpth .pg{filter:none;stroke:rgba(255,214,90,.28);stroke-width:12}
.advnd.lock .advav{filter:none;opacity:.75}
.advcape,.advnd .advtok,.advx b,.advcp,.advhorn{filter:none}
.advgo:disabled{filter:none;opacity:.6}
.advw{--aw:rgba(110,230,200,.09)}
/* 1. 위 HUD */
.advhud{padding:7px 8px 8px;margin-bottom:8px;border-radius:14px;background:linear-gradient(180deg,#132c20,#0b1c14);border:1.5px solid rgba(212,175,106,.65);box-shadow:0 4px 10px rgba(0,0,0,.45)}
.advhr{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.advhud .advch{display:flex;flex:1;min-width:0;gap:4px;margin:0;overflow-x:auto;scrollbar-width:none;grid-template-columns:none}
.advhud .advch::-webkit-scrollbar{display:none}
.advhud .advch button{flex-shrink:0;padding:3px 9px;border-radius:999px;font-size:11px;white-space:nowrap;background:rgba(0,0,0,.35);border:1px solid rgba(212,175,106,.3);color:#b7cbbd}
.advhud .advch button.on{background:linear-gradient(180deg,#f3d078,#b88728);color:#1b1205;border-color:#ffe89e}
.advhud .advch button svg{width:10px;height:10px;margin-right:2px}
.advhud .advtk{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;padding:2px 3px 2px 7px;border-radius:999px;background:rgba(0,0,0,.5);border:1px solid rgba(212,175,106,.55);font-size:11.5px;color:#ffe49e}
.advhud .advtk .advtkl{display:none}
.advhud .advtk em{margin-left:1px;padding:0 5px;font-size:10px}
.advplus{width:19px;height:19px;padding:0;border-radius:50%;border:0;background:linear-gradient(180deg,#f5d37e,#b88628);color:#1a1105;font-weight:900;font-size:13px;line-height:19px;text-align:center}
.advhr2{display:flex;align-items:center;gap:8px}
.advhr2 .advkp{width:40px;height:40px;border-width:2px}
.advht{flex:1;min-width:0}
.advht b{display:block;font-size:12.5px;color:#ffe8a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.advsbar{position:relative;height:6px;margin:9px 12px 12px 2px;border-radius:99px;background:rgba(0,0,0,.45);border:1px solid rgba(212,175,106,.35)}
.advsbar>i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#b88728,#ffe07d)}
.advms3{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;line-height:1}
.advms3 small{position:absolute;top:17px;font-size:8.5px;color:#c9b98a;white-space:nowrap}
.advms3.on small{color:#ffe07d}
.advhr2>em{flex-shrink:0;font-style:normal;font-weight:900;color:#ffe8a3;font-size:12px;text-align:center}
.advhr2>em small{display:block;font-size:10px;color:#ffd85e}
.advhr2 .advad{flex-shrink:0;padding:3px 8px;font-size:11px;line-height:1.1}
.advhr2 .advad small{display:block;font-size:9px}
/* 2. 지도: 사진 대신 가벼운 SVG 실루엣 */
.advwm{height:min(50vh,440px)}
.advwi{background:linear-gradient(180deg,var(--a1) 0%,var(--a2) 55%,var(--a3) 100%)}
.advbgs{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.advwi::after{background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 12%,transparent 88%,rgba(0,0,0,.35))}
.advnd{width:100px}
.advnc{width:56px;height:56px;border-width:2.5px;border-color:#d4af6a;box-shadow:0 4px 10px rgba(0,0,0,.6),inset 0 0 0 2px rgba(255,235,180,.2)}
.advav{width:42px;height:42px}.advav .avs{font-size:26px}
.advnd.mid .advnc{width:64px;height:64px;border-color:#e082ff;background:radial-gradient(circle at 50% 35%,#4a1c40,#21091d);box-shadow:0 0 0 3px rgba(60,0,60,.55),0 0 14px rgba(224,130,255,.45)}
.advnd.mid .advav{width:48px;height:48px}
.advelt{position:absolute;top:-9px;left:50%;transform:translateX(-50%);z-index:4;padding:0 6px;border-radius:99px;font-style:normal;font-size:8.5px;font-weight:900;letter-spacing:.5px;color:#fff;background:linear-gradient(180deg,#b55ae0,#6a1f8f);border:1px solid #f0c4ff}
.advnd.boss{width:150px}
.advnd.boss .advnc{width:74px;height:74px;border:3px solid #ffd269;box-shadow:0 0 0 3px #5a3306,0 0 18px rgba(255,180,50,.45),0 6px 14px rgba(0,0,0,.8)}
.advnd.boss .advav{width:56px;height:56px}
.advcape{top:20px;margin-left:-58px;width:116px;height:82px}
.advcrs{position:absolute;top:-22px;left:50%;transform:translateX(-50%);z-index:4}
.advprz{right:14px;top:-2px;width:30px;height:30px;font-size:15px}
.advnd.lock .advnc{border-color:#6c7d73}
.advlk{right:-4px;bottom:-4px;width:19px;height:19px;background:#2b1f0a;border-color:#d4af6a}
.advlk svg{width:10px;height:10px}
.advrib{margin-top:-9px;padding:0 7px 1px}
.advrib b{font-size:10px}
.advnl{margin-top:2px;max-width:100px;padding:1px 6px;font-size:9.5px}
.advnl b{font-size:9px}
.advnd.boss .advnl{font-size:11px}
.advnd .advtok{top:-50px;margin-left:-28px;width:56px;height:56px}
.advnd.mid .advtok{top:-56px}
.advnd.boss .advtok{top:-6px;left:-4px}
.advnd.sel .advnc{transform:scale(1.08)}
.advnd.sel .advnc::after{inset:-7px}
/* 3. 출정 브리핑 */
.advpn{margin-top:8px;padding:9px 10px 10px;background:linear-gradient(180deg,#1b1710,#101914);border:1.5px solid #d4af6a;box-shadow:0 6px 16px rgba(0,0,0,.6)}
.advpn.mid{border-color:#e082ff}.advpn.boss{border-color:#ffd269}
.advpt{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}
.advpt b{flex:1;min-width:0;font-size:13.5px}
.advpt span{font-size:11.5px;color:#ffe49e;white-space:nowrap}
.advdf{font-style:normal;font-size:10.5px;padding:1px 7px;border-radius:99px;background:rgba(0,0,0,.4);border:1px solid rgba(255,120,100,.5);color:#ffb5a8;white-space:nowrap}
.advpn .advru{margin:0 0 6px;padding:5px 9px;border-radius:8px;border:1px solid rgba(224,130,255,.6);background:linear-gradient(90deg,rgba(120,40,160,.35),rgba(60,20,90,.2));color:#f3d6ff;font-size:11.5px}
.advpn.boss .advru{border-color:rgba(255,207,90,.7);background:linear-gradient(90deg,rgba(150,90,10,.35),rgba(80,40,5,.2));color:#ffe8a3}
.advvs{grid-template-columns:1fr auto 1.15fr;margin:0 0 7px;padding:7px 8px;border-radius:10px}
.advme{flex-direction:row;gap:6px;text-align:left;justify-content:flex-start}
.advme .advkp.lg{width:44px;height:44px}
.advme span{display:flex;flex-direction:column;min-width:0}
.advme b{margin:0;font-size:11.5px}
.advme small{font-size:10px}
.advx{gap:0}.advx b{font-size:18px;margin-top:-2px}
.advfoi{height:52px}
.advfoi .advav.lead{width:48px;height:48px;margin-left:0;border:2px solid #ff6b5b;background:#2b1111;z-index:3}
.advfoi .advav.minion{width:34px;height:34px;margin-left:-8px;border:1.5px solid #a84238;background:#1f0d0d;opacity:.9}
.advfo b{font-size:11px;margin-top:2px}
.advcbox{position:relative;padding:5px 8px 3px;margin-bottom:7px;border-radius:9px;background:rgba(0,0,0,.28);border:1px solid rgba(212,175,106,.25)}
.advcap{position:absolute;right:8px;top:-8px;padding:0 5px;font-size:9.5px;color:#c9b98a;background:#14140e;border-radius:4px}
.advcd.advcs li{padding:3px 0}
.advcd.advcs li.got{background:linear-gradient(90deg,rgba(60,160,90,.22),transparent);border-radius:6px}
.advcd.advcs li.got em{color:#ffe07d}
.advpn .advit{margin:0 0 6px;font-size:11.5px}
.advgo{padding:11px 10px;font-size:14px}
/* 4. 결과 창 */
.advwh{position:relative;display:flex;justify-content:center;align-items:center;height:62px;margin:-4px 0 0}
.advwh svg{display:block}
.advwh .advsw{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.advrbn{margin:2px auto 6px;padding:5px 22px;max-width:86%;font-weight:900;font-size:17px;letter-spacing:.5px;color:#2a1704;background:linear-gradient(180deg,#ffe58a,#c8922b);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);text-align:center}
.advrbn.lose{color:#fff;background:linear-gradient(180deg,#7d8790,#454c54)}
.advres>small{display:block;text-align:center}
.advlv{display:flex;align-items:center;gap:7px;margin:4px 0 8px;font-size:11.5px}
.advlv b{white-space:nowrap;color:#ffe8a3}
.advlvb{flex:1;height:8px;border-radius:99px;background:rgba(0,0,0,.5);border:1px solid rgba(212,175,106,.4);overflow:hidden}
.advlvb i{display:block;height:100%;background:linear-gradient(90deg,#3aa86b,#9fe8ff)}
.advlv em{font-style:normal;font-weight:900;color:#9fe8ff;white-space:nowrap}
.advgot{display:block}
.advgot small{display:block;margin-bottom:4px;color:#c9b98a}
.advloot{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.advloot span{width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;border:2px solid #d4af6a;background:radial-gradient(circle at 50% 35%,rgba(255,215,100,.22),rgba(20,14,4,.9));font-size:20px}
.advloot span b{font-size:11px;color:#ffe8a3;line-height:1.1;text-align:center}
.advloot span.it{width:auto;min-width:64px;padding:0 6px}
.advloot span svg,.advloot span img{width:22px;height:22px}
.advmob{font-style:normal;font-size:9.5px;font-weight:800;margin-right:4px;padding:0 5px;border-radius:99px;background:rgba(170,60,50,.35);border:1px solid rgba(255,120,100,.5);color:#ffcfc7}
/* 5. 상점 나침반 6종 (3×2 · 등급 빛) */
.advpks{grid-template-columns:repeat(3,1fr);gap:8px}
.advpk{position:relative;overflow:hidden;border-radius:12px}
.advpk.tier1{background:radial-gradient(circle at 50% 28%,rgba(45,140,95,.36),rgba(10,28,20,.92) 75%)}
.advpk.tier2{background:radial-gradient(circle at 50% 28%,rgba(55,135,225,.38),rgba(10,26,32,.92) 75%);border-color:rgba(126,196,255,.75)}
.advpk.tier3{background:radial-gradient(circle at 50% 28%,rgba(175,85,235,.4),rgba(22,14,34,.94) 75%);border-color:rgba(215,150,255,.8)}
.advpk.tier4{background:radial-gradient(circle at 50% 28%,rgba(245,185,55,.42),rgba(32,20,8,.95) 75%);border-color:#ffd269;box-shadow:0 0 14px rgba(255,205,90,.28)}
.advpbd{position:absolute;top:4px;right:4px;z-index:3;padding:1px 6px;border-radius:999px;font-size:9.5px;font-weight:900;color:#fff;background:linear-gradient(180deg,#d94336,#9e2318);border:1px solid rgba(255,230,160,.7)}
.advpbd.t4{background:linear-gradient(180deg,#ffe07d,#c48b20);color:#1f1304}
.advpi{height:58px;display:flex;align-items:center;justify-content:center}
.advpa{position:relative;display:inline-flex;align-items:center;justify-content:center;width:62px;height:56px}
.advpa .advcp{width:40px;height:40px}
.advpa.n2 .advcp{position:absolute;width:34px;height:34px}.advpa.n2 .advcp:nth-child(1){left:6px;top:4px}.advpa.n2 .advcp:nth-child(2){right:6px;bottom:2px}
.advpa.n3 .advcp{position:absolute;width:30px;height:30px}.advpa.n3 .advcp:nth-child(1){left:2px;bottom:4px}.advpa.n3 .advcp:nth-child(2){right:2px;bottom:4px}.advpa.n3 .advcp:nth-child(3){left:16px;top:0;width:34px;height:34px}
.advpa.chs svg{position:absolute;left:3px;top:0}
.advpa.chs .advcp{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px}
.advpa.chs.g svg rect,.advpa.chs.g svg path{fill:#e0a92e}
.tier2 .advpa.n3::before{content:'';position:absolute;inset:4px;border-radius:50%;background:radial-gradient(rgba(126,196,255,.35),transparent 70%)}
.advpa.chs svg{width:54px;height:54px}
.advwi{padding-bottom:0}

/* 11-06w 나침반 꾸러미 그림 */
.advpa.img{width:80px;height:72px}
.advpa.img img{width:80px;height:80px;object-fit:contain;margin-top:-6px;pointer-events:none;-webkit-user-drag:none}
.advpk .advpi:has(.advpa.img){height:70px}
.advpk .advpi:has(.advpa.img) .advpx{right:-4px;bottom:0}
.advpk:has(.advpa.img) .btn{margin-top:auto}
.advpk:has(.advpa.img) small{margin-bottom:2px}
.advpk b{word-break:keep-all;overflow-wrap:anywhere}
/* 11-06x 메인 HUD 둘째 줄: 엠블럼·Lv | 왕관 · 나침반 · 클로버 한 알약 (윗줄 닉네임+다이아 길이) */
.hcol2 .lvrow2.one{display:flex!important;grid-column:1/-1}
.hcol2 .lvrow2.one>em.lvbox{flex:1;width:100%;min-width:0;justify-content:flex-start!important;gap:5px!important;padding-right:12px!important}
.lvrow2.one .lvdv{flex:none;width:1.5px;height:18px;margin:0 4px 0 5px;border-radius:1px;background:linear-gradient(rgba(240,217,138,.25),#f0d98a 30%,#f0d98a 70%,rgba(240,217,138,.25))}
.lvrow2.one .lvst{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px}
.lvrow2.one .lvcr{margin-left:0!important}
.lvrow2.one .lvcp,.lvrow2.one .lvcl{display:inline-flex;align-items:center;gap:3px;cursor:pointer;min-width:0}
.lvrow2.one .lvcp .advcp{width:19px;height:19px;margin:0;flex:none}
.lvrow2.one .lvcl .dm,.lvrow2.one .lvcl img,.lvrow2.one .lvcl svg{width:18px!important;height:18px!important;flex:none}
.lvrow2.one .lvcp b,.lvrow2.one .lvcl b{font:800 14px Cinzel,Georgia,serif!important;color:#f0d98a!important;text-shadow:0 1px 2px #000;margin:0!important;white-space:nowrap}
@media (max-width:374px){
 .hcol2 .lvrow2.one>em.lvbox{gap:3px!important;padding-left:7px!important;padding-right:9px!important}
 .lvrow2.one .lvl{font-size:12.5px!important}
 .lvrow2.one .lvtier .temb.timg{width:17px!important;height:17px!important}
 .lvrow2.one .lvdv{margin:0 2px;height:16px}
 .lvrow2.one .lvst{gap:4px}
 .lvrow2.one .lvcr,.lvrow2.one .lvcp,.lvrow2.one .lvcl{gap:2px}
 .lvrow2.one .lvcr b,.lvrow2.one .lvcp b,.lvrow2.one .lvcl b{font-size:12.5px!important}
 .lvrow2.one .lvcr img.crimg,.lvrow2.one .lvcr .ico,.lvrow2.one .lvcp .advcp,.lvrow2.one .lvcl .dm,.lvrow2.one .lvcl img,.lvrow2.one .lvcl svg{width:15px!important;height:15px!important}
}
/* 11-06y 긴 알약 4칸: 같은 너비 · 칸마다 가운데 · 칸 사이 세로 작대기 · 아이콘 18px · 숫자 14px 통일 */
.hcol2 .lvrow2.one>em.lvbox{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-items:center;gap:0!important;padding:0 10px!important}
.lvrow2.one .lvg,.lvrow2.one .lvcr,.lvrow2.one .lvcp,.lvrow2.one .lvcl{display:inline-flex!important;align-items:center;justify-content:center;gap:4px!important;min-width:0;margin:0!important;line-height:1}
.lvrow2.one .lvdv{margin:0!important;width:1.5px;height:16px}
.lvrow2.one .lvtier{margin:0!important}
.lvrow2.one .lvtier .temb,.lvrow2.one .lvtier .temb.timg,.lvrow2.one .lvtier svg,.lvrow2.one .lvcr img.crimg,.lvrow2.one .lvcr .ico,.lvrow2.one .lvcr svg,.lvrow2.one .lvcp .advcp,.lvrow2.one .lvcl .dm,.lvrow2.one .lvcl img,.lvrow2.one .lvcl svg{width:18px!important;height:18px!important;flex:none;margin:0!important;display:block}
.lvrow2.one .lvl,.lvrow2.one .lvcr b,.lvrow2.one .lvcp b,.lvrow2.one .lvcl b{font:800 14px Cinzel,Georgia,serif!important;color:#f0d98a!important;text-shadow:0 1px 2px #000;margin:0!important;white-space:nowrap;line-height:1}
@media (max-width:374px){
 .hcol2 .lvrow2.one>em.lvbox{padding:0 7px!important}
 .lvrow2.one .lvg,.lvrow2.one .lvcr,.lvrow2.one .lvcp,.lvrow2.one .lvcl{gap:2px!important}
 .lvrow2.one .lvtier .temb,.lvrow2.one .lvtier .temb.timg,.lvrow2.one .lvtier svg,.lvrow2.one .lvcr img.crimg,.lvrow2.one .lvcr .ico,.lvrow2.one .lvcr svg,.lvrow2.one .lvcp .advcp,.lvrow2.one .lvcl .dm,.lvrow2.one .lvcl img,.lvrow2.one .lvcl svg{width:15px!important;height:15px!important}
 .lvrow2.one .lvl,.lvrow2.one .lvcr b,.lvrow2.one .lvcp b,.lvrow2.one .lvcl b{font-size:12.5px!important}
}
.hcol2 .lvrow2.one>em.lvbox{grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr) auto minmax(max-content,1fr) auto minmax(max-content,1fr)}
@media (max-width:374px){
 .hcol2 .lvrow2.one>em.lvbox{padding:0 6px!important}
 .lvrow2.one .lvdv{margin:0 2px!important}
 .lvrow2.one .lvl,.lvrow2.one .lvcr b,.lvrow2.one .lvcp b,.lvrow2.one .lvcl b{font-size:12px!important}
 .lvrow2.one .lvtier .temb,.lvrow2.one .lvtier .temb.timg,.lvrow2.one .lvtier svg,.lvrow2.one .lvcr img.crimg,.lvrow2.one .lvcr .ico,.lvrow2.one .lvcr svg,.lvrow2.one .lvcp .advcp,.lvrow2.one .lvcl .dm,.lvrow2.one .lvcl img,.lvrow2.one .lvcl svg{width:14px!important;height:14px!important}
}
@media (min-width:341px) and (max-width:374px){
 .lvrow2.one .lvl,.lvrow2.one .lvcr b,.lvrow2.one .lvcp b,.lvrow2.one .lvcl b{font-size:13px!important}
 .lvrow2.one .lvtier .temb,.lvrow2.one .lvtier .temb.timg,.lvrow2.one .lvtier svg,.lvrow2.one .lvcr img.crimg,.lvrow2.one .lvcr .ico,.lvrow2.one .lvcr svg,.lvrow2.one .lvcp .advcp,.lvrow2.one .lvcl .dm,.lvrow2.one .lvcl img,.lvrow2.one .lvcl svg{width:16px!important;height:16px!important}
 .lvrow2.one .lvg,.lvrow2.one .lvcr,.lvrow2.one .lvcp,.lvrow2.one .lvcl{gap:3px!important}
}
/* 11-06 모험 관리자 치트 */
.advzg{grid-template-columns:auto 1fr;align-items:center}
.advzg .advzl{font-size:12px;color:var(--mute,#b9c7bd);white-space:nowrap}
.advzg .advzk{grid-column:1/-1;white-space:normal;display:flex;align-items:center;gap:6px}
.advzr{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.advzr .btn{min-width:0;padding:6px 10px;flex:1}
.advzr select{flex:1.3;min-width:70px;padding:6px;border-radius:8px;background:#0e231a;color:#f0d98a;border:1px solid rgba(212,175,106,.5);font:700 13px system-ui}
.advzb{position:fixed;right:118px;top:calc(env(safe-area-inset-top,0px) + 14px);z-index:60;padding:5px 11px;border-radius:999px;border:1.5px solid #ff8a7a;background:linear-gradient(#8f1d14,#5a0f0a);color:#ffe7c2;font:800 12px system-ui;box-shadow:0 2px 6px rgba(0,0,0,.5)}
.advzgr{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.advzgr .btn:last-child{grid-column:1/-1}
/* 11-07b 모험 메뉴 칼: 다른 메뉴 기호(♣ ♠ ♦ ⚙)처럼 금색 단색 (예전 🗡️ 이모지는 은색이라 튐) */
.nav2 button span svg.navsw{width:1.08em;height:1.08em;display:block;filter:none;fill:currentColor;overflow:visible}
/* 11-07c 나침반 꾸러미: 다이아 상점처럼 한 줄에 2개 · 큰 그림 · 오른쪽 위 보너스 클로버 · 큰 수량 · 큰 가격 버튼 */
.advpks.pkbig{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:8px}
.advpks.pkbig .advpk2{min-width:0;padding:12px 8px 10px}
.advpks.pkbig .advpk2 .dart.advart{width:112px;height:100px;display:flex;align-items:center;justify-content:center;margin:6px 0 2px}
.advpks.pkbig .advpk2 .advpa.img,.advpks.pkbig .advpk2 .advpa.img img{width:112px!important;height:112px!important;margin:0!important}
.advpks.pkbig .advpk2 .advpa.img img{object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
.advpks.pkbig .advpk2 .dnm{word-break:keep-all;text-align:center;line-height:1.25}
.advpks.pkbig .advpk2 .dqt.advq{display:inline-flex;align-items:center;gap:5px}
.advpks.pkbig .advpk2 .dqt.advq .advcp{width:22px;height:22px;margin:0;flex:none}
.advpks.pkbig .advpk2 .dbs{text-align:center;display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:center}
.advpks.pkbig .advpk2 .dbs .dm,.advpks.pkbig .advpk2 .dbs img,.advpks.pkbig .advpk2 .dbs svg,.advpks.pkbig .advpk2 .advcb img,.advpks.pkbig .advpk2 .advcb svg,.advpks.pkbig .advpk2 .advcb .dm{width:14px!important;height:14px!important;vertical-align:-2px}
.advpks.pkbig .advpk2 .advcb{display:inline-flex;align-items:center;gap:2px}
.advpks.pkbig .advpk2 .btn{margin-top:6px}
.advpks.pkbig .advpk2.tier2{border-color:rgba(126,196,255,.7);background:radial-gradient(120% 80% at 50% 0,rgba(55,135,225,.34),#0c1713 70%)}
.advpks.pkbig .advpk2.tier3{border-color:rgba(215,150,255,.75);background:radial-gradient(120% 80% at 50% 0,rgba(175,85,235,.36),#0c1713 70%)}
.advpks.pkbig .advpk2.best{grid-column:auto;border:1.5px solid #ffd86b;background:radial-gradient(120% 90% at 50% 0,rgba(255,216,107,.3),#0c1713 70%);box-shadow:0 0 18px rgba(255,216,107,.28)}
.advpks.pkbig .advpk2.best .dart.advart{width:112px;height:100px}
.advsh,.advpks.pkbig{flex-shrink:0!important}
.advpks.pkbig .advpk2{min-height:max-content;flex-shrink:0}
.advpks.pkbig .advpk2 .dart.advart{height:116px!important;margin:4px 0 6px!important}
.advpks.pkbig .advpk2 .advpa.img,.advpks.pkbig .advpk2 .advpa.img img{width:116px!important;height:116px!important}
.advpks.pkbig .advpk2 .dbs{white-space:nowrap;flex-wrap:nowrap;font-size:12px}
@media (max-width:374px){.advpks.pkbig{gap:8px!important}.advpks.pkbig .advpk2{padding:10px 6px 9px}.advpks.pkbig .advpk2 .dbs{white-space:normal;flex-wrap:wrap;font-size:11px}.advpks.pkbig .advpk2 .dnm{white-space:normal;overflow-wrap:anywhere}.advpks.pkbig .advpk2 .dart.advart,.advpks.pkbig .advpk2 .advpa.img,.advpks.pkbig .advpk2 .advpa.img img{width:104px!important;height:104px!important}}
.advpks.pkbig .advpk2 .btn{margin-top:auto!important}
.advpks.pkbig .advpk2 .dbs{margin-bottom:6px}
/* ===== 11-07e 모험: 로딩 화면 배경 · 새 개구리 기사 · 보스/중간보스 문장 ===== */
.advwmw{position:relative;border-radius:16px}
.advbgl{position:absolute;inset:0;border-radius:16px;overflow:hidden;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,16,10,.66),rgba(5,16,10,.26) 30%,rgba(5,16,10,.32) 70%,rgba(5,16,10,.74)),var(--shbg) center 74%/cover no-repeat}
.advwmw>.advwm{position:relative;z-index:1;background:transparent!important}
.advwmw .advbgs{display:none}
.advbgl.c2{filter:hue-rotate(-30deg) saturate(.85)}
.advbgl.c3{filter:sepia(.3) hue-rotate(-60deg) saturate(.8) brightness(.85)}
.advbgl.c4{filter:hue-rotate(60deg) saturate(1.1) brightness(.8)}
.advbgl.c5{filter:sepia(.5) saturate(1.5) hue-rotate(-12deg) brightness(.92)}
.advbgl.c6{filter:hue-rotate(200deg) saturate(.9) brightness(.8)}
.advbgl.c7{filter:sepia(.75) saturate(1.3) brightness(.92)}
.advbgl.c8{filter:saturate(.35) hue-rotate(100deg) brightness(1.02)}
.advbgl.c9{filter:sepia(.6) saturate(2.2) hue-rotate(-30deg) brightness(.75)}
.advbgl.c10{filter:hue-rotate(140deg) saturate(1.2) brightness(.82)}
/* 개구리 기사: 지도 위 서 있는 모습 · 숨쉬듯 살짝 (저사양 · 움직임 줄이기에서는 멈춤) */
.advnd .advtok{width:54px!important;height:66px!important;top:-58px!important;left:50%!important;margin-left:-27px!important;filter:drop-shadow(0 4px 3px rgba(0,0,0,.55))!important;animation:advidle 2.6s ease-in-out infinite!important;transform-origin:50% 100%}
.advtok svg.advkn,.advk svg.advkn{width:100%;height:100%;display:block;overflow:visible}
@keyframes advidle{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-2px) scale(1.02,.985)}}
html.lite .advnd .advtok{animation:none!important}
@media (prefers-reduced-motion:reduce){.advnd .advtok{animation:none!important}}
/* 보스 · 중간보스 문장 */
.advfr{position:absolute;inset:-24%;pointer-events:none;z-index:2;display:block}
.advfr svg{width:100%;height:100%;display:block;overflow:visible}
.advnd.boss .advnc,.advnd.mid .advnc{border:0!important;overflow:visible}
.advnd.boss .advnc{background:radial-gradient(circle at 45% 35%,#5a1a12,#1c0604 72%)!important;box-shadow:0 0 22px 2px rgba(255,180,60,.42),0 6px 14px rgba(0,0,0,.7)!important}
.advnd.mid .advnc{background:radial-gradient(circle at 45% 35%,#3a1a52,#140822 72%)!important;box-shadow:0 0 16px 1px rgba(190,120,255,.4),0 6px 12px rgba(0,0,0,.7)!important}
.advnd.lock.boss .advfr,.advnd.lock.mid .advfr{filter:brightness(.72) saturate(.7)}
.advnc .advlk,.advnc .advzap{z-index:3}
.advav.lead.fr{position:relative;overflow:visible!important;border-color:transparent!important;background:#1a0b08!important}
.advav.lead.fr .advfr{inset:-26%}
/* 이름에 맞춘 색 (얼굴 그림에만) */
.advav.tn-gold>:not(.advfr){filter:sepia(1) saturate(3.2) hue-rotate(-8deg) brightness(1.08)}
.advav.tn-crim>:not(.advfr){filter:sepia(.6) saturate(2.4) hue-rotate(-35deg)}
.advav.tn-jade>:not(.advfr){filter:hue-rotate(95deg) saturate(1.35)}
.advav.tn-crys>:not(.advfr){filter:hue-rotate(160deg) saturate(1.3) brightness(1.1)}
.advav.tn-velv>:not(.advfr){filter:hue-rotate(250deg) saturate(1.5)}
.advav.tn-sand>:not(.advfr){filter:sepia(.8) saturate(1.6) brightness(1.05)}
.advav.tn-ice>:not(.advfr){filter:saturate(.45) hue-rotate(170deg) brightness(1.15)}
.advav.tn-fire>:not(.advfr){filter:sepia(.5) saturate(3) hue-rotate(-25deg)}
.advav.tn-astr>:not(.advfr){filter:hue-rotate(200deg) saturate(1.6) brightness(1.1)}
.advav.tn-brut>:not(.advfr){filter:sepia(.35) saturate(1.3) brightness(.9) contrast(1.1)}
.advav.tn-stone>:not(.advfr){filter:grayscale(.75) brightness(.95)}
.advav.tn-tox>:not(.advfr){filter:hue-rotate(60deg) saturate(1.6)}
.advav.tn-shade>:not(.advfr){filter:brightness(.75) saturate(.7) contrast(1.15)}
.advav.tn-sky>:not(.advfr){filter:saturate(.6) brightness(1.15) hue-rotate(180deg)}
.advwmw .advwi{background:transparent!important}
.advwmw .advwi::after{background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.35) 100%)!important}
.advnd.boss .advfr{inset:-18%}.advnd.mid .advfr{inset:-20%}
.advnd.boss .advnl,.advnd.mid .advnl{margin-top:9px}
/* 11-07f 노드 위 표: 일반 EASY(초록) · NORMAL(파랑) · HARD(주황) · 중간보스 ELITE(보라) · 보스 BOSS(진홍+금테) */
.advelt.d-easy{background:linear-gradient(180deg,#4fd07f,#1d7a42);border-color:#c4ffd8}
.advelt.d-normal{background:linear-gradient(180deg,#5aa8f0,#1f5aa8);border-color:#cfe6ff}
.advelt.d-hard{background:linear-gradient(180deg,#ff9a4a,#c2410c);border-color:#ffe0c2}
.advelt.bs{background:linear-gradient(180deg,#e8412f,#8e1710);border:1.5px solid #ffd269;color:#fff3c4;font-size:9.5px;padding:0 8px;top:-6px;letter-spacing:1px;box-shadow:0 2px 6px rgba(0,0,0,.6)}
.advnd .advelt{white-space:nowrap;line-height:14px;text-shadow:0 1px 1px rgba(0,0,0,.45)}
.advnd.lock .advelt{filter:saturate(.75) brightness(.88)}
/* 출정 브리핑 칸이 작은 화면에서 눌려 내용이 칸 밖으로 나가던 것 */
.advw,.advwmw,.advpn,.advhud{flex-shrink:0}
.advpn{min-height:max-content}
.advnd.cur .advelt{top:auto!important;bottom:-7px}
.advnd.cur .advnl{margin-top:11px}
/* 11-07g 모험 지도 위 개구리 기사 (사용자 그림) · 전진 & 숨쉬기 · 다음 스테이지가 왼쪽이면 좌우 반전 */
.advnd .advtok.hero{width:66px!important;height:66px!important;top:-58px!important;margin-left:-33px!important;animation:none!important;filter:none!important}
.adv-hero-token{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 85%;
  filter:drop-shadow(0 6px 8px rgba(0,0,0,.65)) drop-shadow(0 0 6px rgba(255,215,110,.35));animation:frogKnightAdvance 1.8s ease-in-out infinite}
.adv-hero-token.face-left{animation:frogKnightAdvanceLeft 1.8s ease-in-out infinite}
@keyframes frogKnightAdvance{0%,100%{transform:translate(0,0) rotate(0deg) scale(1,1)}25%{transform:translate(-1px,2px) rotate(-2deg) scale(1.04,.95)}55%{transform:translate(4px,-9px) rotate(5deg) scale(.97,1.05)}80%{transform:translate(1px,-2px) rotate(1deg) scale(1.02,.98)}}
@keyframes frogKnightAdvanceLeft{0%,100%{transform:scaleX(-1) translate(0,0) rotate(0deg) scale(1,1)}25%{transform:scaleX(-1) translate(-1px,2px) rotate(-2deg) scale(1.04,.95)}55%{transform:scaleX(-1) translate(4px,-9px) rotate(5deg) scale(.97,1.05)}80%{transform:scaleX(-1) translate(1px,-2px) rotate(1deg) scale(1.02,.98)}}
html.lite .adv-hero-token{animation:none!important;filter:drop-shadow(0 4px 4px rgba(0,0,0,.6))}
html.lite .adv-hero-token.face-left,.adv-hero-token.face-left.still{transform:scaleX(-1)}
@media (prefers-reduced-motion:reduce){.adv-hero-token{animation:none!important}.adv-hero-token.face-left{transform:scaleX(-1)}}
/* 11-07i 1-10 보스 '그림자 도적 두목' 지도 그림: 보스 노드 왼쪽 아래에서 개구리 기사 쪽을 겨눔 */
.advbtok{position:absolute;left:-58px;top:6px;width:76px;height:76px;z-index:4;pointer-events:none}
.adv-boss-rogue-token{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 85%;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.75)) drop-shadow(0 0 8px rgba(212,180,106,.4));animation:rogueBossIdle 2.1s ease-in-out infinite}
@keyframes rogueBossIdle{0%,100%{transform:translate(0,0) rotate(0deg) scale(1,1)}35%{transform:translate(-3px,2px) rotate(-3deg) scale(1.03,.96)}70%{transform:translate(-5px,-6px) rotate(2deg) scale(.98,1.04)}}
.advnd.lock .adv-boss-rogue-token{filter:brightness(.7) saturate(.75) drop-shadow(0 6px 10px rgba(0,0,0,.75))}
html.lite .adv-boss-rogue-token{animation:none!important}
@media (prefers-reduced-motion:reduce){.adv-boss-rogue-token{animation:none!important}}
/* 11-07j 꾸러미 그림에 보너스 클로버 */
.advpks.pkbig .advpk2 .dart.advart{position:relative}
.advclv{position:absolute;left:4px;bottom:0;display:flex;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7))}
.advclv>*{width:22px!important;height:22px!important;margin-left:-8px}
.advclv>*:first-child{margin-left:0}
.advclv.n3>*,.advclv.n4>*{width:20px!important;height:20px!important}
/* ===== 11-07j 모험 정리 ===== */
/* 1-5 등: 노드 안 얼굴이 옆으로 밀리던 것 (브리핑용 margin이 노드에도 걸림) */
.advnc .advav{margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.advnd.mid .advnc .advav,.advnd.boss .advnc .advav{width:76%!important;height:76%!important}
/* 출정 브리핑: 몬스터 3마리 같은 크기 · 중간보스·보스 대장만 문장으로 표시(살짝 크게) */
.advvs .advav.lead,.advvs .advav.minion{width:40px!important;height:40px!important;margin-left:-6px!important;opacity:1!important;border:2px solid #8a4a3a!important;background:radial-gradient(#3a1512,#160606)!important}
.advvs .advav.lead{margin-left:0!important}
.advvs .advav.lead.fr{width:46px!important;height:46px!important;border-color:transparent!important;margin-right:4px!important}
.advvs .advav.lead.fr .advfr{inset:-24%}
/* 지금 할 스테이지: 금빛 물결 + 빛이 도는 얇은 고리 (점선 회전 대신) */
.advnd.sel .advnc::after{content:'';position:absolute;inset:-8px;border:0!important;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0 62%,rgba(255,240,190,.15) 70%,#fff3c0 82%,#ffd56a 90%,transparent 97%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));
  animation:advspin 2.8s linear infinite}
.advnd.cur .advnc{animation:none!important;box-shadow:0 0 0 2px rgba(0,0,0,.55),0 0 0 4px #e8c66a,0 0 18px 4px rgba(255,214,110,.45)!important}
.advnd.cur .advnc::before{content:'';position:absolute;inset:-4px;border-radius:50%;pointer-events:none;border:2px solid rgba(255,226,140,.85);animation:advripple 2.2s ease-out infinite}
@keyframes advripple{0%{transform:scale(1);opacity:.9}70%{opacity:.25}100%{transform:scale(1.55);opacity:0}}
.advnd.sel:not(.cur) .advnc::after{animation-duration:4s;opacity:.85}
html.lite .advnd.cur .advnc::before,html.lite .advnd.sel .advnc::after{animation:none!important}
@media (prefers-reduced-motion:reduce){.advnd.cur .advnc::before,.advnd.sel .advnc::after{animation:none!important}}
/* 보스 망토 없앰 */
.advcape{display:none!important}
.advplus2 .cfbox{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:min(300px,84vw)}
.advplus2 .cft{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:2px}
.advplus2 .btn{width:100%;height:auto;min-height:46px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.2}
.advplus2 .btn small{display:block;font-size:11px;font-weight:600;opacity:.8}
.advplus2 .btn:disabled{opacity:.55}
/* ===== 11-07k 노드 얼굴·문장 정가운데 고정 (브라우저마다 밀리던 것) · 보라 번짐 없앰 · 번개 메달 ===== */
.advnd .advnc>.advav{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}
.advnd .advnc>.advfr{inset:auto!important;left:50%!important;top:50%!important;width:146%!important;height:146%!important;transform:translate(-50%,-50%)!important}
.advnd.boss .advnc>.advfr{width:140%!important;height:140%!important}
.advnd.mid .advnc{box-shadow:0 6px 12px rgba(0,0,0,.65)!important}
.advnd.boss .advnc{box-shadow:0 0 14px 1px rgba(255,190,70,.35),0 6px 14px rgba(0,0,0,.7)!important}
.advnd .advavg svg,.advnd .advnc .avg,.advnd .advnc .avg svg{display:block;width:100%;height:100%}
.advzap{display:flex!important;align-items:center;justify-content:center;width:26px!important;height:26px!important;padding:0!important;border-radius:50%!important;font-size:0!important;
  background:radial-gradient(circle at 40% 32%,#5a3a12,#1c1004 75%)!important;border:2px solid #e8c25a!important;box-shadow:0 0 0 1.5px #3a2406,0 3px 6px rgba(0,0,0,.6)!important}
.advzap svg{width:17px;height:17px;display:block;filter:drop-shadow(0 0 2px rgba(255,200,80,.6))}
.advru .advzi{display:inline-block;width:15px;height:15px;vertical-align:-2px;margin-right:4px}.advru .advzi svg{width:100%;height:100%;display:block}
/* ===== 11-07k 모험 화면: 위·아래 고정 · 지도만 스크롤 ===== */
html.advfix,html.advfix body{overflow:hidden!important;overscroll-behavior:none}
html.advfix .advw{display:flex!important;flex-direction:column;gap:6px;overflow:hidden;padding-bottom:0!important}
html.advfix .advhud{flex:none;margin:0!important}
html.advfix .advwmw{flex:1 1 auto;min-height:150px;display:flex}
html.advfix .advwmw>.advwm{flex:1;height:auto!important;max-height:none!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
html.advfix .advpn{flex:none;margin:0!important;padding:8px 10px 8px!important}
/* 아래 브리핑 압축 */
html.advfix .advpt{margin-bottom:4px}
html.advfix .advru{margin:0 0 5px!important;padding:3px 8px!important;font-size:11px!important}
html.advfix .advvs{padding:6px 10px!important;margin-bottom:5px!important;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}
html.advfix .advvs .advme{justify-self:center;display:flex;align-items:center;gap:7px;min-width:0}
html.advfix .advvs .advme .advkp.lg{width:42px!important;height:42px!important}
html.advfix .advvs .advx{justify-self:center}
html.advfix .advvs .advfo{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
html.advfix .advvs .advfo>b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html.advfix .advvs .advfoi{display:flex;align-items:center;justify-content:center}
html.advfix .advcbox{margin-bottom:6px!important;padding-top:2px}
html.advfix .advcd.advcs li{padding:2px 0!important;font-size:12px}
html.advfix .advcap{top:-9px!important}
html.advfix .advit{margin:0 0 5px!important;font-size:11px}
html.advfix .advgo{height:44px!important;margin:0!important}
html.advfix .advvs{padding:5px 10px!important}
html.advfix .advvs .advfo>b{display:none}
html.advfix .advvs .advme b{font-size:12.5px}
html.advfix .advvs .advme small{font-size:10.5px}
html.advfix .advvs .advx svg{width:20px;height:20px}
html.advfix .advvs .advx b{font-size:15px}
html.advfix .advcbox{padding:6px 8px 4px!important}
html.advfix .advcd.advcs{margin:0!important;padding:2px 8px!important}
html.advfix .advcd.advcs li{padding:1px 0!important;font-size:11.5px;line-height:1.35}
html.advfix .advcd.advcs li i{transform:scale(.88)}
html.advfix .advcd.advcs li em{font-size:11px}
html.advfix .advhud{padding-top:6px!important;padding-bottom:6px!important}
.advnd .advnc{flex-shrink:0!important}
.advnd.cur.mid .advelt,.advnd.cur.boss .advelt{bottom:-19px!important}
.advnd.cur.mid .advnl,.advnd.cur.boss .advnl{margin-top:22px!important}
@media (max-height:740px){
 html.advfix .advpn .advcbox{display:none!important}
 html.advfix .advwmw{min-height:120px}
 html.advfix .advvs .advme .advkp.lg{width:36px!important;height:36px!important}
 html.advfix .advvs .advav.lead,html.advfix .advvs .advav.minion{width:34px!important;height:34px!important}
 html.advfix .advvs .advav.lead.fr{width:40px!important;height:40px!important}
 html.advfix .advpn .advstl{display:flex}
}
html.advfix .advpn .advstl{display:none;gap:6px;justify-content:center;margin:0 0 5px;font-size:11px;color:#e6d8b0;flex-wrap:wrap}
html.advfix .advpn .advstl b{color:#ffd56a}
html.advfix .advpn .advstl span.got{color:#8ff0b0}
@media (max-height:740px){html.advfix .advpn .advstl{display:flex!important}}
@media (max-height:740px){html.advfix .advvs .advme small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;display:block}html.advfix .advvs{padding:3px 8px!important}html.advfix .advpn .advstl{font-size:10.5px;gap:2px 8px}html.advfix .advpn .advru{display:none!important}}

/* 11-07l 2-10 보스 '대왕 슬라임 킹' 지도 그림: 말랑하게 통통 (사용자 slimeKingBounce) */
.adv-boss-slime-token{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 92%;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.7)) drop-shadow(0 0 8px rgba(120,220,140,.35));animation:slimeKingBounce 1.6s ease-in-out infinite}
@keyframes slimeKingBounce{0%,100%{transform:translateY(0) rotate(0deg) scale(1,1)}30%{transform:translateY(2px) rotate(-2deg) scale(1.08,.90)}60%{transform:translateY(-8px) rotate(3deg) scale(.94,1.07)}85%{transform:translateY(1px) rotate(-1deg) scale(1.03,.97)}}
.advnd.lock .adv-boss-slime-token{filter:brightness(.7) saturate(.75) drop-shadow(0 6px 10px rgba(0,0,0,.75))}
html.lite .adv-boss-slime-token{animation:none!important}
@media (prefers-reduced-motion:reduce){.adv-boss-slime-token{animation:none!important}}
/* 11-07m 친구 목록 새 모양: 코드 · 추가 한 칸 · 나침반 선물 줄 · 한 줄 친구 (누르면 프로필) */
.fradd .frcode{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.fradd .frcode>span{flex:1;min-width:0;display:flex;flex-direction:column;background:#0c1713;border:1px dashed #8a7340;border-radius:10px;padding:6px 12px}
.fradd .frcode small{font-size:10.5px;color:#9fae9f}.fradd .frcode b{font:800 19px Cinzel,Georgia,serif;color:#f0d98a;letter-spacing:.06em}
.fradd .frcode .btn{flex:none;height:44px;padding:0 14px;font-size:13px}
.fradd .fadd .btn{flex:none;height:44px;padding:0 14px}.fradd .fadd .frpaste{padding:0 10px;font-size:12px}
.frgbar{display:flex;align-items:center;gap:10px;margin:2px 0 6px;padding:8px 10px;border-radius:12px;background:linear-gradient(90deg,rgba(212,175,55,.16),rgba(212,175,55,.04));border:1px solid rgba(212,175,55,.35)}
.frgbar .frgi .advcp{width:26px;height:26px}.frgbar .frgt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.frgbar .frgt b{font-size:13.5px;color:#f3e3b0}.frgbar .frgt small{font-size:11.5px;color:#cdbf98}.frgbar .btn{flex:none;height:36px;padding:0 12px;font-size:12.5px}
.frr2{display:flex;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid rgba(201,164,92,.16);cursor:pointer;border-radius:8px}
.frr2:active{background:rgba(255,255,255,.04)}
.fravw{position:relative;flex:none}.frdot{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;border:2px solid #12201a;display:none}
.frdot.on{display:block;background:#43d17a;box-shadow:0 0 6px #43d17a}.frdot.game{display:block;background:#f0b85a}
.frr2:not(.live) .avi{filter:saturate(.55) brightness(.85)}
.frmid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.frnm{display:flex;align-items:center;gap:4px;font-size:14.5px;min-width:0}.frnt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.frmid small{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frmid .fst.off{color:#93a097}
.frgot{flex:none;display:inline-flex;align-items:center;gap:2px;font-size:10px;line-height:1;font-weight:700;font-style:normal;color:#ffe9a0;background:rgba(212,175,55,.18);border:1px solid rgba(212,175,55,.5);border-radius:99px;padding:2px 6px 2px 3px}
.frgot .advcp{width:13px;height:13px}
.frgift{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:58px;height:36px;padding:0 10px;border-radius:99px;cursor:pointer;
  font-family:inherit;font-size:13px;font-weight:800;color:#2a1c05;background:linear-gradient(180deg,#ffe9a0,#e2b04a);border:1px solid #fff2c2;box-shadow:0 2px 0 #8a6420}
.frgift .advcp{width:18px;height:18px}.frgift.sent{background:rgba(255,255,255,.06);color:#9fae9f;border-color:rgba(201,164,92,.25);box-shadow:none;font-weight:700;font-size:12px}
.frgift.wait{background:rgba(255,255,255,.06);border-color:rgba(201,164,92,.25);box-shadow:none;color:#cdbf98}
.frr2 .frdel{flex:none;width:34px;height:36px;border-radius:10px;font-size:15px}
.frr2 .frdel.arm{width:58px!important;height:36px}
.frnote{font-size:10.5px!important;margin:8px 0 0!important;line-height:1.45}
/* 11-07n 클로버 상점 머리줄 · 클로버 가격 버튼 · 꾸러미 보너스 나침반 배지 */
.clvsh{display:flex;align-items:center;gap:10px;margin:2px 0 10px;padding:10px 12px;border-radius:12px;background:linear-gradient(90deg,rgba(80,190,110,.18),rgba(80,190,110,.04));border:1px solid rgba(110,210,140,.4)}
.clvsh .clvshb{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:17px;color:#d8f5c8}.clvsh .clvshb svg,.clvsh .clvshb img{width:22px;height:22px}
.clvsh .clvsht{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.clvsh .clvsht b{font-size:14px;color:#e6f7da}.clvsh .clvsht small{font-size:11px;color:#a9c7a0}
.clvsh .btn{flex:none;height:34px;padding:0 10px;font-size:12px}
.sit .btn.clvb{background:linear-gradient(180deg,#bfeaa8,#5fae5a);border-color:#d6f5c4;color:#10300f}
.advpks.pkbig .advpk2 .advcb .advcp{width:16px;height:16px}
/* 11-07o 모험: 스테이지 정보 접기 · 지도 위 '지금 할 곳' 바로가기 · 장 별 개수 · 결과 버튼 한 줄 */
.advpt[data-advfold]{cursor:pointer;-webkit-tap-highlight-color:transparent}
.advfoldb{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:11.5px;font-weight:700;color:#e8d7a6;padding:3px 9px;border-radius:99px;border:1px solid rgba(212,175,106,.45);background:rgba(0,0,0,.25)}
.advfoldb i{font-style:normal;font-size:10px}
.advfold.shut{display:none}
.advwmw{position:relative}
.advjump{position:absolute;right:10px;bottom:10px;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;border-radius:99px;cursor:pointer;
  background:linear-gradient(180deg,rgba(255,233,160,.96),rgba(226,176,74,.96));border:1px solid #fff2c2;color:#2a1c05;box-shadow:0 3px 10px rgba(0,0,0,.55);font-family:inherit}
.advjump small{font-size:10.5px;font-weight:700;opacity:.8}.advjump b{font:800 16px/1 Cinzel,Georgia,serif;letter-spacing:.02em}.advjump i{font-style:normal;font-size:18px;line-height:1;margin-left:1px}
.advjump.here{background:rgba(10,20,14,.82);color:#f0d98a;border-color:rgba(212,175,106,.55)}
.advhr2 em.advchs{display:block!important;flex:none;font-style:normal;font-size:15px;font-weight:800;color:#f3e3b0;white-space:nowrap}.advhr2 em.advchs small{font-size:11px;opacity:.75;font-weight:700}
.advbt .btn{white-space:nowrap;font-size:15px;padding-left:8px;padding-right:8px;min-width:0}
.advhr2 em.advchs small{display:inline!important;margin-left:1px}
/* 11-07o 상점 큰 탭: 충전 | 다이아 상점 | 클로버 상점 · 글자가 안 잘리게 */
.ctabs.shg{grid-template-columns:.78fr 1.11fr 1.11fr!important;gap:6px}
.ctabs.shg>button{font-size:14px!important;padding:0 6px!important;gap:4px;overflow:visible}
.ctabs.shg>button svg,.ctabs.shg>button img{width:18px!important;height:18px!important;flex:none}
@media (max-width:360px){.ctabs.shg>button{font-size:12.5px!important}}
.advpks .advpk2 .btn.clvb{background:linear-gradient(180deg,#bfeaa8,#5fae5a)!important;border-color:#d6f5c4!important;color:#10300f!important}

/* 11-07q 3-10 보스 '포자대장 버섯몬' 지도 그림: 좌우로 기우뚱 + 보라·노랑 포자 퐁 (사용자 mushroomSporePuff · 지도 크기에 맞게 이동 폭 절반) */
.adv-boss-mushroom-token{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 88%;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.65)) drop-shadow(0 0 6px rgba(186,104,200,.35));animation:mushroomSporePuff 2.8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes mushroomSporePuff{
  0%,100%{transform:translate(0,0) rotate(0deg) scale(1,1)}
  20%{transform:translate(2px,.5px) rotate(6deg) scale(.96,1.04)}
  45%{transform:translate(-2.5px,1.5px) rotate(-8deg) scale(1.07,.92)}
  55%{transform:translate(-3px,-1.5px) rotate(-5deg) scale(1.03,1.02)}
  65%{transform:translate(-2px,-1px) rotate(-9deg) scale(1.04,.98)}
  82%{transform:translate(1px,0) rotate(3deg) scale(.99,1.01)}}
.advnd.lock .adv-boss-mushroom-token{animation:none;filter:brightness(.7) saturate(.75) drop-shadow(0 6px 10px rgba(0,0,0,.75))}
html.lite .adv-boss-mushroom-token{animation:none!important}
@media (prefers-reduced-motion:reduce){.adv-boss-mushroom-token{animation:none!important}}

/* ===== 11-07r 탐험 지도: 로비 프로필 숨김 · 위 한 줄(이름·다이아·나침반) · 지도 화면 끝까지 · 장 정보는 지도 위에 겹쳐서 · 해골(특수 규칙) ===== */
.lb.advmode{padding-left:0!important;padding-right:0!important}
.lb.advmode .hud2{display:none!important}
.lb.advmode .page.pgadv{padding:0!important;margin:0!important}
.lb.advmode .page.pgadv .ptitle{display:flex;align-items:center;gap:6px;margin:0!important;padding:4px 8px 6px!important;font-size:16px}
.lb.advmode .ptitle>b{flex:none;white-space:nowrap;font-size:16px;color:#f5e6c4}
.lb.advmode .ptitle>.btn{flex:none;min-height:32px!important;padding:0 10px!important}
.advtop{margin-left:auto;display:flex;align-items:center;gap:5px;min-width:0}
.advtop>*{flex:none;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 9px;border-radius:99px;background:rgba(4,14,9,.82);border:1px solid rgba(212,175,106,.6);font-size:12.5px;font-weight:800;color:#fff1c2;white-space:nowrap;box-sizing:border-box}
.advtop .advtn{flex:0 1 auto;min-width:0;font-weight:700}
.advtop .advtn b{min-width:0;max-width:86px;overflow:hidden;text-overflow:ellipsis;color:#f3ead2;font-size:12px}
.advtop .advtn .nflag{flex:none;display:inline-flex;width:20px;height:14px}
.advtop .advtn .nflag>*{width:20px!important;height:14px!important}
.advtop .advtd{cursor:pointer;font:inherit;font-weight:800}
.advtop .advtd .dm,.advtop .advtd svg,.advtop .advtd img{width:16px;height:16px}
.advtop .advtd b{color:#fff}
.advtop .advtk{position:relative;padding:0 3px 0 6px!important;gap:3px!important;font-size:12.5px}
.advtop .advtk .advcp{width:20px!important;height:20px!important;margin:0!important}
.advtop .advtk b{color:#ffe08a}
.advtop .advtk small{margin:0 2px 0 -2px;font-size:10.5px}
.advtop .advtk em{position:absolute;left:50%;top:100%;transform:translate(-50%,2px);margin:0!important;padding:0 6px!important;font-size:9.5px!important;line-height:14px;z-index:9;background:rgba(10,30,20,.9)!important;border:1px solid rgba(143,240,176,.35)}
.advtop .advplus{width:22px;height:22px;line-height:22px;font-size:14px}
@media (max-width:374px){.advtop .advtn{display:none}}
/* 지도: 테두리 없이 화면 끝까지 */
.advw.advexp{margin:0!important;padding:0!important;gap:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.advexp .advwmw{border-radius:0!important;margin:0!important;min-height:200px}
.advexp .advbgl{border-radius:0!important}
.advexp .advwm{border:0!important;border-radius:0!important;box-shadow:none!important}
.advexp .advwmw .advwi::after{background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 18%,transparent 85%,rgba(0,0,0,.35))!important}
/* 장 정보: 지도 위에 겹친 얇은 머리 */
.advov{position:absolute;left:0;right:0;top:0;z-index:7;padding:6px 12px 16px;pointer-events:none;background:linear-gradient(180deg,rgba(5,16,11,.9) 0%,rgba(5,16,11,.62) 62%,rgba(5,16,11,0) 100%)}
.advov>*{pointer-events:auto}
.advovr{display:flex;align-items:center;gap:6px}
.advovt{flex:1;min-width:0;text-align:center;font-size:15.5px;font-weight:800;color:#f6ead0;text-shadow:0 2px 4px #000,0 0 10px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.advca{flex:none;width:30px;height:30px;padding:0;border-radius:50%;border:1px solid rgba(212,175,106,.6);background:rgba(0,0,0,.45);color:#ffe08a;font:900 20px/26px Georgia,serif;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.advca.off{visibility:hidden}
.advca.lk{color:#bfae84}.advca.lk svg{width:12px;height:12px}
.advov .advchs{flex:none;font-style:normal;font-size:16px;font-weight:900;color:#ffe8a3;text-shadow:0 2px 4px #000;white-space:nowrap}
.advov .advchs small{font-size:12px;color:#d9c48e;margin-left:1px}
.advov .advsbar{margin:6px 14px 4px 4px;height:5px}
.advov .advms3 svg{width:15px;height:15px}
.advov .advms3 small{top:14px;font-size:8px;text-shadow:0 1px 2px #000}
/* 노드: 발판 위 몬스터 + 번호 */
.advexp .advnd{width:86px;z-index:2}
.advexp .advnd .advnc{width:50px!important;height:50px!important;overflow:visible!important;z-index:1}
.advexp .advped{position:absolute;left:50%;top:36px;width:70px;height:24px;transform:translateX(-50%);z-index:-1;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at 50% 30%,#a19f92 0%,#6d6b61 45%,#3a3934 100%);border:2px solid #c9a65a;box-shadow:0 0 0 2px rgba(0,0,0,.45),0 8px 10px rgba(0,0,0,.6)}
.advexp .advnd.cur .advped{background:radial-gradient(ellipse at 45% 35%,#9fdc6c 0%,#4f9a3a 55%,#2a5e22 100%);border-color:#ffe28a;box-shadow:0 0 0 2px rgba(0,0,0,.4),0 0 16px 4px rgba(255,226,120,.55),0 8px 10px rgba(0,0,0,.6)}
.advexp .advnd.lock .advped{background:radial-gradient(ellipse at 50% 30%,#55574f,#2a2b27 80%);border-color:#7d6c47}
.advexp .advnd.lock .advnc{background:radial-gradient(circle at 45% 35%,#2b302c,#0c0f0d 75%)!important;border-color:#7d6c47!important}
.advexp .advnd.lock .advnc .advav{filter:brightness(0) opacity(.55)!important}
.advexp .advnd.lock .advlk{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:26px;height:26px;background:rgba(20,16,10,.85);border-color:#d8bd7a}
.advexp .advnd.lock .advlk svg{width:13px;height:13px}
.advexp .advnd .advnl{margin-top:8px;padding:0;background:none!important;border:0!important;font-size:12.5px;font-weight:900;color:#fff4d6;text-shadow:0 0 3px #000,0 1px 2px #000,0 0 8px rgba(0,0,0,.8);max-width:none}
.advexp .advnd .advnl b{display:inline;font-size:12.5px;color:inherit}
.advexp .advnd.done .advnl{margin-top:2px}
.advexp .advnd .advrib{margin-top:4px;transform:scale(.88)}
.advexp .advnd.sel .advnc{transform:scale(1.1)}
/* 해골 배지 (특수 규칙) */
.advexp .advzap{left:-9px!important;top:-9px!important;width:26px!important;height:26px!important;background:radial-gradient(circle at 45% 35%,#6a1a12,#250604)!important;border:2px solid #f0c75e!important;box-shadow:0 0 0 1.5px rgba(0,0,0,.6),0 0 8px rgba(255,120,80,.55)!important}
.advexp .advzap svg{width:17px!important;height:17px!important;filter:none!important}
.advzi svg{width:100%;height:100%;display:block}
.advrb b .advzi{display:inline-block;width:18px;height:18px;vertical-align:-3px;margin-right:5px}
/* 중간보스 = 적동색 정예 */
.advexp .advnd.mid .advnc{width:58px!important;height:58px!important;border:3px solid #d9873f!important;background:radial-gradient(circle at 45% 35%,#8a2a1e,#2a0705 75%)!important;box-shadow:0 0 0 2px #3b120c,0 0 0 4px #9c5a2a,0 0 16px rgba(217,72,59,.55),0 6px 12px rgba(0,0,0,.7)!important}
.advexp .advnd.mid .advfr{display:none!important}
.advexp .advnd.mid .advped{top:44px;width:80px;background:radial-gradient(ellipse at 50% 30%,#a5603a,#5c2a16 60%,#2a110a);border-color:#d9873f}
.advexp .advelt.el{background:linear-gradient(180deg,#d9483b,#7a1c12)!important;border:1.5px solid #f0a868!important;color:#ffe9c2!important;font-size:9.5px;letter-spacing:.5px;padding:0 8px;top:-12px}
/* 보스 */
.advexp .advnd.boss{width:150px}
.advexp .advnd.boss .advnc{width:72px!important;height:72px!important}
.advexp .advnd.boss .advped{top:56px;width:112px;height:34px;background:radial-gradient(ellipse at 50% 30%,#7a2a1c,#3b1111 60%,#1c0605);border:3px solid #e8b84e;box-shadow:0 0 0 2px rgba(0,0,0,.5),0 0 22px rgba(255,190,70,.4),0 10px 12px rgba(0,0,0,.65)}
.advexp .advnd.boss .advnl{margin-top:16px;padding:3px 10px 4px;border-radius:9px;background:linear-gradient(180deg,rgba(80,14,8,.95),rgba(30,6,3,.95))!important;border:1.5px solid #e8b84e!important;font-size:12px;line-height:1.25;text-shadow:0 1px 2px #000}
.advexp .advnd.boss .advnl b{display:block;font-size:11px;color:#ffd85e}
.advexp .advnd.boss .advnl span{display:block;color:#fff3d0;white-space:nowrap}
/* 보스 전신 그림이 있으면: 둥근 과녁 대신 발판 위에 그 그림만 */
.advexp .advnd.fig .advnc{width:104px!important;height:104px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.advexp .advnd.fig .advnc::before,.advexp .advnd.fig .advnc::after{display:none!important}
.advexp .advnd.fig.sel .advnc{transform:none}
.advexp .advnd.fig .advfig{position:absolute;left:0;top:0;width:100%!important;height:100%!important}
.advexp .advnd.fig .advped{top:84px;width:118px}
.advexp .advnd.fig.sel .advped{box-shadow:0 0 0 2px rgba(0,0,0,.5),0 0 0 5px rgba(255,236,160,.55),0 0 26px 6px rgba(255,200,90,.55),0 10px 12px rgba(0,0,0,.65)}
.advexp .advnd.fig .advcrs{display:none}
.advexp .advnd.fig .advelt.bs{top:-14px}
.advexp .advnd.fig .advzap{left:4px!important;top:6px!important}
.advexp .advnd.fig .advprz{right:2px;top:10px}
.advexp .advnd.fig .advlk{left:50%;top:auto;bottom:4px;right:auto;transform:translateX(-50%)}
.advexp .advnd.fig .advnl{margin-top:22px}
/* 개구리 기사: 지금 할 곳 옆에 서서 말풍선 */
.advexp .advnd .advtok.hero{top:-34px!important;width:62px!important;height:70px!important;margin:0!important;z-index:6}
.advexp .advnd .advtok.hero.kr{left:calc(50% + 26px)!important}
.advexp .advnd .advtok.hero.kl{left:calc(50% - 88px)!important}
.advexp .advnd.boss .advtok.hero.kr{left:calc(50% + 52px)!important;top:0!important}
.advexp .advnd.boss .advtok.hero.kl{left:calc(50% - 114px)!important;top:0!important}
.advbub{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-4px);z-index:2;white-space:nowrap;padding:3px 9px;border-radius:99px;font-style:normal;font-size:10.5px;font-weight:800;line-height:1.3;color:#e9f7ee;background:rgba(14,48,33,.94);border:1.5px solid #d4b46a;box-shadow:0 3px 8px rgba(0,0,0,.6);pointer-events:none}
.advbub b{color:#ffd966}
.advbub::after{content:'';position:absolute;left:50%;top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:#d4b46a}
/* 지금 할 곳 버튼: 기사가 안 보일 때만 가운데 아래 */
.advexp .advjump{display:none;left:50%;right:auto;bottom:24px;transform:translateX(-50%)}
.advexp .advjump.on{display:inline-flex}
/* 아래 패널: 지도 위로 살짝 겹침 */
.advexp .advpn{position:relative;z-index:8;margin:-16px 8px 0!important;border-radius:16px 16px 12px 12px!important}
.advexp .advpn .advrux{margin:0 0 6px!important;padding:3px 9px!important;font-size:11.5px!important;border-radius:99px!important;border:1px solid rgba(217,107,67,.75)!important;background:linear-gradient(90deg,rgba(90,22,16,.75),rgba(50,14,10,.5))!important;color:#ffcfb4!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.advexp .advpn .advrux b{color:#ffe08a;margin-right:3px}
.advexp .advpn .advrux .advzi{width:15px;height:15px;vertical-align:-3px;margin-right:4px}
.lb.advmode .ptitle>.btn{padding:0 9px!important;font-size:12px!important;min-height:30px!important}
.lb.advmode .ptitle>b{font-size:15px}
.lb.advmode .page.pgadv .ptitle{gap:5px;padding:4px 6px 6px!important}
.advtop{gap:4px}
.advtop>*{padding:0 7px;height:28px;font-size:12px!important}
.advtop .advtd b,.advtop .advtk b{font-size:12.5px!important;font-weight:800}
.advtop .advtn{max-width:104px}
.advtop .advtn b{max-width:72px}
.advexp .advnd.lock .advnc .advav{opacity:.75}
.advexp .advnd.lock .advlk{width:22px;height:22px;background:rgba(20,16,10,.7)}
.advexp .advnd .advelt{top:-12px!important;bottom:auto!important}
.advexp .advnd.fig .advelt.bs{top:-10px!important}
.advexp .advnd.fig .advzap{left:-6px!important;top:30px!important}
.advexp .advnd.boss .advtok.hero.kr{left:calc(50% + 64px)!important;top:44px!important}
.advexp .advnd.boss .advtok.hero.kl{left:calc(50% - 126px)!important;top:44px!important}
.advexp .advnd.cur .advnl,.advexp .advnd.cur.boss .advnl{margin-top:8px!important}
.advexp .advnd.cur.boss .advnl,.advexp .advnd.boss .advnl{margin-top:16px!important}
.advexp .advnd.fig .advnl{margin-top:22px!important}
.advexp .advnd.cur.mid .advnl{margin-top:10px!important}
.advtop>*{padding:0 6px}
.advtop .advtd .dm,.advtop .advtd svg,.advtop .advtd img{width:14px!important;height:14px!important}
.advtop .advtk .advcp{width:18px!important;height:18px!important}
.advtop .advplus{width:20px!important;height:20px!important;line-height:20px!important;font-size:13px!important}
.advtop .advtn{max-width:112px}.advtop .advtn b{max-width:80px}
.advtop .advtn .nflag{width:18px;height:13px}.advtop .advtn .nflag>*{width:18px!important;height:13px!important}
.advexp .advnd.cur.boss .advelt,.advexp .advnd.cur.mid .advelt,.advexp .advnd.boss .advelt.bs,.advexp .advnd.mid .advelt.el{bottom:auto!important;height:auto!important}
.advexp .advnd.boss .advtok.hero.kr{top:70px!important}
.advexp .advnd.boss .advtok.hero.kl{top:70px!important}
.advtop .advtn{max-width:130px}.advtop .advtn b{max-width:96px}
.advexp .advpn.mid{border-color:#d9873f!important;box-shadow:0 0 0 2px rgba(0,0,0,.6),0 0 18px rgba(217,72,59,.35)!important}
.advexp .advnd.mid .advtok.hero.kl{left:calc(50% - 100px)!important}
.advexp .advnd.mid .advtok.hero.kr{left:calc(50% + 34px)!important}
/* 11-07r2 사용자 피드백: 맞춤·랭킹 게임도 로비 프로필 숨김 · 보스 발판 다시 · 해골·보상 그림은 이름표 양끝 · 정예 작게 */
.lb.slimtop .hud2{display:none!important}
.lb.slimtop .page>.ptitle{display:flex;align-items:center;gap:5px}
.lb.slimtop .ptitle>b{flex:none;white-space:nowrap}
.lb.slimtop:not(.advmode) .ptitle .advtop{margin-left:auto}
.advtop .advtd .dm.cl{width:16px!important;height:16px!important}
/* 보스 발판: 납작한 빨간 원 → 돌 원판 + 금테 + 옆면 두께 + 바닥 그림자 + 안쪽 마법진 */
.advexp .advnd.boss .advped{height:30px;border:0!important;background:radial-gradient(ellipse at 50% 38%,#5d6b5c 0%,#3a463b 55%,#232b24 100%)!important;
  box-shadow:inset 0 0 0 2px #e2b754,inset 0 0 0 4px rgba(40,24,6,.85),inset 0 -6px 10px rgba(0,0,0,.45),0 7px 0 -1px #2a1c10,0 7px 0 1px #b88a36,0 14px 14px rgba(0,0,0,.55)!important}
.advexp .advnd.boss .advped::after{content:'';position:absolute;inset:6px 16px;border-radius:50%;border:1.5px dashed rgba(255,226,140,.55);box-shadow:0 0 10px rgba(255,210,110,.25)}
.advexp .advnd.fig .advped{top:78px;width:100px;height:28px}
.advexp .advnd.fig.sel .advped{box-shadow:inset 0 0 0 2px #ffe08a,inset 0 0 0 4px rgba(40,24,6,.85),inset 0 -6px 10px rgba(0,0,0,.45),0 7px 0 -1px #2a1c10,0 7px 0 1px #d8aa4a,0 0 26px 6px rgba(255,210,100,.45),0 14px 14px rgba(0,0,0,.55)!important}
/* 전신 그림이 발판 가운데에 서게 (발이 발판 중앙쯤) */
.advexp .advnd.fig .advnc{width:100px!important;height:100px!important}
.advexp .advnd.fig .advfig{top:-6px!important}
.advexp .advnd.fig .advlk{top:auto!important;bottom:-22px!important;width:22px!important;height:22px!important;z-index:3}
.advexp .advnd.fig .advnl{margin-top:24px!important}
/* 해골 · 보상 그림: 보스 이름표 양끝에 작게 */
.advexp .advnd.boss .advnl{position:relative;padding:3px 26px 4px!important}
.advexp .advnd.boss .advnl .advzap.bz{position:absolute;left:-10px!important;top:50%!important;transform:translateY(-50%);width:24px!important;height:24px!important}
.advexp .advnd.boss .advnl .advzap.bz svg{width:15px!important;height:15px!important}
.advexp .advnd.boss .advnl .advprz.bz{position:absolute;right:-12px;left:auto;top:50%;transform:translateY(-50%);width:28px;height:28px;margin:0}
.advexp .advnd.boss .advnl .advprz.bz>*{width:100%;height:100%}
/* 정예: 일반 칸 크기 · 얇은 적동 테 */
.advexp .advnd.mid .advnc{width:52px!important;height:52px!important;border:2.5px solid #d9873f!important;box-shadow:0 0 0 1.5px #3b120c,0 0 10px rgba(217,72,59,.45),0 5px 10px rgba(0,0,0,.65)!important}
.advexp .advnd.mid .advped{top:39px;width:72px}
.advexp .advnd.mid .advzap{left:-8px!important;top:-8px!important;width:22px!important;height:22px!important}
.advexp .advnd.mid .advzap svg{width:14px!important;height:14px!important}
.advexp .advnd.mid .advelt.el{top:-13px!important;font-size:9px;padding:0 6px;line-height:14px}
.advexp .advnd.mid .advtok.hero.kl{left:calc(50% - 90px)!important}
.advexp .advnd.mid .advtok.hero.kr{left:calc(50% + 28px)!important}
.advexp .advnd.boss .advnl .advzap.bz{width:21px!important;height:21px!important;left:-8px!important}
.advexp .advnd.boss .advnl .advzap.bz svg{width:13px!important;height:13px!important}
.advexp .advnd.boss .advnl .advprz.bz{width:24px;height:24px;right:-9px}
.advexp .advnd.boss .advnl{padding:3px 20px 4px!important}
.advexp .advnd.fig .adv-boss-rogue-token{left:5px!important}
.lb.slimtop .ptitle>.btn{flex:none;white-space:nowrap;padding:0 9px!important;font-size:12px!important;min-height:30px!important}
.lb.slimtop .ptitle>b{font-size:15px}
.lb.slimtop .ptitle{gap:5px}

/* ===== 11-07s 황금 연잎 · 클로버 입장권 ===== */
.dm.li{width:1.15em;height:1.15em;vertical-align:-.22em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}
.lvli .dm.li{width:17px;height:17px}
.lvli b{color:#ffe08a}
.advtop .advtd .dm.li{width:17px!important;height:17px!important}
.btn.lilyb{background:linear-gradient(180deg,#f7dc7e,#c9952e)!important;color:#2a1a04!important;border-color:#8a5a12!important}
.btn.lilyb .dm.li{width:16px;height:16px}
.clvsh.lilysh{background:linear-gradient(90deg,rgba(60,40,8,.85),rgba(14,48,32,.85))!important;border-color:#d4b46a!important}
.clvsh.lilysh .clvshb .dm.li{width:22px;height:22px}
.clvsh.lilysh .clvsht{display:flex;flex-direction:column;gap:1px}
.clvsh.lilysh .clvsht small{font-size:11px;color:#cfe3d4;font-weight:600}
.box.clvrg{display:flex;align-items:center;gap:10px;padding:10px 12px}
.clvrgi .dm{width:30px;height:30px}
.clvrgt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.clvrgt b{font-size:15px;color:#f3ead2}
.clvrgt small{font-size:11.5px;color:#a9c4b3}
.clvrgt em{font-style:normal;color:#8ff0b0;font-weight:800}
.clvrgu{flex:none;font-size:11px;color:#d9c48e;text-align:right;max-width:96px;line-height:1.3}
.rh2d .dm.li{width:20px;height:20px}
.pay .dm.li,.rw .dm.li,.bal .dm.li{width:16px;height:16px;margin-right:2px}

/* ===== 11-07t 장별 입체 발판 (21b-adv-ped.js · 사용자 시안) ===== */
.advexp .advnd .advped{background:none!important;border:0!important;box-shadow:none!important;height:auto!important;border-radius:0!important;width:92px!important;top:20px!important}
.advexp .advnd .advped::after{display:none!important}
.advexp .advped .advpsv{display:block;width:100%;height:auto;overflow:visible}
.advexp .advnd.mid .advped{width:110px!important;top:19px!important}
.advexp .advnd.boss .advped{width:140px!important;top:32px!important}
.advexp .advnd.fig .advped{width:150px!important;top:46px!important}
.advexp .advnd .advnl{margin-top:14px}
.advexp .advnd.done .advrib{margin-top:11px}
.advexp .advnd.done .advnl{margin-top:1px}
.advexp .advnd.mid .advnl,.advexp .advnd.cur.mid .advnl{margin-top:18px!important}
.advexp .advnd.boss .advnl,.advexp .advnd.cur.boss .advnl{margin-top:26px!important}
.advexp .advnd.fig .advnl{margin-top:20px!important}
.advexp .advnd.sel .advped .advpsv{filter:drop-shadow(0 0 6px rgba(255,230,150,.75))}
.advexp .advnd.lock.mid .advped .advpsv,.advexp .advnd.lock.boss .advped .advpsv{filter:brightness(.72) saturate(.7)}
.advexp .advnd.lock:not(.boss) .advped *{animation:none!important}   /* 11-12a 보스 발판은 잠겨 있어도 움직여요 (장의 얼굴) */
/* 움직임 */
.advpsv .pdrip{transform-origin:80px 52px;animation:pdRipple 2.4s ease-out infinite}
.advpsv .pdrip.slow{animation-duration:3s}
.advpsv .pdglow,.advpsv .pdrune{animation:pdBreath 1.8s ease-in-out infinite alternate}
.advpsv .pdtw{animation:pdTwinkle 2s ease-in-out infinite alternate}
.advpsv .pdlava,.advpsv .pdpulse{animation:pdBreath 1.4s ease-in-out infinite alternate}
.advpsv .pdflash,.advpsv .pdlamp{animation:pdBreath 1.3s ease-in-out infinite alternate}
.advpsv .pdrise{animation:pdRise 2.2s linear infinite}
.advpsv .pdbub{animation:pdBubble 2s ease-in infinite}
.advpsv .pdspore{animation:pdSpore 2.4s ease-out infinite}
.advpsv .pdjelly{transform-origin:110px 56px;animation:pdJelly 1.8s ease-in-out infinite alternate}
.advpsv .pdspin{transform-origin:110px 56px;animation:pdSpin 10s linear infinite}
.advpsv .pdspin.r{transform-origin:110px 58px;animation-duration:9s}
.advpsv .pdaura{transform-origin:110px 58px;animation:pdAura 1.6s ease-in-out infinite alternate}
.advpsv.m,.advpsv.b{animation:pdFloat 2.8s ease-in-out infinite}
.advpsv .pd4gear{transform-origin:80px 46px;animation:pd4Gear 8s linear infinite}   /* 11-11k 4장 태엽 */
.advpsv .pd4gl{transform-origin:30px 64px;animation:pd4Rot 6s linear infinite}.advpsv .pd4gr{transform-origin:190px 64px;animation:pd4Rot 6s linear infinite reverse}
@keyframes pd4Gear{0%{transform:scaleY(.36) rotate(0)}100%{transform:scaleY(.36) rotate(360deg)}}@keyframes pd4Rot{100%{transform:rotate(360deg)}}
@keyframes pdRipple{0%{transform:scale(.88);opacity:.85}70%{transform:scale(1.16);opacity:.2}100%{transform:scale(1.22);opacity:0}}
@keyframes pdBreath{0%{opacity:.55}100%{opacity:1}}
@keyframes pdTwinkle{0%{opacity:.35}100%{opacity:.95}}
@keyframes pdRise{0%{transform:translateY(6px) scale(.8);opacity:0}30%{opacity:.95}100%{transform:translateY(-18px) scale(1.2);opacity:0}}
@keyframes pdBubble{0%{transform:translateY(6px) scale(.6);opacity:0}40%{opacity:.95}85%{transform:translateY(-16px) scale(1.25);opacity:.9}100%{transform:translateY(-20px) scale(1.6);opacity:0}}
@keyframes pdSpore{0%{transform:translate(0,6px) scale(.7);opacity:0}35%{opacity:.95}100%{transform:translate(-6px,-22px) scale(1.3);opacity:0}}
@keyframes pdJelly{0%{transform:scale(1,1)}100%{transform:scale(1.03,.95)}}
@keyframes pdSpin{0%{transform:scaleY(.42) rotate(0deg)}100%{transform:scaleY(.42) rotate(360deg)}}
@keyframes pdAura{0%{transform:scale(.96,.92);opacity:.65}100%{transform:scale(1.05,1.08);opacity:1}}
@keyframes pdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
html.lite .advpsv,html.lite .advpsv *{animation:none!important}
@media (prefers-reduced-motion:reduce){.advpsv,.advpsv *{animation:none!important}}
.advexp .advnd.boss .advped,.advexp .advnd.fig .advped,.advexp .advnd.mid .advped,.advexp .advnd.cur .advped,.advexp .advnd.lock .advped,.advexp .advnd.fig.sel .advped{background:none!important;border:0!important;box-shadow:none!important;height:auto!important}
.advexp .advnd.boss .advped::after{display:none!important}
/* 11-07u: 보스 이름 알약 = [해골] 번호·이름 [보상 아이콘] 한 줄 · 아이콘은 가만히 */
.advexp .advnd.boss .advnl{display:inline-flex!important;align-items:center;gap:7px;padding:4px 6px!important;white-space:nowrap}
.advexp .advnd.boss .advnl .advnlt{display:flex;flex-direction:column;align-items:center;line-height:1.2}
.advexp .advnd.boss .advnl .advnlt b{display:block;font-size:11px;color:#ffd85e}
.advexp .advnd.boss .advnl .advnlt span{display:block;color:#fff3d0}
.advexp .advnd.boss .advnl .advzap.bz,.advexp .advnd.boss .advnl .advprz.bz{position:static!important;transform:none!important;animation:none!important;flex:none;margin:0!important}
.advexp .advnd.boss .advnl .advzap.bz{width:24px!important;height:24px!important}
.advexp .advnd.boss .advnl .advzap.bz svg{width:14px!important;height:14px!important}
.advexp .advnd.boss .advnl .advprz.bz{width:28px!important;height:28px!important;box-shadow:0 0 6px rgba(255,210,80,.55)}
/* 11-07u: 나침반 칸 — 충전 중이면 칸을 늘려 옆에 남은 시간 */
.advtop .advtk.rg em{position:static!important;transform:none!important;margin:0 2px 0 3px!important;padding:0 6px!important;font-size:11px!important;line-height:16px;border-radius:99px}
/* 11-07u: 챕터 고르기 (세로 목록) */
.advovr .advchb{flex:none;display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:99px;border:1px solid rgba(230,194,110,.6);background:rgba(10,24,16,.85);color:#ffe08a;font-family:inherit;font-weight:800;font-size:11.5px;line-height:1.2;cursor:pointer;white-space:nowrap}
.advovr .advchb i{font-style:normal;font-size:9px;transition:transform .2s}
.advovr .advchb.on i{transform:rotate(180deg)}
.advchl{position:relative;z-index:30;margin:8px 0 0;max-height:46vh;overflow:auto;display:flex;flex-direction:column;gap:5px;padding:7px;border-radius:14px;background:rgba(6,16,11,.95);border:1px solid rgba(230,194,110,.45);box-shadow:0 10px 24px rgba(0,0,0,.6);pointer-events:auto;animation:advChl .18s ease-out}
@keyframes advChl{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.advchi{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;border:1px solid rgba(230,194,110,.25);background:rgba(255,255,255,.04);color:#fff3d0;text-align:left;font-family:inherit;font-weight:700;font-size:12.5px;line-height:1.25;cursor:pointer}
.advchi b{color:#ffd85e;font-size:11.5px;white-space:nowrap}
.advchi span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.advchi em{font-style:normal;font-size:10.5px;color:#c9b98a;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.advchi em svg{width:11px;height:11px}
.advchi em.ok{color:#8ff0b0;font-size:13px}
.advchi.on{border-color:#e6c26e;background:rgba(230,194,110,.14)}
.advchi.soon{opacity:.62}
.advchi.soon b{color:#b9ad8a}
/* 11-07u: 모험 판 이름표 MOB · ELITE · BOSS */
.slv.at-boss{background:linear-gradient(#ff7a6a,#b3261c)!important;color:#fff!important}
.slv.at-elite{background:linear-gradient(#d39bff,#7b3fc0)!important;color:#fff!important}
.slv.at-mob{background:linear-gradient(#c9d4cf,#7d8b85)!important;color:#141a17!important}
.advov .advchb{pointer-events:auto}
/* 11-07u: 펼친 패널의 중간보스·보스 테두리를 아이콘 한가운데에 고정 (휴대폰에서 아래·옆으로 밀리던 것) */
.advvs .advav.lead.fr{box-sizing:border-box;aspect-ratio:1}
.advvs .advav.lead.fr>.advfr{inset:auto!important;left:50%!important;top:50%!important;width:162%!important;height:162%!important;transform:translate(-50%,-50%)!important;margin:0!important}
/* 11-07v: 보스 이름표 오른쪽 아이콘 = 왼쪽 해골과 같은 크기·테두리 · 안쪽 작은 동그라미 없음 */
.advexp .advnd.boss .advnl .advprz.bz{width:24px!important;height:24px!important;padding:0!important;border:2px solid #f0c75e!important;background:radial-gradient(circle at 45% 35%,#6a1a12,#250604)!important;box-shadow:0 0 0 1.5px rgba(0,0,0,.6)!important;overflow:hidden;box-sizing:content-box}
.advexp .advnd.boss .advnl .advprz.bz .advri.bare{display:block;width:100%;height:100%}
.advexp .advnd.boss .advnl .advprz.bz .advri.bare svg{display:block;width:100%!important;height:100%!important}
/* 11-07v: 중간보스 표 ELITE 보라 */
.advexp .advelt.el{background:linear-gradient(180deg,#b26cf0,#5a2196)!important;border-color:#e3c2ff!important;color:#fff!important;letter-spacing:.8px}
/* 11-07v: 보스 전신 그림 조금 작게 (발은 발판에 그대로) · BOSS 표는 머리에 살짝 닿게 */
.advexp .advnd.fig .advfig{scale:.86;transform-origin:50% 100%}
.advexp .advnd.fig .advelt.bs{top:2px!important}
/* ===== 11-07y 용사 단장 ===== */
.navfr{width:1.15em;height:1.15em;vertical-align:-.15em}
.hlnk{background:none;border:0;color:#e6c26e;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;padding:2px 0}
.htop{margin-left:auto;display:flex;align-items:center}
.hdew{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:99px;background:rgba(6,16,11,.85);border:1px solid rgba(230,194,110,.55);cursor:pointer}
.hdew .dm{width:18px;height:18px}.hdew b{font-family:Cinzel,Georgia,serif;font-size:15px;color:#f3e7c4}
.hbox{padding:12px}
.htabs button{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}
.hsoon{text-align:center;padding:60px 10px;color:#c9b98a;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.hsoon svg{width:16px;height:16px}
.hstage{display:grid;grid-template-columns:58px 1fr 58px;gap:8px;align-items:center;margin:4px 0 10px}
.hcol{display:flex;flex-direction:column;gap:7px}
.hslot{position:relative;height:58px;border-radius:12px;border:1px solid rgba(230,194,110,.35);background:radial-gradient(circle at 50% 40%,#1c3b2d,#0a1611);color:#cfd8cf;cursor:pointer;padding:3px 3px 14px;display:flex;align-items:center;justify-content:center}
.hslot svg{width:100%;height:100%}
.hslot small{position:absolute;left:0;right:0;bottom:2px;font-size:10px;font-weight:800;color:#c9b98a;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hslot.has{border-color:#e6c26e}.hslot.on{box-shadow:0 0 0 2px #f2d77a inset}
.hsle{width:18px;height:18px;border-radius:50%;border:2px dashed rgba(230,194,110,.35)}
.hreset i{font-style:normal;font-size:20px;color:#e6c26e}
.hpv{position:relative;aspect-ratio:200/220;border-radius:16px;background:radial-gradient(circle at 50% 35%,rgba(255,224,130,.28),rgba(20,50,35,.2) 55%,transparent 70%),linear-gradient(#123224,#0a1a12);border:1px solid rgba(230,194,110,.4);overflow:hidden}
.hpv svg{width:100%;height:100%;display:block}
.hpv.try{border-color:#9fe0ff}.htry{position:absolute;top:6px;left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;font-weight:900;color:#08303a;background:#9fe0ff;border-radius:99px;padding:2px 9px;white-space:nowrap}
.hsks{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.hsk{position:relative;text-align:left;border-radius:12px;border:1px solid rgba(230,194,110,.3);background:rgba(255,255,255,.04);color:#f3e7c4;padding:7px 9px 7px;font:inherit;cursor:pointer;min-width:0;display:flex;flex-direction:column;gap:1px}
.hsk small{font-size:10px;color:#c9b98a;font-weight:800}
.hsk b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}
.hsk span{font-size:10.5px;color:#b8c4b8;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hsk i{position:absolute;top:6px;right:8px;font-style:normal;font-size:10px;font-weight:800;color:#e6c26e}
.hsk.on{border-color:#e6c26e;background:linear-gradient(rgba(230,194,110,.16),rgba(230,194,110,.05))}
.hnote{font-size:10.5px;color:#9fae9f;margin:6px 2px 10px;line-height:1.35}
.hparts{overflow-x:auto;scrollbar-width:none;gap:5px}.hparts::-webkit-scrollbar{display:none}
.hparts button{flex:none;padding:0 11px;height:32px;font-size:12.5px}
.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:6px}
.hcard{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:7px;border-radius:13px;border:1px solid rgba(230,194,110,.25);background:linear-gradient(#13271e,#0b1712);color:#f3e7c4;font:inherit;cursor:pointer;text-align:left;min-width:0}
.hcard.sel{border-color:#f2d77a;box-shadow:0 0 0 2px rgba(242,215,122,.45)}
.hctop{display:flex;justify-content:space-between;gap:4px;min-height:17px}
.hset{font-style:normal;font-size:10px;font-weight:800;color:#e6c26e;background:rgba(230,194,110,.12);border-radius:6px;padding:1px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hwear{font-style:normal;font-size:10px;font-weight:900;color:#0c2a17;background:#8ff0b0;border-radius:6px;padding:1px 5px;white-space:nowrap}
.hth{height:62px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.07),transparent 70%)}
.hth svg{height:100%;max-width:100%}
.hname{font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}
html[lang=en] .hname,html[data-lang=en] .hname{font-size:11.5px;letter-spacing:-.02em}
.hcb{display:flex;justify-content:space-between;align-items:center;gap:4px}
.hrar{font-style:normal;font-size:10px;font-weight:800;border-radius:6px;padding:1px 6px;white-space:nowrap}
.hrar.r-leaf{color:#c9f5b5;background:rgba(93,187,99,.2)}.hrar.r-pond{color:#bfe8ff;background:rgba(78,168,222,.2)}.hrar.r-jade{color:#e2dcff;background:rgba(155,137,230,.22)}.hrar.r-lotus{color:#ffe6a3;background:rgba(244,185,66,.2)}.hrar.r-royal{color:#ffd0d4;background:rgba(230,57,70,.22)}
.hcard.r-lotus{border-color:rgba(244,185,66,.45)}.hcard.r-royal{border-color:rgba(230,57,70,.5);background:linear-gradient(#2a1414,#120909)}
.hpr,.hown{font-style:normal;font-size:12px;font-weight:900;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.hpr .dm{width:14px;height:14px}.hown{color:#8ff0b0;font-size:11px}
.hbar2{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 70px);z-index:5;margin-top:8px;padding:9px;border-radius:14px;background:rgba(6,16,11,.96);border:1px solid #e6c26e;box-shadow:0 -6px 18px rgba(0,0,0,.5)}
.hbar2 p{margin:0 0 7px;font-size:12px;color:#d9d2bd;text-align:center;line-height:1.35}.hbar2 em{font-style:normal;color:#ffd85e;font-weight:900}
.hbtn{width:100%;height:44px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:5px}.hbtn .dm{width:18px;height:18px}
.hsets{display:flex;flex-direction:column;gap:8px}
.hsetc{border-radius:13px;border:1px solid rgba(230,194,110,.25);background:linear-gradient(#13271e,#0b1712);padding:9px 10px}
.hsetc.unl{border-color:#e6c26e}
.hsh{display:flex;align-items:center;gap:7px}.hsh b{font-size:13.5px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hsno{font-style:normal;width:20px;height:20px;border-radius:50%;background:#e6c26e;color:#1a1409;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;flex:none}
.hcnt{font-family:Cinzel,Georgia,serif;font-weight:800;font-size:13px;color:#f3e7c4}
.hbar{height:5px;border-radius:9px;background:rgba(255,255,255,.08);margin:7px 0;overflow:hidden}.hbar u{display:block;height:100%;background:linear-gradient(90deg,#b8902c,#f2d77a)}
.hss{display:flex;flex-direction:column;gap:1px}.hss b{font-size:12.5px;display:flex;align-items:center;gap:4px}.hss b svg{width:12px;height:12px}.hss span{font-size:11px;color:#b8c4b8}
.hsb{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:7px}.btn.sm{height:30px;padding:0 12px;font-size:12px}
.hon{font-style:normal;font-size:11px;font-weight:900;color:#8ff0b0}
.hpl{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.hpi{position:relative;text-align:left;border-radius:11px;border:1px solid rgba(230,194,110,.3);background:rgba(255,255,255,.04);color:#f3e7c4;padding:9px 11px;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.hpi.on{border-color:#f2d77a;background:rgba(230,194,110,.14)}.hpi span{font-size:11.5px;color:#b8c4b8}.hpi small{font-size:10.5px;color:#c9b98a}
.hpi em{position:absolute;top:8px;right:10px;font-style:normal;font-size:10px;color:#8ff0b0;font-weight:900}
/* 모험 출정창 스킬 줄 */
.hskr{margin:8px 0 2px;padding:7px 8px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(230,194,110,.25)}
.hskh{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.hskh b{font-size:12px;color:#f3e7c4}
.hsk.mini{padding:5px 8px}.hsk.mini span{-webkit-line-clamp:1;font-size:10px}.hsk.mini i{display:none}
/* 프로필 안 보관함 머리 */
.pfcol .avhd b{display:flex;align-items:center;gap:6px}.pfcol .hic svg{width:20px;height:20px}
.pfc4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pfc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 3px;border-radius:11px;border:1px solid rgba(230,194,110,.28);background:rgba(255,255,255,.035);color:#f3e7c4;font:inherit;cursor:pointer;min-width:0}
.pfc.on{border-color:#f2d77a;background:rgba(230,194,110,.14)}
.pfct{height:46px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pfct>*{max-height:46px;max-width:100%}.pfct .avi{width:42px;height:42px}
.pfc b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pfc small{font-size:10px;color:#8ff0b0}
.hsk.mini span{display:none}.hsk.mini b{font-size:12.5px}.hskr .hsks{gap:6px}
/* ===== 11-07z 아티팩트: 유물 제단 (11-07y .h* 칸·카드 모양을 같이 써요) ===== */
.aset{display:flex;align-items:center;gap:6px;margin:2px 0 6px}
.aarr{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(230,194,110,.5);background:rgba(6,16,11,.8);color:#e6c26e;font-size:13px;cursor:pointer}.aarr:disabled{opacity:.3}
.asett{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column}.asett b{font-size:13.5px;color:#f3e7c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asett small{font-size:11px;color:#c9b98a}
.altar{position:relative;height:312px;margin:0 0 10px;border-radius:18px;border:1px solid rgba(230,194,110,.35);overflow:hidden;
  background:radial-gradient(circle at 50% 54%,rgba(120,220,190,.16),transparent 46%),radial-gradient(ellipse at 50% 100%,rgba(40,120,90,.35),transparent 60%),linear-gradient(#0d241b,#071510)}
.altar:before{content:'';position:absolute;left:8%;right:8%;bottom:6%;height:24%;border-radius:50%;background:radial-gradient(ellipse,rgba(120,210,190,.18),transparent 70%)}
.altar.full{border-color:#f2d77a;box-shadow:inset 0 0 40px rgba(242,215,122,.25)}
.acore{position:absolute;left:50%;top:53%;width:118px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}
.acore svg{width:96px;height:96px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
.acore span{font-size:10.5px;font-weight:800;color:#c9b98a;white-space:nowrap;text-align:center}
.acore.on svg{filter:drop-shadow(0 0 14px rgba(255,220,120,.85))}.acore.on span{color:#ffe08a}
.acore.on .acring{transform-origin:60px 60px;animation:acSpin 14s linear infinite}
@keyframes acSpin{to{transform:rotate(360deg)}}
.aped{position:absolute;width:62px;transform:translate(-50%,-50%);background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#c9b98a;font:inherit}
.apic{position:relative;z-index:1;width:52px;height:52px;display:block}.apic svg{width:100%;height:100%}
.aped.own .apic{animation:apFloat 3.2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,220,130,.55))}
.aped:nth-child(odd).own .apic{animation-delay:-1.6s}
@keyframes apFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.abase{display:block;width:44px;height:12px;margin-top:-6px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#f2d77a,#8a6a1a 70%);box-shadow:0 3px 6px rgba(0,0,0,.5)}
.aped:not(.own) .abase{background:radial-gradient(ellipse at 50% 35%,#5a6a60,#26322b 70%)}
.aped small{font-size:10px;font-weight:800;margin-top:2px;white-space:nowrap}
.aped.own small{color:#ffe08a}
.aped.sel .apic{outline:2px solid #9fe0ff;outline-offset:2px;border-radius:12px}
.artsvg.lk{filter:grayscale(1) brightness(.32) contrast(1.2);opacity:.8}
.acard .hth{height:70px}.acard .hset{align-self:center;margin:1px 0}.acard .hcb{justify-content:center}
.acard.own .hth{background:radial-gradient(circle at 50% 50%,rgba(255,220,130,.16),transparent 70%)}
.achk{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:9px;border:1px solid rgba(230,194,110,.5);background:rgba(255,255,255,.04);color:#f3e7c4;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.achk i{width:16px;height:16px;border-radius:4px;border:1.5px solid #e6c26e;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;color:#1a1409}
.achk.on{border-color:#8ff0b0;color:#8ff0b0}.achk.on i{background:#8ff0b0;border-color:#8ff0b0}
html.lite .aped.own .apic,html.lite .acore.on .acring{animation:none}
@media (prefers-reduced-motion:reduce){.aped.own .apic,.acore.on .acring{animation:none}}
/* 11-07z2 아티팩트 그림 파일 */
img.artimg{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.hth img.artimg{height:100%;width:auto;max-width:100%;margin:0 auto}
.apic img.artimg{width:58px;height:58px;margin:-3px}
img.artimg.lk{filter:grayscale(1) brightness(.28) contrast(1.15);opacity:.85}
/* 11-07z3 아티팩트: 안 모은 유물 = 비취·금빛 음각 실루엣 · 석조 받침대 · 봉인 코어 숨쉬기 · 스킬 칸 왼쪽 메달 */
.artsvg.lk:not(img){filter:drop-shadow(0 0 6px rgba(120,220,180,.25));opacity:1}
.artsvg.lk:not(img) path,.artsvg.lk:not(img) rect,.artsvg.lk:not(img) circle,.artsvg.lk:not(img) ellipse,.artsvg.lk:not(img) polygon{fill:rgba(20,58,42,.75)!important;stroke:rgba(212,180,106,.65)!important;stroke-dasharray:3 2;stroke-width:1.8px}
.abase{display:none}
.abase2{display:block;width:52px;height:17px;margin-top:-7px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}
.aped.own .abase2{filter:drop-shadow(0 0 6px rgba(255,220,120,.6)) drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.aped:not(.own) small{color:#9fc4ae}
.acore svg{width:104px;height:104px}
.acbr{animation:acBreath 3.2s ease-in-out infinite}
@keyframes acBreath{0%,100%{opacity:.75}50%{opacity:1}}
.hsk.ask{flex-direction:row;align-items:center;gap:10px}
.askt{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.askic{flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-style:normal}
.askic svg{width:100%;height:100%}
.askic.empty{border-radius:12px;background:#071710;border:1.5px dashed rgba(212,180,106,.5);box-shadow:inset 0 2px 6px rgba(0,0,0,.8)}
.askic.empty svg{width:24px;height:24px}
.hsk.ask.mini .askic{width:34px;height:34px}.hsk.ask.mini .askic.empty svg{width:18px;height:18px}
.hsk.ask.mini{gap:7px}
html.lite .acbr{animation:none}
@media (prefers-reduced-motion:reduce){.acbr{animation:none}}
.hsk .askic{position:static!important;top:auto;right:auto;font-size:inherit;color:inherit}
.askt small,.askt b,.askt span{display:block}
.askt span{display:-webkit-box}
.hsk.ask{padding-right:30px}
.artsvg.lk:not(img) path,.artsvg.lk:not(img) rect,.artsvg.lk:not(img) circle,.artsvg.lk:not(img) ellipse,.artsvg.lk:not(img) polygon{stroke:rgba(222,192,116,.8)!important;stroke-width:2.2px}
.hsk.mini .askt{display:flex!important}.hsk.mini .askt span{display:none}
.hsk.mini .askic{display:flex!important}
.hsk.ask{padding-right:8px}.hsk.ask .askt b{font-size:13px;white-space:normal;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hsk.ask .askt small{padding-right:30px}
.hssm{flex-direction:row!important;align-items:center;gap:9px}.hssm .askt span{display:block;-webkit-line-clamp:unset}
.hsmd{flex:none;width:40px;height:40px}.hsmd svg{width:100%;height:100%}.hsmd.off{filter:grayscale(.85) brightness(.6)}
.shg .advcp.shc{display:inline-block;width:20px;height:20px;vertical-align:-4px;background-size:contain}
.advms3.rd{cursor:pointer;animation:advChest 1.1s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,220,120,.9))}
.advms3.rd small{color:#8ff0b0!important;font-weight:900}
.advms3.got{opacity:.85}.advms3.got small{color:#8ff0b0!important}
@keyframes advChest{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-62%) scale(1.15)}}
html.lite .advms3.rd{animation:none}
/* ===== 11-07z5 유물 카드 복원 버튼 · 스킬 칸 새 디자인 ===== */
.acard{cursor:default}
.acard .hth{border:0;padding:0;font:inherit;color:inherit;cursor:pointer;width:100%}
.acard:not(.own) .hth img.artimg,.acard:not(.own) .hth .artsvg{opacity:.78;filter:saturate(.75)}
.acard.own{border-color:rgba(143,240,176,.45)}
.abtn{margin-top:3px;display:flex;align-items:center;justify-content:center;gap:3px;height:28px;border-radius:9px;font:inherit;font-size:12px;font-weight:900;font-style:normal;white-space:nowrap}
.abuy{border:1px solid rgba(240,204,120,.65);background:linear-gradient(#f2cf74,#c9962f);color:#2a1a04;cursor:pointer;box-shadow:0 2px 0 #7a5617}
.abuy:active{transform:translateY(1px);box-shadow:none}
.abuy .dm,.abuy svg,.abuy img{width:14px;height:14px}
.abuy.arm{background:linear-gradient(#8ff0b0,#3fb873);border-color:#a8f5c4;color:#062012;font-size:10.5px;box-shadow:0 2px 0 #1d6b3f}
.abuy.poor{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:rgba(243,231,196,.45);box-shadow:none;cursor:not-allowed}
.hown.abtn{background:rgba(143,240,176,.1);border:1px solid rgba(143,240,176,.3);color:#8ff0b0;font-size:11px}
/* 스킬 칸 */
.sk2{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:10px 10px 10px 9px;border-radius:14px;border:1px solid rgba(230,194,110,.22);background:linear-gradient(135deg,rgba(30,58,44,.95),rgba(11,23,18,.95));color:#f3e7c4;font:inherit;text-align:left;cursor:pointer}
.sk2.on{border-color:rgba(240,204,120,.6);background:linear-gradient(135deg,#25432f,#0e1d16);box-shadow:inset 0 1px 0 rgba(255,236,170,.12),0 0 14px rgba(240,204,120,.12)}
.sk2m{flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center}
.sk2m svg{width:100%;height:100%}
.sk2m.empty{border-radius:50%;border:1.5px dashed rgba(230,194,110,.4);background:rgba(0,0,0,.2)}
.sk2m.empty svg{width:20px;height:20px;opacity:.7}
.sk2t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.sk2t em{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.06em;color:#e6c26e;opacity:.85}
.sk2t b{font-size:13.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk2:not(.on) .sk2t b{color:rgba(243,231,196,.55)}
.sk2t small{font-size:10.5px;line-height:1.3;color:rgba(243,231,196,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sk2c{flex:none;font-style:normal;font-size:20px;line-height:1;color:rgba(230,194,110,.6)}
.sk2.mini{padding:7px 8px;gap:7px;border-radius:12px}
.sk2.mini .sk2m{width:32px;height:32px}.sk2.mini .sk2m.empty svg{width:15px;height:15px}
.sk2.mini .sk2t b{font-size:12px}.sk2.mini small,.sk2.mini .sk2c{display:none}
@media (max-width:380px){.sk2{gap:7px;padding:8px 7px}.sk2m{width:38px;height:38px}.sk2c{display:none}}
/* 스킬 목록 */
.sk3l{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.sk3{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(10,22,16,.7)}
.sk3.unl{border-color:rgba(230,194,110,.3);background:linear-gradient(135deg,rgba(32,60,45,.9),rgba(11,23,18,.9))}
.sk3.eq{border-color:rgba(143,240,176,.5);box-shadow:0 0 12px rgba(143,240,176,.1)}
.sk3m{position:relative;flex:none;width:48px;height:48px}.sk3m>svg{width:100%;height:100%}
.sk3m.off>svg{opacity:.55;filter:saturate(.6)}
.sk3lk{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;background:#0b1712;border:1px solid rgba(230,194,110,.55);display:flex;align-items:center;justify-content:center}
.sk3lk svg{width:11px;height:11px}
.sk3t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.sk3t em{font-style:normal;font-size:10.5px;color:rgba(230,194,110,.85);font-weight:800}
.sk3t b{font-size:14px}.sk3:not(.unl) .sk3t b{color:rgba(243,231,196,.7)}
.sk3t small{font-size:11px;line-height:1.3;color:rgba(243,231,196,.7)}
.sk3p{display:flex;align-items:center;gap:6px;margin-top:4px}
.sk3bar{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.sk3bar u{display:block;height:100%;background:linear-gradient(90deg,#c9962f,#f2cf74);border-radius:3px}
.sk3.unl .sk3bar u{background:linear-gradient(90deg,#3fb873,#8ff0b0)}
.sk3p i{font-style:normal;font-size:10.5px;font-weight:800;color:rgba(243,231,196,.7)}
.sk3a{flex:none;display:flex;flex-direction:column;gap:5px;align-items:stretch}
.sk3b,.sk3v{height:28px;padding:0 10px;border-radius:9px;font:inherit;font-size:11.5px;font-weight:900;white-space:nowrap;cursor:pointer}
.sk3b{border:1px solid rgba(240,204,120,.65);background:linear-gradient(#f2cf74,#c9962f);color:#2a1a04}
.sk3b.on{background:rgba(143,240,176,.12);border-color:rgba(143,240,176,.45);color:#8ff0b0}
.sk3v{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:rgba(243,231,196,.8)}
.sk2{gap:8px;padding:9px 8px}.sk2m{width:40px;height:40px}.sk2c{display:none}
.sk2t b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px}
.sk2t small{-webkit-line-clamp:1}
/* ===== 11-07z7 모험 지도: 중간보스 이름표 · 별 리본과 이름표 붙이기 · 숫자 크기 · 챕터 빨간 점 ===== */
.advov .advchs small,.advtop .advtk small{font-size:inherit!important;margin-left:0!important;color:inherit!important;opacity:.78}
.advrd{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:#ff3b30;border:1.5px solid #1a0d05;box-shadow:0 0 6px rgba(255,59,48,.8);text-decoration:none}
.advchb{position:relative}.advchi b{position:relative;display:inline-block;padding-right:11px}.advchi b .advrd{top:-2px;right:0}
.advexp .advnd.mid .advnl{display:inline-flex!important;align-items:center;gap:7px;padding:4px 6px!important;white-space:nowrap;border-radius:9px;background:linear-gradient(180deg,rgba(62,22,92,.95),rgba(24,8,38,.95))!important;border:1.5px solid #e8b84e!important;font-size:12px;font-weight:800;line-height:1.2;text-shadow:0 1px 2px #000;color:#fff3d0}
.advexp .advnd.mid .advnl .advnlt{display:flex;flex-direction:column;align-items:center;line-height:1.2}
.advexp .advnd.mid .advnl .advnlt b{display:block;font-size:11px;color:#ffd85e}
.advexp .advnd.mid .advnl .advnlt span{display:block;color:#fff3d0}
.advexp .advnd.mid .advnl .advzap.bz,.advexp .advnd.mid .advnl .advprz.dw{position:static!important;transform:none!important;animation:none!important;flex:none;margin:0!important}
.advexp .advnd.mid .advnl .advzap.bz{width:24px!important;height:24px!important}
.advexp .advnd.mid .advnl .advzap.bz svg{width:14px!important;height:14px!important}
.advexp .advnd.mid .advnl .advprz.dw{width:24px!important;height:24px!important;padding:0!important;border:2px solid #f0c75e!important;border-radius:50%;background:radial-gradient(circle at 45% 35%,#1d5a46,#06261b)!important;box-shadow:0 0 0 1.5px rgba(0,0,0,.6)!important;display:flex;align-items:center;justify-content:center;box-sizing:content-box}
.advexp .advnd.mid .advnl .advprz.dw>*{width:17px!important;height:17px!important}
.advexp .advnd.done.mid .advnl,.advexp .advnd.done.boss .advnl,.advexp .advnd.done.fig .advnl{margin-top:2px!important}
.advexp .advnd.fig .advelt.bs{top:-9px!important}
.advtop .advtk small{margin-left:-4px!important}
/* ===== 11-07z9 아티팩트 제단 · 스킬 고퀄리티 개편 (다크 에메랄드 #0d291e~#123526 · 앤틱 골드 #d4b46a · 외곽선 #1b120c) ===== */
@keyframes aFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes aPulse{0%{box-shadow:0 0 0 0 rgba(255,222,120,.9),0 0 14px rgba(212,180,106,.45)}60%{box-shadow:0 0 0 14px rgba(255,222,120,0),0 0 26px rgba(255,222,120,.9)}100%{box-shadow:0 0 0 0 rgba(255,222,120,0),0 0 14px rgba(212,180,106,.45)}}
@keyframes aShine{0%{filter:brightness(1)}35%{filter:brightness(1.7) drop-shadow(0 0 10px #ffe08a)}100%{filter:brightness(1)}}
@keyframes aHalo{to{transform:rotate(360deg)}}
/* 세트 제목 + 7칸 진행 바 */
.asett{gap:3px;align-items:center}
.asett b{font-size:14px;letter-spacing:.2px}
.aseg{display:flex;gap:3px;width:min(190px,70%);margin:1px auto 0}
.aseg i{flex:1;height:6px;border-radius:2px;background:rgba(0,0,0,.45);border:1px solid rgba(212,180,106,.35);box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.aseg i.on{background:linear-gradient(#fff0b0,#d4b46a 55%,#9a6a14);border-color:#f2d77a;box-shadow:0 0 6px rgba(242,215,122,.55)}
/* 제단 */
.altar.altar2{height:360px;border-radius:20px;border:1.5px solid rgba(212,180,106,.45);background:radial-gradient(circle at 50% 49%,rgba(120,220,170,.16),transparent 38%),radial-gradient(ellipse at 50% 108%,rgba(212,180,106,.16),transparent 55%),repeating-radial-gradient(circle at 50% 49%,transparent 0 44px,rgba(212,180,106,.05) 44px 45px),linear-gradient(#123526,#0d291e 55%,#081d14);box-shadow:inset 0 0 0 4px rgba(13,41,30,.9),inset 0 0 0 5px rgba(212,180,106,.25),inset 0 0 40px rgba(0,0,0,.55)}
.altar.altar2:before{display:none}
.altar.altar2.full{border-color:#f2d77a;box-shadow:inset 0 0 0 4px rgba(13,41,30,.9),inset 0 0 0 5px rgba(242,215,122,.5),inset 0 0 50px rgba(242,215,122,.22)}
.alines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.alines line{stroke:rgba(212,180,106,.28);stroke-width:1.3;stroke-dasharray:3 5}
.alines line.on{stroke:#f2d77a;stroke-width:2;stroke-dasharray:none;filter:drop-shadow(0 0 3px rgba(255,220,120,.9))}
.altar2 .acore{top:49%;width:156px;gap:3px;z-index:1}
.altar2 .acore svg{width:132px;height:132px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6));overflow:visible}
.altar2 .acore span{max-width:150px;white-space:normal;line-height:1.25;font-size:10.5px;color:#d9c48e;padding:2px 8px;border-radius:99px;background:rgba(5,16,11,.75);border:1px solid rgba(212,180,106,.3)}
.altar2 .acore.on svg{filter:drop-shadow(0 0 16px rgba(255,214,110,.75))}
.altar2 .acore.on span{color:#ffe08a;border-color:rgba(242,215,122,.6)}
.altar2 .acore.on .acring{transform-origin:70px 70px;animation:aHalo 16s linear infinite}
.altar2 .acore.on .acbloom{animation:aShine 3.2s ease-in-out infinite}
.acseg{stroke:rgba(140,200,170,.12)}
.acseg.on{stroke:#3fd08e;filter:drop-shadow(0 0 2px rgba(63,208,142,.9))}
.acore.on .acseg.on{stroke:#f2d77a;filter:drop-shadow(0 0 3px rgba(255,220,120,.9))}
/* 유물 좌대 7개: 이중 금테 원형 프레임 */
.altar2 .aped{position:absolute;width:76px;transform:translate(-50%,-31px);background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;z-index:2;font:inherit;color:#c9b98a}
.apic2{position:relative;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#1c4a35,#0a1f15 72%);border:2px solid rgba(212,180,106,.38);box-shadow:inset 0 0 0 3px #0b1f16,inset 0 0 0 4px rgba(212,180,106,.2),inset 0 4px 10px rgba(0,0,0,.65),0 3px 8px rgba(0,0,0,.5);transition:border-color .2s,box-shadow .2s}
.apic2 .aart{width:50px;height:50px;display:flex;align-items:center;justify-content:center}
.apic2 .aart>*{width:100%!important;height:100%!important;margin:0!important;object-fit:contain}
.aart.sil>*{filter:brightness(.42) saturate(.2) contrast(1.15)!important;opacity:.85}
.aped.own .apic2{border-color:#d4b46a;background:radial-gradient(circle at 50% 40%,#2a6448,#0d291e 72%);box-shadow:inset 0 0 0 3px #0d291e,inset 0 0 0 4px rgba(242,215,122,.55),0 0 14px rgba(212,180,106,.45),0 3px 8px rgba(0,0,0,.5);animation:aFloat2 3.4s ease-in-out infinite}
.aped.own:nth-of-type(odd) .apic2{animation-delay:-1.7s}
.aped.own .aart>*{filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}
.aped.sel .apic2,.aped:focus-visible .apic2{border-color:#fff1b0;box-shadow:inset 0 0 0 3px #0d291e,0 0 0 2px rgba(255,241,176,.55),0 0 18px rgba(255,230,150,.8)}
.aped.flash .apic2{animation:aPulse 1.2s ease-out}
.abdg{position:absolute;right:-3px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:#0d291e;border:1.5px solid rgba(212,180,106,.7);display:flex;align-items:center;justify-content:center;font-style:normal;box-shadow:0 2px 4px rgba(0,0,0,.6)}
.abdg svg,.abdg img,.abdg .dm{width:13px!important;height:13px!important}
.abdg.can{border-color:#8ff0b0;box-shadow:0 0 8px rgba(143,240,176,.6)}
.altar2 .aped small{font-size:10.5px;font-weight:800;line-height:1;color:#e9d9a8;white-space:nowrap;padding:3px 8px;border-radius:99px;background:linear-gradient(rgba(10,28,20,.95),rgba(5,16,11,.95));border:1px solid rgba(212,180,106,.45);box-shadow:0 2px 4px rgba(0,0,0,.5)}
.altar2 .aped.own small{color:#ffe08a;border-color:#d4b46a}
html.lite .aped.own .apic2,html.lite .altar2 .acore.on .acring,html.lite .altar2 .acore.on .acbloom{animation:none}
@media (prefers-reduced-motion:reduce){.aped.own .apic2,.altar2 .acore.on .acring,.altar2 .acore.on .acbloom{animation:none}}
@media (max-width:370px){.altar.altar2{height:344px}.apic2{width:56px;height:56px}.apic2 .aart{width:44px;height:44px}.altar2 .aped{transform:translate(-50%,-28px)}.altar2 .acore svg{width:120px;height:120px}.altar2 .aped small{font-size:10px;padding:3px 6px}}
/* 도감 카드 */
.acard .hth{position:relative}
.acard .aown{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(#8ff0b0,#2f9a5e);color:#062012;font-style:normal;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;border:1.5px solid #0d291e}
.acard.flash{animation:aPulse 1.2s ease-out}
.acard.flash .hth>*{animation:aShine 1.2s ease-out}
.hparts button,.htabs button,.abtn,.sk3b,.sk3v{white-space:nowrap}
/* 스킬 칸 1·2: 장비 소켓 */
.sk2{gap:10px!important;padding:10px 10px 10px 9px!important;border-radius:14px;border:1.5px solid rgba(212,180,106,.25);background:linear-gradient(135deg,#123526,#0b2117 60%,#081a12);box-shadow:inset 0 1px 0 rgba(255,236,170,.06),0 3px 8px rgba(0,0,0,.35)}
.sk2 .sk2m{width:50px!important;height:50px!important;border:0!important;background:none!important;border-radius:0!important}
.sk2 .sk2m svg{width:100%!important;height:100%!important;opacity:1!important}
.sk2.st-lock .sk2m{filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}
.sk2.st-empty{border-color:rgba(232,199,102,.5);border-style:dashed}
.sk2.st-empty .sk2m{filter:drop-shadow(0 0 7px rgba(255,224,138,.55));animation:aShine 2.6s ease-in-out infinite}
.sk2.st-empty .sk2t small{color:#ffe08a;font-weight:800}
.sk2.on{border-color:#d4b46a!important;background:linear-gradient(135deg,#1d4a34,#0f2a1e 60%,#0a1d14)!important;box-shadow:inset 0 1px 0 rgba(255,236,170,.14),0 0 14px rgba(212,180,106,.2),0 3px 8px rgba(0,0,0,.35)!important}
.sk2.on .sk2m{filter:drop-shadow(0 0 6px rgba(255,214,110,.5))}
.sk2 .sk2t em{font-size:10px;letter-spacing:.08em}
.sk2 .sk2t b{font-size:13.5px}
.sk2x{position:absolute;top:7px;right:7px;font-style:normal;font-size:10px;font-weight:900;color:#2a1a04;background:linear-gradient(#f2cf74,#c9962f);border:1px solid #1b120c;border-radius:99px;padding:1px 7px;line-height:15px;box-shadow:0 1px 0 #7a5617}
.sk2.on .sk2t{padding-right:2px}
.sk2.on .sk2t em{padding-right:36px}
.sk2.mini{padding:7px 8px!important;gap:7px!important}
.sk2.mini .sk2m{width:34px!important;height:34px!important}
.sk2.mini.st-empty .sk2m{animation:none}
html.lite .sk2.st-empty .sk2m{animation:none}
/* 세트 스킬 목록 */
.sk3{padding:11px 10px!important;border-radius:15px!important;border:1px solid rgba(212,180,106,.18)!important;background:linear-gradient(135deg,#102e21,#0a1f16)!important}
.sk3.unl{border-color:rgba(212,180,106,.55)!important;background:linear-gradient(135deg,#1a4430,#0d291e)!important}
.sk3.eq{border-color:#f2d77a!important;box-shadow:0 0 14px rgba(242,215,122,.18)!important}
.sk3 .sk3m{width:52px!important;height:52px!important}
.sk3 .sk3m.off>svg{opacity:1!important;filter:saturate(.62) brightness(.95) contrast(1.08)!important}
.sk3 .sk3lk{width:22px!important;height:22px!important;background:#0d291e!important;border:1.5px solid #d4b46a!important}
.sk3 .sk3t em{color:#d4b46a!important;font-size:10.5px}
.sk3 .sk3t b{font-size:14.5px;color:#fff1cf!important}
.sk3:not(.unl) .sk3t b{color:#e9dcb8!important}
.sk3 .sk3t small{color:rgba(243,231,196,.82)!important}
.sk3p{gap:7px!important;margin-top:6px!important}
.sk3p .aseg{flex:1;width:auto;margin:0;gap:2.5px}
.sk3p .aseg i{height:8px;border-radius:3px;transform:skewX(-14deg)}
.sk3p .aseg i.on{background:linear-gradient(#a8ffd2,#3fd08e 55%,#1b7a4c);border-color:#8ff0b0;box-shadow:0 0 6px rgba(63,208,142,.6)}
.sk3.unl .sk3p .aseg i.on{background:linear-gradient(#fff0b0,#d4b46a 55%,#9a6a14);border-color:#f2d77a;box-shadow:0 0 6px rgba(242,215,122,.6)}
.sk3p>i{font-size:11px!important;color:#e9d9a8!important;min-width:26px;text-align:right}
.sk3 .sk3b,.sk3 .sk3v{height:32px!important;padding:0 12px!important;border-radius:10px!important;font-size:12px!important}
.sk3 .sk3v{border:1.5px solid #d4b46a!important;background:rgba(13,41,30,.8)!important;color:#ffe08a!important}
.sk3 .sk3b{border:1px solid #1b120c!important;background:linear-gradient(#f2cf74,#c9962f)!important;color:#2a1a04!important;box-shadow:0 2px 0 #7a5617}
.sk3 .sk3b.on{background:linear-gradient(#fff0b0,#e0b552)!important;color:#3a2500!important;box-shadow:0 0 10px rgba(242,215,122,.5),0 2px 0 #7a5617!important}
/* 스킬 고르기 창 */
.hpi.hpi2{flex-direction:row;align-items:center;gap:10px;padding:8px 10px;border-color:rgba(212,180,106,.35);background:linear-gradient(135deg,#123526,#0b2117)}
.hpi.hpi2.on{border-color:#f2d77a;box-shadow:0 0 10px rgba(242,215,122,.25)}
.hpim{flex:none;width:40px;height:40px;font-style:normal}.hpim svg{width:100%;height:100%}
.hpit{display:flex;flex-direction:column;gap:1px;min-width:0}.hpit b{font-size:13.5px;color:#fff1cf}.hpit span{font-size:11.5px;color:#c9d4c4}
/* 유물 상세보기 창 */
.amod .amb{position:relative;width:min(340px,92vw);max-height:92vh;overflow:auto;padding:14px 16px 16px;border-radius:20px;border:1.5px solid #d4b46a;background:radial-gradient(ellipse at 50% 0,rgba(120,220,170,.14),transparent 60%),linear-gradient(#123526,#0d291e 60%,#081d14);box-shadow:inset 0 0 0 4px rgba(13,41,30,.9),inset 0 0 0 5px rgba(212,180,106,.25),0 20px 50px rgba(0,0,0,.6);color:#f3e7c4;text-align:center}
.amx{position:absolute;top:10px;right:10px;z-index:3;width:30px;height:30px;border-radius:50%;border:1px solid rgba(212,180,106,.5);background:rgba(5,16,11,.8);color:#e9d9a8;font-size:14px;cursor:pointer}
.amstage{position:relative;height:178px;display:flex;align-items:flex-end;justify-content:center;margin:2px 0 6px}
.amglow{position:absolute;left:50%;top:44%;width:170px;height:170px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,220,120,.28),rgba(63,208,142,.08) 50%,transparent 70%)}
.amb:not(.own) .amglow{background:radial-gradient(circle,rgba(120,200,170,.14),transparent 65%)}
.amart{position:absolute;left:50%;top:6px;width:138px;height:138px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;z-index:2;animation:aFloat2 3.4s ease-in-out infinite}
.amart>*{width:100%!important;height:100%!important;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}
.amart.pre{animation:none}.amart.pre>*{filter:brightness(.55) saturate(.35) drop-shadow(0 8px 10px rgba(0,0,0,.55))!important;opacity:.9}
.amb.flash .amart>*{animation:aShine 1.2s ease-out}
.amped{position:relative;z-index:1;width:190px;height:42px}
.amhd{display:flex;flex-direction:column;align-items:center;gap:4px}
.amchips{display:flex;gap:6px;justify-content:center}
.amchip,.amst{font-style:normal;font-size:10.5px;font-weight:900;padding:2px 9px;border-radius:99px;white-space:nowrap}
.amchip{color:#2a1a04;background:linear-gradient(#f2cf74,#c9962f);border:1px solid #1b120c}
.amst{color:#c9b98a;background:rgba(0,0,0,.35);border:1px solid rgba(212,180,106,.35)}
.amst.on{color:#8ff0b0;border-color:rgba(143,240,176,.5);background:rgba(143,240,176,.1)}
.amhd b{font-size:19px;color:#fff1cf;letter-spacing:.3px;text-shadow:0 2px 4px rgba(0,0,0,.6)}
.amhd small{font-size:11.5px;color:#d4b46a}
.amflv{margin:10px 4px;font-size:12px;line-height:1.5;font-style:italic;color:rgba(243,231,196,.82)}
.ambonus{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:14px;border:1px solid rgba(212,180,106,.4);background:linear-gradient(135deg,rgba(212,180,106,.12),rgba(0,0,0,.25))}
.ambm{flex:none;width:46px;height:46px}.ambm svg{width:100%;height:100%}.ambm.off svg{filter:saturate(.62) brightness(.95)}
.ambt{display:flex;flex-direction:column;gap:1px;min-width:0}
.ambt em{font-style:normal;font-size:10.5px;font-weight:900;color:#ffe08a}
.ambt b{font-size:14px;color:#fff1cf}
.ambt small{font-size:11.5px;color:rgba(243,231,196,.85);line-height:1.35}
.ambt i{font-style:normal;font-size:10px;color:#8ff0b0;font-weight:800}
.amhint{margin:10px 0 0;font-size:12px;font-weight:800;color:#ffe08a}
.amgo{width:100%;margin-top:12px;min-height:46px;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(#f6d77e,#c9962f)!important;color:#2a1a04!important;border:1px solid #1b120c!important;box-shadow:0 3px 0 #7a5617;border-radius:12px}
.amgo .dm,.amgo svg,.amgo img{width:18px;height:18px}
.amgo:disabled{background:rgba(255,255,255,.07)!important;color:rgba(243,231,196,.45)!important;box-shadow:none;border-color:rgba(255,255,255,.15)!important}
.amlack{margin:6px 0 0;font-size:11.5px;color:#ff9a8a}
.amdone{margin-top:12px;padding:12px;border-radius:12px;font-size:13px;font-weight:900;color:#8ff0b0;background:rgba(143,240,176,.1);border:1px solid rgba(143,240,176,.4)}
.amlink{margin-top:10px;border:0;background:none;color:#d4b46a;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.altar.altar2{height:374px}.altar2 .acore{top:48%}
.amart{left:0;right:0;margin:0 auto;transform:none}
.amb,.amb *{letter-spacing:normal}
.amhd b{letter-spacing:.3px}
@media (max-width:370px){.altar.altar2{height:356px}}
.amod .amb small,.amod .amb p,.amod .amb em,.amod .amb b{letter-spacing:normal}
.altar.altar2{height:380px}
.sk2 .sk2t em{display:flex;align-items:center;gap:6px;padding-right:0!important;white-space:nowrap}
.sk2x{position:static;flex:none;padding:0 6px;line-height:14px;font-size:9.5px}
.sk2.st-empty .sk2t small{-webkit-line-clamp:2;white-space:normal}
.sk2 .sk2t em{gap:4px}.sk2x{padding:0 5px;font-size:9px}
.sk2x{align-self:flex-start;margin-top:4px;padding:1px 8px;font-size:10px;line-height:15px}
.sk2.on .sk2t small{-webkit-line-clamp:2;white-space:normal}
.sk2x{white-space:nowrap}
/* ===== 11-07z10 메달 그림 (팔각 테가 그림의 약 76% → 30% 크게 그려 칸에 꽉 차게) ===== */
img.amedal{display:block;width:130%!important;height:130%!important;margin:-15%!important;max-width:none;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}
.sk2m,.sk3m,.ambm,.hpim{position:relative;display:flex;align-items:center;justify-content:center}
.sk3 .sk3m.off>img.amedal,.ambm.off img.amedal{filter:saturate(.62) brightness(.95) contrast(1.08) drop-shadow(0 2px 3px rgba(0,0,0,.55))!important}
.sk2.st-empty .sk2m img.amedal{filter:drop-shadow(0 0 7px rgba(255,224,138,.6))}
.sk3 .sk3lk{z-index:2}
.altar2 .acore.on svg image{filter:drop-shadow(0 0 6px rgba(255,214,110,.8))}
/* ===== 11-08 모험 길: 클래스 이름이 다른 화면 .pb(시상대 막대 올라가는 애니메이션)와 겹쳐 '검은 선이 올라가던' 것 → 새 이름 + 금빛 그려지기 ===== */
.advpth path{fill:none;stroke-linecap:round}
.advpth .apb{stroke:rgba(0,0,0,.45);stroke-width:10}
.advpth .apd{stroke:#f3d27a;stroke-width:3.5;stroke-dasharray:7 9;opacity:.75;animation:apFlow 1.6s linear infinite}
.advpth .apg{stroke:rgba(255,214,90,.3);stroke-width:12}
.advpth .apl{stroke:#ffe9a6;stroke-width:4.5;filter:drop-shadow(0 0 4px rgba(255,220,120,.8))}
.advpth .adraw{stroke-dasharray:1;stroke-dashoffset:1;animation:apDraw 1.3s cubic-bezier(.3,0,.2,1) forwards}
.advpth .apsp{fill:#fffbe0;filter:drop-shadow(0 0 6px #ffe08a) drop-shadow(0 0 12px rgba(255,214,90,.9));animation:apSpark 1.3s ease-out forwards}
@keyframes apFlow{to{stroke-dashoffset:-16}}
@keyframes apDraw{to{stroke-dashoffset:0}}
@keyframes apSpark{0%{opacity:0}10%{opacity:1}85%{opacity:1}100%{opacity:0}}
html.lite .advpth .apd{animation:none}
@media (prefers-reduced-motion:reduce){.advpth .apd,.advpth .adraw,.advpth .apsp{animation:none!important;stroke-dashoffset:0}.advpth .apsp{display:none}}
/* ===== 11-08 피드백 ===== */
/* 랭킹 규칙 닫기 */
.rkrules{position:relative}
.rrx{position:sticky;top:0;float:right;z-index:5;width:32px;height:32px;margin:-6px -4px 0 0;border-radius:50%;border:1px solid rgba(212,175,106,.55);background:rgba(6,16,11,.92);color:#f0d98a;font-size:15px;cursor:pointer}
/* 상점 탭 3개 같은 너비 · 가운데 */
.ctabs.shg{grid-template-columns:1fr 1fr 1fr!important}
.ctabs.shg>button{justify-content:center!important;padding:0 6px!important}
.ctabs.shg>button>*:first-child{margin:0!important}
/* 모험 별 상자: 크게 · 빨간 점 */
.advov .advsbar{margin:8px 18px 10px 6px}
.advov .advms3 svg{width:24px!important;height:24px!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}
.advov .advms3{cursor:pointer;padding:4px}
.advov .advms3 small{top:27px;font-size:9px}
.advrd2{position:absolute;top:0;right:0;width:9px;height:9px;border-radius:50%;background:#ff3b30;border:1.5px solid #1a0d05;box-shadow:0 0 6px rgba(255,59,48,.9);text-decoration:none}
.advchp .advcpop{position:relative;width:min(300px,86vw);text-align:center;padding:16px 16px 18px}
.achart{width:110px;height:110px;margin:6px auto 2px;display:flex;align-items:center;justify-content:center}
.achart svg{width:100%;height:100%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
.achart.rd svg{animation:advChest 1.1s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(255,220,120,.9))}
.achrw{display:flex;flex-direction:column;align-items:center;gap:2px;margin:4px 0 10px}
.achrw span{display:inline-flex;align-items:center;gap:6px;font:900 26px Cinzel,Georgia,serif;color:#fff1cf}
.achrw span .dm,.achrw span svg,.achrw span img{width:28px;height:28px}
.achrw em{font-style:normal;font-size:11.5px;color:#c9b98a}
.achbar{position:relative;height:20px;border-radius:99px;background:rgba(0,0,0,.45);border:1px solid rgba(212,175,106,.4);overflow:hidden;margin-bottom:12px}
.achbar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#c9962f,#f2cf74)}
.achbar b{position:relative;font-size:11.5px;line-height:18px;color:#fff;text-shadow:0 1px 2px #000}
.achgo{width:100%;min-height:44px;font-weight:900}
.achgo:disabled{opacity:.55;font-size:12.5px}
.advchp .amdone{margin-top:0}
/* 일일 보너스: 오른쪽 두 줄 */
.clvrgu{display:flex;flex-direction:column;align-items:flex-end;gap:3px;max-width:none!important;white-space:nowrap}
.clvrgu>span{display:inline-flex;align-items:center;gap:3px}
.clvrgu .dm,.clvrgu svg,.clvrgu img{width:15px!important;height:15px!important}
.clvrgu b{color:#fff1cf;font-size:12px}
/* 나침반 꾸러미 보기 */
.advplus2 .apsh{flex-direction:row!important;gap:6px!important;white-space:nowrap}
.advplus2 .apsh .advcp{width:22px;height:22px;flex:none}
/* 프로필 */
.pc3of{font-style:normal;font-size:.62em;opacity:.7;margin-left:1px}
.achart>*{position:static!important;width:100%!important;height:100%!important;object-fit:contain;transform:none}
.achart img{filter:drop-shadow(0 8px 10px rgba(0,0,0,.6))}
.achart.rd img{animation:advChest 1.1s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(255,220,120,.85))}
.achart.lk img{filter:grayscale(.7) brightness(.6)}
.advcpop>small{display:block;letter-spacing:normal;margin-right:30px;margin-left:30px}
@keyframes achBob{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-3deg)}75%{transform:translateY(-4px) rotate(3deg)}}
.achart.rd img,.achart.rd svg{animation:achBob 1.2s ease-in-out infinite!important}
/* ===== 11-08c 업적 v3 (하이엔드) ===== */
.achhero{--m1:#f6d77a;--m2:#8a5a12;--gl:#ffe9a8;position:relative;display:grid;grid-template-columns:74px 1fr 70px;gap:10px;align-items:center;margin:0 0 10px;padding:12px 12px 12px 10px;border-radius:16px;overflow:hidden;
  background:radial-gradient(120% 140% at 0% 0%,rgba(246,215,122,.16),transparent 55%),linear-gradient(160deg,#1c3227,#0d1914 70%);border:1px solid rgba(240,217,138,.45);box-shadow:inset 0 1px 0 rgba(255,240,200,.15),0 6px 18px rgba(0,0,0,.35)}
.achhero:before{content:"";position:absolute;inset:3px;border-radius:13px;border:1px solid rgba(240,217,138,.14);pointer-events:none}
.achhero:after{content:"";position:absolute;top:-40%;left:-30%;width:40%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,240,190,.10),transparent);transform:rotate(20deg);animation:ahShine 6s ease-in-out infinite;pointer-events:none}
@keyframes ahShine{0%,60%{left:-40%}100%{left:130%}}
.achhero.tt0{--m1:#d9a273;--m2:#6b3d1c;--gl:#f6cfa8}.achhero.tt1{--m1:#e3eaee;--m2:#6f7c86;--gl:#f4f9fb}.achhero.tt2{--m1:#f6d77a;--m2:#8a5a12;--gl:#ffe9a8}
.achhero.tt3{--m1:#9ff0dc;--m2:#22705f;--gl:#d4fff3}.achhero.tt4{--m1:#e3a5ff;--m2:#5d2690;--gl:#f6dcff}.achhero.tt5{--m1:#ffd36b;--m2:#b03a1e;--gl:#fff0b8}
.ahcrest{position:relative;width:74px;height:74px;display:grid;place-items:center}
.ahlau{position:absolute;inset:0;width:74px;height:74px;color:var(--m1);filter:drop-shadow(0 0 6px rgba(0,0,0,.6))}
.ahsh{position:relative;width:42px;height:46px;margin-top:-6px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 16%,100% 58%,50% 100%,0 58%,0 16%);background:linear-gradient(160deg,var(--m1),var(--m2))}
.ahsh:before{content:"";position:absolute;inset:3px;clip-path:inherit;background:radial-gradient(circle at 50% 35%,#21402f,#0a140f)}
.ahfg{position:relative;width:24px;height:24px;color:var(--gl)}
.ahinfo{min-width:0;position:relative;z-index:1}
.ahinfo>small{display:block;font-size:10px;letter-spacing:.12em;color:#b9ac83}
.ahinfo>b{display:block;font:800 18px/1.15 "Noto Sans KR",sans-serif;color:var(--gl);text-shadow:0 1px 0 #000,0 0 12px rgba(240,217,138,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ahpts{display:flex;align-items:center;gap:4px;margin:3px 0 4px}
.ahst{width:15px;height:15px;color:#ffd36b;fill:rgba(255,211,107,.35)}
.ahpts em{font:900 16px Cinzel,Georgia,serif;font-style:normal;color:#fff1cf}.ahpts small{font-size:11px;color:#9fae9f}
.ahbar,.acmini{display:block;height:6px;border-radius:6px;background:rgba(0,0,0,.45);box-shadow:inset 0 1px 2px rgba(0,0,0,.6);overflow:hidden}
.ahbar u,.acmini u{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--m2,#8a5a12),var(--m1,#f6d77a));text-decoration:none}
.ahnx{display:block;margin-top:3px;font-size:10.5px;color:#9fae9f}
.ahring{position:relative;z-index:1;width:66px;height:66px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#f0d98a calc(var(--p)*1%),rgba(255,255,255,.08) 0);box-shadow:0 0 0 1px rgba(240,217,138,.3)}
.ahring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#1d3428,#0b1611)}
.ahring>*{position:relative}.ahring b{font:900 18px/1 Cinzel,Georgia,serif;color:#fff1cf}.ahring b small{font-size:10px}.ahring>small{font-size:9.5px;color:#9fae9f;margin-top:2px}
.achlay{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:start}
.achside{position:sticky;top:6px;display:flex;flex-direction:column;gap:6px;padding:6px 5px;border-radius:14px;background:linear-gradient(#10201a,#0a1410);border:1px solid rgba(201,164,92,.28)}
.achside button{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px 6px;border-radius:11px;border:1px solid transparent;background:none;color:#cfc49f;font:inherit;cursor:pointer}
.asic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#24402f,#0c1712);box-shadow:inset 0 0 0 1.5px rgba(201,164,92,.55),0 2px 4px rgba(0,0,0,.5);color:#d9c58a}
.asg{width:19px;height:19px}
.achside button b{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;line-height:1.15;white-space:nowrap;letter-spacing:-.3px;margin-top:2px}
.achside button small{font-size:9.5px;color:#8f9e8f}
.achside button.on{background:linear-gradient(rgba(242,215,122,.22),rgba(201,150,47,.08));border-color:rgba(240,217,138,.6)}
.achside button.on .asic{background:radial-gradient(circle at 50% 35%,#ffe9a0,#c9962f);color:#3a2405;box-shadow:inset 0 0 0 1.5px #fff1c4,0 0 12px rgba(240,217,138,.55)}
.achside button.on b{color:#ffe9a8}
.achside .tdot{position:absolute;top:3px;right:6px;margin:0}
.achmain{min-width:0}
.acrib{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:9px 12px;border-radius:12px;background:linear-gradient(90deg,#1f4a63,#163548 60%,#10283a);border:1px solid rgba(240,217,138,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 8px rgba(0,0,0,.35)}
.acribt{display:flex;align-items:center;gap:6px;flex:none}.acribg{width:20px;height:20px;color:#ffe08a}
.acribt b{font:800 15px "Noto Sans KR",sans-serif;color:#fff3d1;text-shadow:0 1px 0 #000}
.acribp{flex:1;min-width:0;text-align:right}.acribp small{font-size:10.5px;color:#cfe0ea}.acmini.big{height:7px;margin-bottom:3px}
.acmini.big u{background:linear-gradient(90deg,#c98f2a,#ffe08a)}
.acx{--m1:#f6d77a;--m2:#8a5a12;--gl:#ffe9a8;position:relative;display:grid;grid-template-columns:52px 1fr 62px;gap:9px;align-items:center;margin:0 0 7px;padding:10px 9px 10px 8px;border-radius:12px;
  background:linear-gradient(100deg,#20352a,#14231c 55%,#101c16);border:1px solid rgba(201,164,92,.3);box-shadow:inset 0 1px 0 rgba(255,240,200,.07),0 2px 6px rgba(0,0,0,.3)}
.acx.t0,.acmed.t0{--m1:#d9a273;--m2:#6b3d1c;--gl:#f6cfa8}.acx.t1,.acmed.t1{--m1:#e3eaee;--m2:#6f7c86;--gl:#f4f9fb}.acx.t2,.acmed.t2{--m1:#f6d77a;--m2:#8a5a12;--gl:#ffe9a8}
.acx.t3,.acmed.t3{--m1:#9ff0dc;--m2:#22705f;--gl:#d4fff3}.acx.t4,.acmed.t4{--m1:#e3a5ff;--m2:#5d2690;--gl:#f6dcff}
.acx.ok{border-color:#f0d98a;background:linear-gradient(100deg,#3a3a1c,#22301d 55%,#13201a);box-shadow:0 0 0 1px rgba(240,217,138,.35),0 0 14px rgba(240,217,138,.22)}
.acx.ok:after{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(110deg,transparent 30%,rgba(255,240,190,.12) 50%,transparent 70%);background-size:250% 100%;animation:acSh 2.6s linear infinite;pointer-events:none}
@keyframes acSh{0%{background-position:150% 0}100%{background-position:-100% 0}}
.acx.done{background:linear-gradient(100deg,#18241e,#111a15);border-color:rgba(201,164,92,.16)}
.acx.done .acn{color:#b8b39c}.acx.done .acd{color:#77857a}
.acmed{position:relative;width:52px;height:52px;display:grid;place-items:center;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:conic-gradient(from 210deg,var(--m1),var(--m2),var(--m1),var(--m2),var(--m1))}
.acmed:before{content:"";position:absolute;inset:3px;clip-path:inherit;background:radial-gradient(circle at 50% 30%,#2a4535,#0b1510 75%)}
.acmed:after{content:"";position:absolute;inset:3px;clip-path:inherit;background:linear-gradient(160deg,rgba(255,255,255,.18),transparent 45%);pointer-events:none}
.acmed .acgl,.acmed img.acgl{position:relative;width:26px;height:26px;color:var(--gl);filter:drop-shadow(0 0 4px rgba(0,0,0,.6)) drop-shadow(0 0 6px color-mix(in srgb,var(--m1) 35%,transparent))}
.acx.done .acmed{filter:saturate(.55) brightness(.85)}
.acx.ok .acmed{animation:acPulse 1.6s ease-in-out infinite}
@keyframes acPulse{50%{filter:brightness(1.25) drop-shadow(0 0 6px var(--m1))}}
.acmedw{position:relative}
.acpt{position:absolute;left:50%;bottom:1px;transform:translateX(-50%);min-width:22px;padding:0 4px;border-radius:7px;font:900 10px/13px Cinzel,Georgia,serif;font-style:normal;text-align:center;color:#1d1405;background:linear-gradient(var(--gl),var(--m1));box-shadow:0 1px 2px rgba(0,0,0,.6);z-index:2}
.acck{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,30,18,.45);z-index:1}
.acckg{width:26px;height:26px;color:#6ff0a0;stroke-width:3;filter:drop-shadow(0 0 3px #000)}
.acmed.sm{width:34px;height:34px;flex:none}.acmed.sm .acgl{width:17px;height:17px}.acmed.sm .acckg{width:16px;height:16px}
.acbd{min-width:0}
.actp{display:flex;align-items:baseline;gap:6px}
.acn{display:block;font-size:13.5px;color:var(--gl);line-height:1.2;word-break:keep-all}
.acstg{margin-left:4px;font-size:9.5px;font-weight:700;color:#9fae9f;white-space:nowrap}
.acd{display:block;margin:2px 0 5px;font-size:11px;line-height:1.3;color:#a9b7aa}
.acpip{display:flex;align-items:center;gap:3px;margin:-1px 0 5px}
.acpip i{width:9px;height:4px;border-radius:2px;background:rgba(255,255,255,.12)}
.acpip i.d{background:var(--m1)}.acpip i.r{background:#ffe08a;box-shadow:0 0 4px #ffe08a}.acpip i.c{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px var(--m1)}
.acbar{position:relative;height:15px;border-radius:8px;background:rgba(0,0,0,.5);box-shadow:inset 0 1px 3px rgba(0,0,0,.7);overflow:hidden}
.acbar u{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:linear-gradient(180deg,var(--gl),var(--m1) 45%,var(--m2));text-decoration:none}
.acbar span{position:relative;display:block;text-align:center;font:800 10px/15px "Noto Sans KR",sans-serif;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000}
.acdt{display:flex;align-items:center;gap:4px;font-size:10.5px;color:#7fd8a0}.acdtg{width:12px;height:12px;stroke-width:3}
.acrw{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.acrwl{display:flex;flex-direction:column;gap:2px;padding:4px 5px;border-radius:8px;background:rgba(0,0,0,.32);box-shadow:inset 0 0 0 1px rgba(201,164,92,.2)}
.acrwi{display:flex;align-items:center;gap:3px;font:800 11px/1.25 "Noto Sans KR",sans-serif;color:#f0d98a;word-break:break-word}
.acrwi .dm,.acrwi img,.acrwi svg,.acrwi .advcp{width:13px!important;height:13px!important;flex:none}
.acbtn{position:relative;height:28px!important;padding:0!important;font-size:12px!important;border-radius:8px!important}
.acbtn i{position:absolute;top:-6px;right:-5px;min-width:16px;padding:0 3px;border-radius:8px;background:#e2675c;color:#fff;font:800 9px/15px sans-serif;font-style:normal}
.acpct{text-align:center;font:800 11px Cinzel,Georgia,serif;color:#8f9e8f}
.acstamp{align-self:center;padding:1px 8px;border:1.5px solid rgba(111,240,160,.6);border-radius:6px;font-size:10.5px;font-weight:800;color:#7fe0a5;transform:rotate(-8deg);letter-spacing:.05em}
.acready{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:linear-gradient(100deg,#4a3a12,#2a2410);border:1px solid #f0d98a;box-shadow:0 0 14px rgba(240,217,138,.25)}
.acrdg{width:30px;height:30px;color:#ffe08a;flex:none}.acready>div{flex:1;min-width:0}.acready b{display:block;font-size:13px;color:#fff1cf}.acready small{font-size:10.5px;color:#d8c99a}
.acready .btn{flex:none;height:34px;padding:0 12px;font-size:12px}
.acsec{display:flex;align-items:center;gap:8px;margin:10px 0 7px;font-size:11.5px;font-weight:800;letter-spacing:.08em;color:#d9c58a}
.acsec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,164,92,.5),transparent)}
.acgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.actile{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto auto;column-gap:7px;align-items:center;text-align:left;padding:8px;border-radius:11px;border:1px solid rgba(201,164,92,.3);background:linear-gradient(#1a2c23,#101b16);color:#e8dcb5;font:inherit;cursor:pointer}
.actile .asic{grid-row:1/4;width:34px;height:34px}.actile b{font-size:12px}.actile small{font-size:10px;color:#8f9e8f}.actile .acmini{height:4px;margin-top:3px}
.acrn{position:absolute;top:-5px;right:-4px;min-width:17px;padding:0 4px;border-radius:9px;background:#e2675c;color:#fff;font:800 10px/17px sans-serif;font-style:normal;text-align:center}
.acrec{display:flex;flex-direction:column;gap:5px}
.acrr{display:grid;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:6px 8px;border-radius:10px;background:rgba(0,0,0,.25)}
.acrr .acmed{grid-row:1/3}.acrr b{font-size:12px;color:#e8dcb5}.acrr small{font-size:10px;color:#8f9e8f}.acrr em{grid-row:1/3;grid-column:3;font:900 12px Cinzel,Georgia,serif;font-style:normal;color:#ffd36b}
.acempty{font-size:12px;margin:2px 0}
@media (max-width:370px){.achlay{grid-template-columns:58px 1fr}.achside button b{font-size:9.5px;letter-spacing:-.4px}.acready{gap:8px;padding:8px 10px}.acready small{display:none}.achhero{grid-template-columns:62px 1fr 60px;gap:8px}.ahcrest,.ahlau{width:62px;height:62px}.ahring{width:58px;height:58px}.acx{grid-template-columns:46px 1fr 58px;gap:7px}.acmed{width:46px;height:46px}.acmed .acgl{width:23px;height:23px}}
.achpz{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px 8px;color:#f0d98a;vertical-align:middle;margin-left:4px}
.achpzi{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.achpz .dm,.achpz img,.achpz svg,.achpz .advcp{width:13px!important;height:13px!important;flex:none}
.rwcp{display:inline-block;width:13px;height:13px;vertical-align:-2px}
.achnote{margin:0 0 8px;font-size:11px;color:#9fd8b8}

/* ===== 11-08c 모험 판 위 줄: 스테이지 이름 · 별 조건 펼치기 ===== */
.advmsw{position:relative;z-index:6;margin:2px 8px 4px}
.advmsw .advms{margin:0;gap:6px;padding:5px 10px}
.advmsn{flex:1;min-width:0;font-size:12px;color:#fff1cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.advmsr{display:inline-flex;align-items:center;gap:1px;flex:none}
.advmsi{font-style:normal;font-size:12px;line-height:1;color:rgba(255,255,255,.22)}
.advmsi.got{color:#ffd85e;text-shadow:0 0 4px rgba(255,216,94,.7)}.advmsi.yes{color:#8ff0b0}.advmsi.wait{color:#d9cfb0}.advmsi.fail{color:#ff9d8f}
.advmsr em{margin-left:6px;font-style:normal;color:#c9b98a;font-size:10.5px;white-space:nowrap}
.advms.open{border-radius:14px 14px 0 0;border-bottom-color:transparent}
.advcd.advmsx{display:none;position:absolute;left:0;right:0;top:100%;margin:0!important;padding:4px 10px 6px!important;list-style:none;background:rgba(20,12,3,.95);border:1px solid rgba(255,207,90,.55);border-top:1px dashed rgba(255,207,90,.25);border-radius:0 0 14px 14px;box-shadow:0 8px 18px rgba(0,0,0,.5);cursor:pointer}
.advcd.advmsx.on{display:block}
.advcd.advlive li span{text-align:left}
.advcd.advlive li em{text-align:right;min-width:74px}
.advmsp .advcd.advlive{text-align:left}

/* 11-08d 업적 그림 적용 */
.ahimg{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.55));animation:ahFloat 4s ease-in-out infinite}
@keyframes ahFloat{50%{transform:translateY(-3px)}}
.acmed img.acgl{width:36px!important;height:36px!important;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))!important}
.acmed.sm img.acgl{width:24px!important;height:24px!important}
.asic img.asg{width:26px;height:26px;object-fit:contain}
.achside button.on .asic img.asg{filter:drop-shadow(0 0 3px rgba(60,30,0,.6))}
.acribt img.acribg,.acready img.acrdg{object-fit:contain}.acready img.acrdg{width:38px;height:38px}
.acribt img.acribg{width:24px;height:24px}
img.ahst{width:17px;height:17px;object-fit:contain}
html.lite .ahimg{animation:none}
@media (max-width:370px){.ahimg{width:66px;height:66px}}

/* ===== 11-08e 모험 정산: 결과 카드 안 '판 보기' ===== */
.advtgl{display:block;width:100%;margin:8px 0 0;padding:7px 0;border-radius:10px;border:1px dashed rgba(240,217,138,.45);background:rgba(0,0,0,.25);color:#f0d98a;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.advtly{display:none;margin-top:8px}.advtly.on{display:block}
.stl.advstl{position:relative!important;inset:auto!important;z-index:auto!important;display:block!important;padding:0!important;background:none!important;overflow:visible!important;backdrop-filter:none!important}
.stl.advstl>:first-child,.stl.advstl>:last-child{margin:0!important}
.advstl .stgd{max-width:none;gap:6px}
.advstl .stp{padding:7px 6px 9px;gap:4px}
.advstl .stf span{font-size:22px}
.advstl .stnote{margin:6px 0 0;font-size:10.5px;color:#9fae9f;text-align:center}
.advrkn{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-right:2px;border-radius:50%;background:rgba(240,217,138,.2);color:#f0d98a;font:800 10px/1 Cinzel,serif}
.advwhy{display:block;margin:1px 0 0 16px;font-size:10.5px;color:#ffb3a6;font-weight:700}
.advcd.res li.n .advwhy{opacity:.95}

/* ===== 11-08f 로비: 제목을 시즌 패스·패키지 줄로 · 가운데 카드 크게 · 1라운드 알약 작게 · 시작 글자 ===== */
.stage>.banner{position:absolute;left:50%;top:22px;transform:translateX(-50%);margin:0!important;z-index:2;white-space:nowrap;pointer-events:none}
.stage .fan{zoom:1.2}
.stage .gmeta{height:22px!important;padding:0 12px!important;font-size:11px!important}
.stage .start{font-size:18px!important;line-height:1.1!important;padding-top:7px!important}
.stage .start small{margin-top:3px}
@media (max-height:700px){.stage .fan{zoom:1.05}}
/* 11-08f 작은 랭크 엠블럼 + 로마숫자 리본 */
.temb.timg .tribn{position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);width:140%;aspect-ratio:386/108;box-sizing:border-box;padding:0 0 2%;
  background:url("../img/tier_ribbon.webp") center/100% 100% no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));display:flex;align-items:center;justify-content:center;
  font-family:Cinzel,Georgia,'Times New Roman',serif;font-weight:800;font-style:normal;line-height:1;letter-spacing:.02em;color:#4a2c12;text-shadow:0 1px 0 rgba(255,236,190,.55);pointer-events:none}
.lvtier .temb.timg.trib{width:19px!important;height:19px!important;margin:-2px 6px -1px 3px}
.lvrow2.one .lvtier .temb.timg.trib{width:18px!important;height:18px!important}
.pc3l .temb.timg.trib{width:22px!important;height:22px!important;margin:-4px 8px -2px 0}
.pc3ls .temb.timg.trib{width:28px!important;height:28px!important;margin-bottom:3px}
/* 11-08f 프로필: 국기·닉네임 가운데 맞춤 · 보관함 머리 줄 맞춤 · 보관함 프레임 정사각형(실제 프레임 비율) */
.pc3nm{align-items:center!important}
.pc3nm .pff{display:flex;align-items:center;line-height:0}
.pc3nm .pff svg{display:block}
.pc3nm b{line-height:1.2}
.pfcol .avhd{display:flex;align-items:center;justify-content:space-between}
.pfcol .avhd>b{display:flex;align-items:center;gap:6px;line-height:1}
.pfcol .avhd .hlnk{display:inline-flex;align-items:center;line-height:1;margin:0;padding:4px 0}
.pfct .avi{width:44px;height:44px}

/* 11-08g 프로필 보관함 머리: 아이콘·이름 붙이기 · 프레임은 목록과 같은 모양(54px × 0.82, 장식 안 잘리게) · 카드덱은 세로 카드 */
.pfcol .avhd>b{gap:4px!important}.pfcol .avhd>b .hic{margin:0!important}
.pfct{overflow:visible!important;height:50px!important}
.pfct>.emf{width:54px!important;height:54px!important;max-height:none!important;max-width:none!important;flex:none;transform:scale(.82)}
.pfct>.cbk{width:34px!important;height:48px!important;flex:none}
/* 11-08g 로비: QUICK은 시즌 패스 줄(아래 테두리 높이)에 · 빠른 게임 제목은 그 줄 바깥 아래 · 1라운드·시작은 아래 공지 가까이 */
.stage>.banner{top:66px!important;display:flex;flex-direction:column;align-items:center}
.stage>.banner small{margin-bottom:9px}
.stage .fan{margin-top:auto!important}
.stage .gmeta{margin-top:auto!important}
.stage .go{margin-bottom:2px}

/* ===== 11-08h 상점: 왼쪽 세로 목록 · 이모지 · 메시지 ===== */
.shbox{padding:10px 8px!important}
.shlay{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:start}
.shside{position:sticky;top:6px;display:flex;flex-direction:column;gap:5px;padding:6px 4px;border-radius:14px;background:linear-gradient(#10201a,#0a1410);border:1px solid rgba(201,164,92,.28)}
.shside button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 1px 6px;border-radius:11px;border:1px solid transparent;background:none;color:#cfc49f;font:inherit;cursor:pointer}
.shside button b{font-size:10.5px;line-height:1.15;white-space:nowrap;letter-spacing:-.3px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.shside button.on{background:linear-gradient(rgba(242,215,122,.22),rgba(201,150,47,.08));border-color:rgba(240,217,138,.6)}
.shside button.on .asic{background:radial-gradient(circle at 50% 35%,#ffe9a0,#c9962f);box-shadow:inset 0 0 0 1.5px #fff1c4,0 0 12px rgba(240,217,138,.55)}
.shside button.on b{color:#ffe9a8}
.shside .asic{width:36px;height:36px}
.shimg{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.shico{display:grid;place-items:center;width:24px;height:24px}.shico .dm,.shico svg{width:22px!important;height:22px!important}.shico .advcp{width:24px;height:24px}
.shmain{min-width:0}
.shmain .sgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
.shmain .sit{padding:8px 3px}
.shmain .sit .btn{font-size:11.5px;padding:0 6px;min-height:30px}
.shmain .dgr{grid-template-columns:1fr 1fr;gap:6px}
.emsel{margin:0 0 8px;padding:9px;border-radius:12px;background:linear-gradient(100deg,#20352a,#13221b);border:1px solid rgba(240,217,138,.4)}
.emselh{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin:0 0 7px}.emselh b{font-size:13px;color:#ffe9a8}.emselh small{font-size:10px;color:#9fae9f}
.emslots{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.emslots.msg{grid-template-columns:repeat(2,1fr)}
.emslot{position:relative;display:grid;place-items:center;height:44px;border-radius:9px;border:1px dashed rgba(201,164,92,.35);background:rgba(0,0,0,.25);font:inherit;color:#f1e9d6}
.emslot.on{border-style:solid;border-color:rgba(240,217,138,.55);background:#0c1713;cursor:pointer}
.emslots.msg .emslot{height:32px}
.emslot i{position:absolute;top:-5px;right:-5px;width:15px;height:15px;border-radius:50%;background:#e2675c;color:#fff;font:800 11px/15px sans-serif;font-style:normal;text-align:center}
.emsets{display:flex;gap:5px;overflow-x:auto;margin:0 0 8px;scrollbar-width:none}.emsets::-webkit-scrollbar{display:none}
.emsets button{flex:none;display:flex;align-items:baseline;gap:4px;padding:6px 11px;border-radius:999px;border:1px solid rgba(201,164,92,.35);background:#0c1713;color:#cfc49f;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.emsets button small{font-size:10px;color:#8f9e8f;font-weight:700}
.emsets button.on{background:linear-gradient(#f6d77a,#c9962f);color:#2a1a05;border-color:#fff1c4}.emsets button.on small{color:#5a3a10}
.emgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.emgrid.msg{grid-template-columns:repeat(2,minmax(0,1fr))}
.emit{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:11px;background:#0c1713;border:1.5px solid rgba(201,164,92,.3)}
.emit.on{border-color:#f0d98a;box-shadow:0 0 10px rgba(240,217,138,.2)}
.emic{display:grid;place-items:center;min-height:46px}
.emgrid.msg .emic{min-height:34px;padding:0 4px}
.emit b{font-size:11px;color:#e8dcb5;text-align:center;line-height:1.2}
.emit .btn{width:100%;min-height:28px;padding:0 4px;font-size:11px}
.emit .btn .dm{width:13px!important;height:13px!important;vertical-align:-2px;margin-right:2px}
.emoi{width:44px;height:44px;object-fit:contain;display:block}
.emoc{font-size:32px;line-height:1}
.emslot .emoi{width:34px;height:34px}.emslot .emoc{font-size:24px}
.msgt{font-size:12.5px;font-weight:800;color:#f1e9d6;text-align:center;line-height:1.25;word-break:keep-all}
.emslot .msgt{font-size:11px;padding:0 10px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.emsoon{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 8px;border-radius:12px;border:1px dashed rgba(201,164,92,.35);color:#cfc49f}
.emsoong{width:34px;height:34px;color:#f0d98a}.emsoon small{font-size:11px;color:#8f9e8f}
.emnote{font-size:11px;margin:8px 0 0;text-align:center}
.cpick.emo button{display:grid;place-items:center}
.cpick.emo button .emoi{width:36px;height:36px}.cpick.emo button .emoc{font-size:28px}
.bub.emo .emoi.inb{width:52px;height:52px}.bub.emo .emoc.inb{font-size:30px}
.bub.emo{background:none!important;box-shadow:none!important;border:0!important;padding:0!important}.bub.emo:before,.bub.emo:after{display:none!important}

/* ===== 2026-11-10b 상점 정리 · 아티팩트 세트 색 · 랭킹 제목 · 모험 점수 정산 ===== */
/* 상점: 탭마다 같은 자리에 아이콘 + 이름 + 설명 */
.shhd{display:flex;align-items:center;gap:9px;margin:0 2px 9px;min-height:40px}
.shhd .shhi{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center}
.shhd .shhi>*{width:30px!important;height:30px!important;margin:0!important;display:block}
.shhd .shhi .shico{display:flex;align-items:center;justify-content:center}.shhd .shhi .shico>*{width:28px!important;height:28px!important;margin:0!important}
.shhd .shht{min-width:0;display:flex;flex-direction:column;gap:2px}
.shhd .shht b{font-size:15.5px;color:#f6e7b0;line-height:1.15}
.shhd .shht small{font-size:11px;color:#a9b9aa;line-height:1.3;word-break:keep-all;overflow-wrap:anywhere}
/* 다이아 · 나침반 패키지: 그림 작게 */
.shmain .dgr .dpk .dart{width:74px!important;height:66px!important;margin:4px auto 2px!important}
.shmain .dgr .dpk .dart img,.shmain .dgr .dpk .dart svg{width:100%!important;height:100%!important;object-fit:contain}
.shmain .advpks.pkbig .advpk2 .dart.advart{width:78px!important;height:72px!important;margin:4px 0 2px!important}
.shmain .advpks.pkbig .advpk2 .advpa.img,.shmain .advpks.pkbig .advpk2 .advpa.img img{width:78px!important;height:78px!important}
.shmain .advpks.pkbig .advpk2.best .dart.advart{width:78px!important;height:72px!important}
/* 다이아 패키지 테두리: 1~2 초록 · 3~4 파랑 · 5~6 보라 · 왕의 금고는 금색 그대로 */
.shmain .dgr .dpk.dg0{border:1.5px solid rgba(120,220,150,.7)!important;background:radial-gradient(120% 80% at 50% 0,rgba(60,170,100,.26),#0c1713 70%)!important;box-shadow:none!important}
.shmain .dgr .dpk.dg1{border:1.5px solid rgba(126,196,255,.75)!important;background:radial-gradient(120% 80% at 50% 0,rgba(55,135,225,.32),#0c1713 70%)!important;box-shadow:none!important}
.shmain .dgr .dpk.dg2{border:1.5px solid rgba(215,150,255,.78)!important;background:radial-gradient(120% 80% at 50% 0,rgba(175,85,235,.34),#0c1713 70%)!important;box-shadow:none!important}
/* 상점 · 프로필: 테이블 그림 작게 */
.shmain .sgrid .cth .tbm{width:76%!important;margin:0 auto!important}
/* 구매 확인 줄 */
.pvbox p.mute .dm,.pvbox p.mute .advcp{width:16px;height:16px;vertical-align:-3px;display:inline-block}
.pvbox p.mute b{color:#f6e7b0}
/* 랭킹 게임: 영어 작은 제목 + '랭킹 게임'을 가운데로 · 규칙 버튼은 오른쪽 */
.rk2h{position:relative;justify-content:center!important;text-align:center}
.rk2h>div:first-child{flex:1;min-width:0;padding:0 62px}
.rk2h .rk2r{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.rk2h .tstep{justify-content:center}
/* 모험: 판 끝 점수 정산 창 */
.advtlo .advtlb{width:min(94vw,440px);max-height:88vh;overflow:auto;padding:14px 10px 12px}
.advtlo .advtlb .cft{display:block;text-align:center;font-size:17px;color:#f6e7b0;margin:0 0 10px}
.advtlo .advtlb>.btn{width:100%;height:44px;margin-top:10px}
/* 아티팩트: 수집 완료 테두리를 세트마다 다른 색으로 */
.acard{--sc:143,240,176}
.acard.s1{--sc:127,227,160}.acard.s2{--sc:222,184,135}.acard.s3{--sc:255,201,71}.acard.s4{--sc:63,214,176}.acard.s5{--sc:185,212,242}
.acard.s6{--sc:201,242,107}.acard.s7{--sc:255,143,122}.acard.s8{--sc:246,211,101}.acard.s9{--sc:199,155,255}.acard.s10{--sc:255,170,92}
.acard.own{border-color:rgba(var(--sc),.75)!important;box-shadow:inset 0 0 0 1px rgba(var(--sc),.22),0 0 14px -5px rgba(var(--sc),.9)}
.acard.own .hth{background:radial-gradient(circle at 50% 50%,rgba(var(--sc),.2),transparent 70%)}
.acard.own .hown.abtn{background:rgba(var(--sc),.12);border-color:rgba(var(--sc),.45);color:rgb(var(--sc))}
.acard.own .aown{background:linear-gradient(rgb(var(--sc)),rgba(var(--sc),.55));border-color:#0d291e}
.hparts button.hpe{padding:0 9px;font-size:17px;line-height:1}
.shmain .dgr .dpk .dnm,.shmain .advpks.pkbig .advpk2 .dnm{position:relative;z-index:2;display:block;margin-top:7px!important;color:#ead9a0!important;opacity:1!important;font-size:11.5px}
.shmain .advpks.pkbig .advpk2.tier1{border:1.5px solid rgba(120,220,150,.7);background:radial-gradient(120% 80% at 50% 0,rgba(60,170,100,.26),#0c1713 70%)}
/* 첫 튜토리얼 뒤 안내 창 (모험 소개 · 재화와 빠른 게임 소개) */
.obov{z-index:95}
.obbox{width:min(92vw,400px);text-align:center;padding:18px 16px 14px}
.obbox>small{display:block;letter-spacing:.24em;font-size:10.5px;color:#f0d98a;font-weight:800}
.obbox h3{margin:4px 0 10px;font-size:19px;color:#fff}
.obbox .obic{font-size:40px;line-height:1;margin-bottom:6px}
.obbox .obl{list-style:none;margin:0 0 12px;padding:10px 12px;text-align:left;border-radius:12px;background:rgba(0,0,0,.28);border:1px solid rgba(240,217,138,.22);display:flex;flex-direction:column;gap:8px}
.obbox .obl li{font-size:13px;line-height:1.4;color:#e8e2d0;word-break:keep-all;position:relative;padding-left:14px}
.obbox .obl li::before{content:'';position:absolute;left:2px;top:.55em;width:5px;height:5px;border-radius:50%;background:#f0d98a}
.obbox .obl li .advcp{width:16px;height:16px;display:inline-block;vertical-align:-3px}
.obbox .obl.obcur li{display:flex;align-items:center;gap:10px;padding-left:0}.obbox .obl.obcur li::before{display:none}
.obbox .obl.obcur li>.dm,.obbox .obl.obcur li>img,.obbox .obl.obcur li>svg,.obbox .obl.obcur li>.advcp,.obbox .obl.obcur li>i,.obbox .obl.obcur li>span:first-child:not(:last-child){flex:none;width:26px!important;height:26px!important}
.obbox .obl.obcur li>span:last-child{display:flex;flex-direction:column;font-size:12px;color:#b9c7ba;min-width:0}
.obbox .obl.obcur li b{font-size:13.5px;color:#f6e7b0}
.obbox .obqt{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:#d8dfd3;word-break:keep-all}.obbox .obqt b{color:#f0d98a}
.obbox .btn{width:100%;height:46px;margin-top:6px}.obbox .btn.g{height:38px;font-size:13px}
.cth .tbm{width:76%!important;margin:0 auto!important}
.advtlo .stp{min-width:0;overflow:hidden}
/* 11-10b 중간보스 노드에도 가시 고리 (보스 그림이 들어오기 전까지 보스와 같은 모양 · 은색) */
.advexp .advnd.mid .advfr{display:block!important}
/* ===== 2026-11-10d AI 그림 아이콘 (아티팩트 종류 탭 · 로비 메뉴) ===== */
.hparts button.hpe{padding:0 8px!important;display:inline-flex;align-items:center;justify-content:center}
.hparts button.hpe .hptab{width:24px;height:24px;display:block;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.hparts button.hpe:not(.on) .hptab{opacity:.72}
/* 11-11 4-10 보스 '괴짜 연금술사' 지도 그림: 물약 흔들기 + 연금술 연기 빛 (사용자 alchemistPotionToss 그대로 · 크기는 다른 보스처럼 노드 칸에 맞춤) */
.adv-boss-alchemist-token{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 88%;
  filter:drop-shadow(0 6px 8px rgba(0,0,0,.75)) drop-shadow(0 0 6px rgba(47,154,94,.4));animation:alchemistPotionToss 2.4s ease-in-out infinite}
@keyframes alchemistPotionToss{
  0%,100%{transform:translate(0,0) rotate(0deg) scale(1,1)}
  30%{transform:translate(3px,-2px) rotate(5deg) scale(.97,1.03)}
  60%{transform:translate(-5px,-5px) rotate(-6deg) scale(1.04,.98)}
  80%{transform:translate(-2px,1px) rotate(-2deg) scale(1.02,.98)}}
.advnd.lock .adv-boss-alchemist-token{animation:none;filter:brightness(.7) saturate(.75) drop-shadow(0 6px 10px rgba(0,0,0,.75))}
html.lite .adv-boss-alchemist-token{animation:none!important}
@media (prefers-reduced-motion:reduce){.adv-boss-alchemist-token{animation:none!important}}

/* ===== 11-11d 로비 금 테두리 규칙 (하단 바 메달 · 사이드 틀 · 시작 버튼 · 배경/나무 그림 자리) ===== */
/* 그림 자리: 02d-ui-img.js LOBBY_IMG 가 --lbbg / --lbwood 를 채움 (없으면 예전 그라데이션 그대로) */
html.hasbg .lb:not(.advmode){background:
   linear-gradient(rgba(4,14,10,.18),rgba(4,14,10,.05) 30%,rgba(4,14,10,.35) 80%,rgba(4,14,10,.7)),
   var(--lbbg) center top/cover no-repeat,#0a1a12!important}
html.hasbg:not([data-tb="emerald"]) .lb:not(.advmode){background:
   linear-gradient(color-mix(in srgb,var(--tf1) 70%,transparent),color-mix(in srgb,var(--tf2) 70%,transparent)),
   linear-gradient(rgba(4,14,10,.18),rgba(4,14,10,.35) 80%,rgba(4,14,10,.7)),
   var(--lbbg) center top/cover no-repeat,#0a1a12!important;
  background-blend-mode:color,normal,normal!important}
/* 하단 바: 나무 그림 + 위 금 띠 */
.lb .nav2{border-top:0!important;overflow:visible;
  box-shadow:0 -6px 18px rgba(0,0,0,.55)!important}
html.haswood .lb .nav2{background:linear-gradient(rgba(255,226,170,.08),rgba(0,0,0,.28)),var(--lbwood) center/cover no-repeat,#6a4020!important}
.lb .nav2::before{content:"";position:absolute;left:0;right:0;top:-4px;height:5px;pointer-events:none;
  background:linear-gradient(#fbe9a8,#d9ae4a 45%,#7c5a14);box-shadow:0 1px 0 #3a2408,0 2px 3px rgba(0,0,0,.5)}
/* 하단 탭 버튼 · 고른 탭(네모 탭)은 예전 규칙 그대로 (11-11d 메달은 되돌림) */
.lb .nav2 button{position:relative}.lb .nav2 button.on{z-index:2}
/* 사이드 메뉴: 안쪽을 어두운 유리판으로 (배경 그림 위에서 글자 읽히게) */
html.hasbg .stage .side{background:linear-gradient(rgba(10,26,18,.78),rgba(6,16,11,.86))!important;backdrop-filter:blur(2px)}
/* 시작 버튼: 같은 금 두 줄 테두리 + 위 마름모 */
.stage .start{position:relative;border:0!important;
  background:linear-gradient(#fbe9a8,#e2bd5c 48%,#c79a34 52%,#b8902c)!important;color:#2a1a06!important;
  box-shadow:inset 0 1px 0 #fff6d0,inset 0 -2px 0 rgba(90,63,12,.45),0 0 0 2px #7c5a14,0 0 0 3.5px #e9c66a,0 0 0 5px #5a3f0c,0 4px 0 2px #3a2408,0 10px 18px rgba(0,0,0,.5)!important}
.stage .start::before{content:"";position:absolute;top:-9px;left:50%;width:9px;height:9px;margin-left:-4.5px;transform:rotate(45deg);
  background:linear-gradient(135deg,#fbe9a8,#b8902c);box-shadow:0 0 0 1.2px #5a3f0c;pointer-events:none}
.stage .start:active{transform:translateY(2px)}

/* ===== 11-11f 메시지 = 말풍선 · 말풍선 세트 (기본 크림 · 연잎 · 황금 · 구름) ===== */
.mb{position:relative;display:inline-block;max-width:100%;padding:6px 12px 7px;border-radius:14px;font-weight:800;font-size:13.5px;line-height:1.25;
  background:#fbf4e2;color:#3a2a18;box-shadow:0 2px 4px rgba(0,0,0,.35);margin-bottom:6px;white-space:normal;word-break:keep-all;text-align:center}
.mb::after{content:"";position:absolute;left:22px;bottom:-6px;border:6px solid transparent;border-bottom:0;border-top-color:#fbf4e2}
/* 연잎: 진짜 연잎(둥근 잎 + 한쪽 V자 홈 + 잎맥) · SVG 배경 (11-11h) */
.mb.sk-leaf,.bub.sk-leaf{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -4 106 72' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='g' cx='45%25' cy='40%25' r='65%25'%3E%3Cstop offset='0' stop-color='%238fdc8a'/%3E%3Cstop offset='.6' stop-color='%234caa5c'/%3E%3Cstop offset='1' stop-color='%232c7d45'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M50 31 L71 5.5 A47.5 27.5 0 1 0 85 12.5 Z' fill='url(%23g)' stroke='%231d5a34' stroke-width='2' vector-effect='non-scaling-stroke' stroke-linejoin='round'/%3E%3Cg stroke='%23ffffff' stroke-opacity='.28' stroke-width='1.2' vector-effect='non-scaling-stroke' fill='none'%3E%3Cpath d='M50 31 L8 22'/%3E%3Cpath d='M50 31 L14 50'/%3E%3Cpath d='M50 31 L40 57'/%3E%3Cpath d='M50 31 L70 56'/%3E%3Cpath d='M50 31 L92 45'/%3E%3Cpath d='M50 31 L96 27'/%3E%3Cpath d='M50 31 L30 4'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important;color:#fff;text-shadow:0 1px 2px rgba(0,40,10,.75);
  border:0!important;box-shadow:none!important;padding:9px 20px 10px!important;border-radius:0!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.mb.sk-leaf::after,.bub.sk-leaf::after{border-top-color:#2c7d45;bottom:-3px}
.mb.sk-leaf::before,.bub.sk-leaf::before{content:none!important}
/* 황금: 금 그라데이션 + 진한 금 테 + 반짝 */
.mb.sk-gold,.bub.sk-gold{background:linear-gradient(#fff6d0,#f1d27c 50%,#d9ae4a);color:#3a2408;border:2px solid #8a6a1a;
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(122,90,20,.35),0 0 10px rgba(255,214,110,.45),0 2px 5px rgba(0,0,0,.4)}
.mb.sk-gold::after,.bub.sk-gold::after{border-top-color:#d9ae4a}
.mb.sk-gold::before,.bub.sk-gold::before{content:"✦";position:absolute;top:-10px;right:4px;font-size:13px;color:#fff3c4;text-shadow:0 0 6px #ffd76a,0 0 1px #8a6a1a}
/* 구름: 몽글몽글 구름 외곽선 · 글자는 안쪽 넉넉히 · SVG 배경 (11-11h) */
.mb.sk-cloud,.bub.sk-cloud{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -4 106 72' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.6' stop-color='%23f6e8ff'/%3E%3Cstop offset='1' stop-color='%23ffd9ec'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M14 46 A11 11 0 0 1 9 25 A13 13 0 0 1 30 10 A15 15 0 0 1 56 7 A14 14 0 0 1 80 12 A12 12 0 0 1 92 30 A11 11 0 0 1 86 49 A10 10 0 0 1 68 54 A14 14 0 0 1 40 55 A11 11 0 0 1 14 46 Z' fill='url(%23c)' stroke='%23cfa6e6' stroke-width='2' vector-effect='non-scaling-stroke' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat!important;color:#6a3d7a;
  border:0!important;box-shadow:none!important;padding:11px 20px 12px!important;border-radius:0!important;filter:drop-shadow(0 2px 3px rgba(120,60,140,.4))}
.mb.sk-cloud::after,.bub.sk-cloud::after{border-top-color:#e9c6ee;bottom:-3px}
.mb.sk-cloud::before,.bub.sk-cloud::before{content:none!important}
/* 게임 안 말풍선: 세트 모양을 그대로 (기본은 예전 .bub) */
.bub.sk-gold{padding:6px 12px}
.bub.bside.sk-leaf::after{border-color:transparent;border-right-color:#2c7d45}
.bub.bside.sk-gold::after{border-color:transparent;border-right-color:#d9ae4a}
.bub.bside.sk-cloud::after{border-color:transparent;border-right-color:#ffd9ec}
/* 상점 · 내 목록 · 게임 안 고르기 */
.emgrid.msg .emic{min-height:46px;padding:8px 4px 0}
.emslots.msg .emslot{height:auto;min-height:40px;padding:6px 4px 0;background:none}
.emslots.msg .emslot .mb{font-size:12px;padding:4px 9px 5px}
.cpick.msg button.cpm{background:none!important;border:0!important;height:auto!important;padding:2px 2px 0!important;min-width:0!important;text-align:left}
.cpick.msg button.cpm .mb{font-size:13px}
/* 11-11h 상점 탭: 원판 배경색 빼고 금 테두리 원만 · 새 아이콘은 원 안에 맞게 */
.shside .asic{background:none!important}
.shside .asic img.st2{width:27px!important;height:27px!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block;box-shadow:none!important}

/* ===== 11-11i 말풍선 세트별 글자 · 효과 (게임 방해 없게: 나타날 때 한 번 · 0.6~2초 · 움직임 줄이기/가벼운 모드에서는 끔) ===== */
/* 연잎: 흰 글자 + 진초록 외곽선 · 통! 튀어 오르며 나타남 + 이슬 한 방울 */
.mb.sk-leaf,.bub.sk-leaf{font-weight:900;letter-spacing:.2px;color:#fff;
  text-shadow:-1px -1px 0 #1d5a34,1px -1px 0 #1d5a34,-1px 1px 0 #1d5a34,1px 1px 0 #1d5a34,0 2px 2px rgba(0,30,10,.6)}
.mb.sk-leaf::before,.bub.sk-leaf::before{content:""!important;position:absolute;top:5px;right:18%;width:6px;height:7px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;
  background:radial-gradient(circle at 35% 30%,#fff,rgba(220,255,240,.75) 45%,rgba(160,230,200,.35));box-shadow:0 0 3px rgba(255,255,255,.7)}
@keyframes mbPop{0%{transform:scale(.6)}55%{transform:scale(1.12)}80%{transform:scale(.96)}100%{transform:scale(1)}}
.bub.sk-leaf,.mb.sk-leaf.play{animation:mbPop .45s cubic-bezier(.3,1.6,.5,1) 1}
/* 구름: 보라 글자 + 하얀 빛 · 둥실 떠오름 */
.mb.sk-cloud,.bub.sk-cloud{font-weight:800;letter-spacing:.4px;color:#7a3d9a;text-shadow:0 0 4px #fff,0 0 2px #fff,0 1px 0 #fff}
@keyframes mbFloat{0%{transform:translateY(6px);opacity:.3}35%{transform:translateY(-3px);opacity:1}70%{transform:translateY(1px)}100%{transform:translateY(0)}}
.bub.sk-cloud,.mb.sk-cloud.play{animation:mbFloat 1.1s ease-out 1}
/* 황금: 진갈색 새김 글자 + 빛이 한 번 스윽 지나감 + 반짝 ✦ */
.mb.sk-gold,.bub.sk-gold{font-weight:900;letter-spacing:.6px;color:#4a2c05;text-shadow:0 1px 0 #fff6d0,0 -1px 0 rgba(120,80,10,.35);
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.85) 50%,transparent 62%) -150% 0/250% 100% no-repeat,linear-gradient(#fff6d0,#f1d27c 50%,#d9ae4a)}
@keyframes mbShine{0%{background-position:-150% 0,0 0}100%{background-position:160% 0,0 0}}
@keyframes mbTw{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.5) rotate(25deg);opacity:.75}}
.bub.sk-gold,.mb.sk-gold.play{animation:mbShine .9s ease-in-out .15s 1}
.bub.sk-gold::before,.mb.sk-gold.play::before{animation:mbTw .8s ease-in-out .2s 2}
/* 상점에서 누르면 미리보기 */
.emic .mb{cursor:pointer}
@media (prefers-reduced-motion:reduce){.bub.sk-leaf,.bub.sk-cloud,.bub.sk-gold,.bub.sk-gold::before,.mb.play,.mb.play::before{animation:none!important}}
html.lite .bub.sk-leaf,html.lite .bub.sk-cloud,html.lite .bub.sk-gold,html.lite .bub.sk-gold::before{animation:none!important}
/* 11-11i 말풍선 세트 묶음 할인 줄 */
.msbund{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 4px;padding:10px 12px;border-radius:12px;
  background:linear-gradient(90deg,rgba(242,215,122,.16),rgba(242,215,122,.04));border:1px solid rgba(240,217,138,.55)}
.msbund b{display:block;color:#ffe9a8;font-size:14px}.msbund small{color:#cfc49f;font-size:11.5px}
.msbund .btn{white-space:nowrap;padding:7px 12px}.msbund .btn s{opacity:.55;font-weight:600;margin-right:2px}

/* 11-11k 5-10 보스 '강철의 수호전사' 지도 그림: 대방패 밀기 + 검 들고 떠오름 (사용자 guardianShieldStance 그대로 · 크기는 다른 보스처럼 노드 칸에 맞춤) */
.adv-boss-warrior-token{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 88%;
  filter:drop-shadow(0 6px 8px rgba(0,0,0,.75)) drop-shadow(0 0 6px rgba(64,196,255,.4));animation:guardianShieldStance 2.3s ease-in-out infinite}
@keyframes guardianShieldStance{
  0%,100%{transform:translate(0,0) scale(1,1)}
  40%{transform:translate(-4px,1px) scale(1.04,.97)}
  75%{transform:translate(1px,-4px) scale(.98,1.03)}}
.advnd.lock .adv-boss-warrior-token{animation:none;filter:brightness(.7) saturate(.75) drop-shadow(0 6px 10px rgba(0,0,0,.75))}
html.lite .adv-boss-warrior-token{animation:none!important}
@media (prefers-reduced-motion:reduce){.adv-boss-warrior-token{animation:none!important}}

/* 11-11o: 아래 버튼 모서리 문양 E 금 덩굴 (먹기 · 패스) — 예전 잎 장식 대신 */
.acts .tkb{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%280%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%237a5410%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%237a5410%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%237a5410%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%2890%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%237a5410%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%237a5410%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%237a5410%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28180%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%237a5410%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%237a5410%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%237a5410%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28270%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%237a5410%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%237a5410%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%237a5410%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),radial-gradient(ellipse 70% 45% at 50% 0%,rgba(255,252,230,.85),transparent 70%),linear-gradient(180deg,#fff3c2 0%,#f6d877 16%,#e9bf4f 46%,#d6a133 54%,#e7bd57 80%,#f5d880 100%)!important;background-position:left 6px top 6px,right 6px top 6px,right 6px bottom 6px,left 6px bottom 6px,0 0,0 0!important;background-size:20px 20px,20px 20px,20px 20px,20px 20px,auto,auto!important;background-repeat:no-repeat!important}.acts [data-a=pass]{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%280%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e3c070%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%23e3c070%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%23e3c070%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%2890%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e3c070%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%23e3c070%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%23e3c070%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28180%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e3c070%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%23e3c070%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%23e3c070%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28270%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e3c070%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%23e3c070%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%23e3c070%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),radial-gradient(ellipse 70% 45% at 50% 0%,rgba(190,240,210,.22),transparent 70%),linear-gradient(180deg,#2a6049,#15402e 50%,#0d2a1d)!important;background-position:left 6px top 6px,right 6px top 6px,right 6px bottom 6px,left 6px bottom 6px,0 0,0 0!important;background-size:20px 20px,20px 20px,20px 20px,20px 20px,auto,auto!important;background-repeat:no-repeat!important}

/* ===== 11-11p 로그인 화면: 덩굴 로고 · 금 구분선 · 패널 금 덩굴 모서리 · 금 명판 시작 버튼 · 배경 제목은 화면 밖으로 ===== */
#lgbg{top:-34%!important;background-position:center bottom!important}
.lglogo{width:min(88%,380px);margin:0 auto 2px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(240,217,138,.18))}
.lglogo img{display:block;width:100%;height:auto;border:0!important;animation:lgLogoIn .7s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes lgLogoIn{from{opacity:0;transform:translateY(-8px) scale(.94)}to{opacity:1;transform:none}}
.nmk small.lgwel{display:flex;align-items:center;justify-content:center;gap:10px;color:#e9cf86;font:700 12px Cinzel,Georgia,serif;letter-spacing:.32em;margin:6px 0 0}
.nmk small.lgwel::before,.nmk small.lgwel::after{content:"";flex:0 1 64px;height:10px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22M5%20.8%209.2%205%205%209.2%20.8%205Z%22%20fill%3D%22%23e2bd5c%22%20stroke%3D%22%235a3f0c%22%20stroke-width%3D%22.8%22%2F%3E%3C%2Fsvg%3E") right center/10px 10px no-repeat,linear-gradient(90deg,transparent,#c9a24a) left center/calc(100% - 12px) 1.5px no-repeat}
.nmk small.lgwel::after{transform:scaleX(-1)}
.nmk .lglogo~h2{margin-top:0}
.lgacc{position:relative;border:1.5px solid #a8873e!important;box-shadow:0 10px 26px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,240,200,.08)}
.lgacc::before{content:"";position:absolute;inset:5px;border-radius:13px;border:1px solid rgba(217,184,102,.35);pointer-events:none}
.lgacc::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.9;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%280%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9b866%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%2890%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9b866%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28180%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9b866%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28270%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9b866%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:20px 20px;background-position:left 8px top 8px,right 8px top 8px,right 8px bottom 8px,left 8px bottom 8px}
.lgacc>*{position:relative;z-index:1}
.lgacc{padding-bottom:18px!important}
.lgacc .lgacc-h{padding:0 14px}
.lgstart{position:relative;border:0!important;border-radius:16px!important;height:56px!important;font-weight:900!important;font-size:18px!important;
  background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(255,252,230,.8),transparent 70%),linear-gradient(#fbe9a8,#e2bd5c 48%,#c79a34 52%,#e0b85a)!important;color:#2a1a06!important;text-shadow:0 1px 0 rgba(255,246,210,.6);
  box-shadow:inset 0 1px 0 #fff6d0,inset 0 -2px 0 rgba(90,63,12,.45),0 0 0 2px #7c5a14,0 0 0 3.5px #e9c66a,0 0 0 5px #5a3f0c,0 4px 0 2px #3a2408,0 10px 18px rgba(0,0,0,.5)!important;margin-top:12px!important}
.lgstart::before{content:"";position:absolute;top:-9px;left:50%;width:9px;height:9px;margin-left:-4.5px;transform:rotate(45deg);background:linear-gradient(135deg,#fbe9a8,#b8902c);box-shadow:0 0 0 1.2px #5a3f0c;pointer-events:none}
.lgstart::after{content:"";position:absolute;right:16px;top:50%;width:20px;height:20px;margin-top:-10px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9%205l7%207-7%207%22%20fill%3D%22none%22%20stroke%3D%22%233a2408%22%20stroke-width%3D%223.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;opacity:.85;pointer-events:none}
.lgstart:active{transform:translateY(2px)}
.lgstart[disabled]{filter:saturate(.5) brightness(.8)}
@media (prefers-reduced-motion:reduce){.lglogo img{animation:none}}

/* ===== 11-11q 아이콘(아바타): 금 원 그대로 · 그림 전체를 1.06배 (금 원 바깥이 칸 안에 들어오는 한도) · 여백 많은 동물은 AV_ZOOM(10-looks.js)으로 얼굴만 더 ===== */
.avg svg{transform:scale(1.06);transform-origin:50% 50%}

/* ===== 11-11r 게임 화면: 테이블 넓게 · 아래 간격 줄임 · 최근 기록 작게 · 먹은 카드 숫자 크게 · 한 줄이 길어지기 전에 두 줄 ===== */
.gm .tbl{margin-left:-6px;margin-right:-6px;margin-bottom:4px!important}
/* 위 · 아래(나) 자리: 카드 28×39 · 숫자 15px (두 줄이어도 같은 크기) */
.seat:not(.sl):not(.sr) .cards .c.sm,.seat:not(.sl):not(.sr) .cards .c.md{width:28px!important;min-width:28px!important;height:39px!important;font-size:15px!important}
.seat:not(.sl):not(.sr) .run .c.sm+.c.sm,.seat:not(.sl):not(.sr) .run .c.md+.c.md{margin-left:-14px!important}
.seat:not(.sl):not(.sr) .run.r3>.c:first-child+.c{margin-left:-11px!important}
.seat:not(.sl):not(.sr) .cards .c.hb{font-size:14px!important}
/* 한 줄에 7~8장쯤에서 두 줄로 (위 자리가 혼자일 때 · 내 자리) — 두 번째 줄은 가운데 쪽으로 내려와요 */
.toprow>.seat:only-child .cards,.seat.me .cards{max-width:262px;margin-left:auto!important;margin-right:auto!important;justify-content:center;row-gap:4px}
/* 양옆 자리: 숫자 조금 크게 · 세로로 더 길게 써서 세 번째 줄이 덜 생기게 */
.seat.sl .c.sm,.seat.sr .c.sm,.seat.sl .c.md,.seat.sr .c.md{font-size:14.5px!important}
.seat.sl .cards,.seat.sr .cards{max-height:236px!important}

/* ===== 11-11s 대전: 최근 기록은 위 줄(모험 스테이지 제목 자리)에 한 줄 · 먹기·패스는 화면 아래에 붙어 항상 보임 ===== */
.lgst{margin:2px 8px 4px;min-height:24px;box-sizing:border-box;display:flex;align-items:center;padding:3px 12px;border-radius:99px;background:rgba(20,12,3,.55);border:1px solid rgba(255,207,90,.35)}
.lgst p{margin:0;min-width:0;font-size:11.5px;line-height:1.3;color:#e8e2d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lgst p em{font-style:normal;color:#d4af37;font-weight:800;margin-right:6px}
.gm .acts{position:sticky;bottom:0;z-index:20;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));background:linear-gradient(rgba(8,16,12,0),rgba(8,16,12,.92) 30%)}
/* 11-11s2 자리비움 안내: 점수·코인 줄 위에 덮기 · 내 버튼은 흐리게 (누르지 않게) */
.awwrap{position:relative}
.awwrap>.tray2,.awwrap>.acts{filter:blur(1.5px) saturate(.55);opacity:.4;pointer-events:none}
.awwrap>.awayb{position:absolute;left:2px;right:2px;top:0;z-index:30;margin:0!important;box-sizing:border-box;min-height:56px;flex-wrap:nowrap;
  background:linear-gradient(rgba(16,38,60,.96),rgba(8,22,38,.96));border:1.5px solid rgba(120,195,255,.7);border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.5);font-size:12.5px}
.awwrap>.awayb>span{flex:1;min-width:0;line-height:1.35}
.awwrap>.awayb .awr{flex:none;height:38px;padding:0 18px;border-radius:11px;font-size:14px;box-shadow:0 2px 0 #2a6aa0}

/* ===== 11-11u 대기 화면(모험 준비 · 서버 연결 · 빠른 매칭): 연못 배경 흐리게 · 금 테 카드 · 카드 섞기 애니메이션 · 규칙 팁 ===== */
.room.wv{background:#07110c!important}
.room.wv::before{content:"";position:fixed;inset:-24px;z-index:-1;background:var(--lbbg,radial-gradient(120% 80% at 50% 0,#17392c,#0b1612 70%)) center/cover no-repeat;filter:blur(7px) brightness(.34) saturate(1.1);pointer-events:none}
.room.wv::after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(70% 55% at 50% 45%,rgba(240,217,138,.10),transparent 70%),radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.55));pointer-events:none}
.wvbox{position:relative;box-sizing:border-box;width:min(340px,100%);margin:auto;padding:24px 22px 26px!important;border-radius:20px!important;text-align:center;
  background:linear-gradient(rgba(22,44,33,.94),rgba(9,20,15,.96))!important;border:1.5px solid #a8873e!important;box-shadow:0 18px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,240,200,.08)!important}
.wvbox::before{content:"";position:absolute;inset:6px;border-radius:15px;border:1px solid rgba(217,184,102,.32);pointer-events:none}
.wvbox::after{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%280%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9b866%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%2890%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9b866%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28180%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9b866%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22rotate%28270%2012%2012%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23d9b866%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2019%20C2.5%208%206%203.5%2019%202.5%22%20stroke-width%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M6%2015%20C6%209.5%208.5%206.5%2014%206%20C11%208%209.5%2010%209.6%2012.6%20C9.7%2014.6%2011.6%2015%2012.4%2013.6%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%222.5%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%2219%22%20r%3D%221.3%22%20fill%3D%22%23d9b866%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:22px 22px;background-position:left 10px top 10px,right 10px top 10px,right 10px bottom 10px,left 10px bottom 10px;opacity:.9}
.wvbox>*{position:relative;z-index:1}
.onlw.wvbox{gap:12px}
.wvsub{font:700 11px Cinzel,Georgia,serif;letter-spacing:.28em;color:#c9a24a}
.wvh{display:block;margin-top:-6px;font-size:21px;font-weight:900;color:#f0d98a;text-shadow:0 2px 0 rgba(0,0,0,.4)}
.wvmsg{margin:0;font-size:14px;color:#e8efe8}
/* 카드 섞기: 양옆 카드는 부채꼴로 숨 쉬고 · 가운데 카드는 톡 튀어 올라 뒤집혀요 · 뒤로 금빛 원이 돌아요 */
.wvfx{position:relative;width:132px;height:104px;margin:4px auto 0;perspective:500px}
.wvorb{position:absolute;left:50%;top:50%;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 62%,rgba(240,217,138,.0) 62%,rgba(240,217,138,.75) 78%,transparent 80%);
  -webkit-mask:radial-gradient(circle,transparent 52px,#000 53px 55px,transparent 56px);mask:radial-gradient(circle,transparent 52px,#000 53px 55px,transparent 56px);animation:wvSpin 2.2s linear infinite}
.wvorb::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(201,164,92,.25)}
.wvc{position:absolute;left:50%;top:50%;width:50px;height:72px;margin:-36px 0 0 -25px;border-radius:8px;box-sizing:border-box;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M10%203%2017%2010%2010%2017%203%2010Z%22%20fill%3D%22none%22%20stroke%3D%22rgba%28226%2C189%2C92%2C.55%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M10%207%2013%2010%2010%2013%207%2010Z%22%20fill%3D%22rgba%28226%2C189%2C92%2C.55%29%22%2F%3E%3C%2Fsvg%3E") center/18px 18px repeat,linear-gradient(135deg,#1f5a40,#0f3a27 60%,#0b2b1d);border:2px solid #d9b866;box-shadow:0 6px 12px rgba(0,0,0,.5),inset 0 0 0 2px rgba(0,0,0,.25)}
.wvc.c1{animation:wvL 2.2s ease-in-out infinite}
.wvc.c3{animation:wvR 2.2s ease-in-out infinite}
.wvc.c2{transform-style:preserve-3d;animation:wvHop 2.2s cubic-bezier(.3,.7,.3,1) infinite}
.wvc.c2>b{position:absolute;inset:-2px;border-radius:8px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e2bd5c%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2234%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%2266%22%20cy%3D%2234%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M22%2058%20Q22%2042%2050%2042%20Q78%2042%2078%2058%20Q78%2078%2050%2078%20Q22%2078%2022%2058Z%22%2F%3E%3Cpath%20d%3D%22M38%2062%20Q50%2070%2062%2062%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/34px 34px no-repeat,linear-gradient(#fbf6e8,#efe4c8);border:2px solid #d9b866;box-sizing:border-box;transform:rotateY(180deg);backface-visibility:hidden}
@keyframes wvSpin{to{transform:rotate(360deg)}}
@keyframes wvL{0%,100%{transform:translateX(-26px) rotate(-16deg)}50%{transform:translateX(-30px) rotate(-20deg)}}
@keyframes wvR{0%,100%{transform:translateX(26px) rotate(16deg)}50%{transform:translateX(30px) rotate(20deg)}}
@keyframes wvHop{0%,18%{transform:translateY(0) rotateY(0)}42%,70%{transform:translateY(-12px) rotateY(180deg)}92%,100%{transform:translateY(0) rotateY(360deg)}}
/* 빠른 매칭: 시간은 카드 아래 금 알약 · 자리는 빈 곳이 숨 쉬고 들어오면 톡 */
.qmb.wvbox{gap:9px}
.qmb.wvbox .qmspin{width:auto!important;height:auto!important;margin:-2px 0 0!important}
.qmb.wvbox .qmspin em{display:inline-block;padding:3px 12px;border-radius:99px;background:rgba(0,0,0,.35);border:1px solid rgba(217,184,102,.5);font:700 14px/1.2 Georgia,serif;color:#f6e7b0}
.qmseats>span:not(.on){animation:wvSeat 1.6s ease-in-out infinite}
.qmseats>span:nth-child(3):not(.on){animation-delay:.25s}.qmseats>span:nth-child(4):not(.on){animation-delay:.5s}
.qmseats>span.on{animation:wvIn .45s cubic-bezier(.3,1.6,.5,1) both}
@keyframes wvSeat{0%,100%{border-color:rgba(201,164,92,.35);transform:scale(1)}50%{border-color:rgba(240,217,138,.85);transform:scale(1.06)}}
@keyframes wvIn{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
/* 팁 */
.wvtip{display:flex;align-items:flex-start;gap:8px;width:100%;box-sizing:border-box;min-height:46px;padding:8px 10px;border-radius:12px;background:rgba(0,0,0,.28);border:1px solid rgba(201,164,92,.28);text-align:left;transition:opacity .35s,transform .35s}
.wvtip.out{opacity:0;transform:translateY(4px)}
.wvtb{flex:none;padding:2px 6px;border-radius:6px;background:linear-gradient(#fbe9a8,#c79a34);color:#2a1a06;font:900 10px/1.3 inherit;font-family:inherit;letter-spacing:.06em;margin-top:1px}
.wvtip p{margin:0;font-size:12px;line-height:1.5;color:#dfe6df;word-break:keep-all}
.wvtip p em{font-style:normal;color:#f0d98a;font-weight:800}
@media (prefers-reduced-motion:reduce){.wvorb,.wvc,.qmseats>span{animation:none!important}}
html.lite .wvorb,html.lite .wvc,html.lite .qmseats>span{animation:none!important}

/* ===== 11-11v 판 도중 다시 연결하는 중: 게임 화면 위 작은 막대 ===== */
.onlrcb{position:fixed;left:50%;top:calc(52px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:95;display:flex;align-items:center;gap:9px;max-width:calc(100vw - 24px);box-sizing:border-box;
  padding:8px 8px 8px 12px;border-radius:99px;background:rgba(10,24,36,.96);border:1.5px solid rgba(120,195,255,.7);box-shadow:0 8px 20px rgba(0,0,0,.5);color:#d8ecff;font-size:12.5px;animation:onlrcIn .25s ease-out both}
.onlrcb .spin{flex:none;width:14px;height:14px;border-radius:50%;border:2px solid rgba(159,216,255,.3);border-top-color:#9fd8ff;animation:onlsp 1s linear infinite}
.onlrcb span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onlrcb button{flex:none;height:26px;padding:0 10px;border-radius:99px;border:1px solid rgba(159,216,255,.45);background:transparent;color:#bfe2ff;font:800 11.5px inherit;font-family:inherit;cursor:pointer}
@keyframes onlrcIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}

/* ===== 11-11w 1-10 보스 「카드 마술사 냥이」 지도 전신: 둥실 떠오르며 손끝 카드가 보랏빛 · 금빛으로 반짝 ===== */
.adv-boss-magician-token{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 90%;
  filter:drop-shadow(0 6px 8px rgba(0,0,0,.75)) drop-shadow(0 0 6px rgba(186,120,255,.45));animation:magiCatFloat 2.6s ease-in-out infinite}
@keyframes magiCatFloat{
  0%,100%{transform:translate(0,0) rotate(0)}
  30%{transform:translate(-1px,-5px) rotate(-2.5deg)}
  60%{transform:translate(1px,-2px) rotate(1.5deg)}}
.advnd.lock .adv-boss-magician-token{animation:none;filter:brightness(.7) saturate(.75) drop-shadow(0 6px 10px rgba(0,0,0,.75))}
html.lite .adv-boss-magician-token{animation:none!important}
@media (prefers-reduced-motion:reduce){.adv-boss-magician-token{animation:none!important}}

/* ===== 11-11x 5-10 보스 「달그림자 암살자」 지도 전신: 그림자 속에서 스르륵 떠올랐다 잠깐 흐려지며 칼끝이 보랏빛으로 ===== */
.adv-boss-assassin-token{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 80%;
  filter:drop-shadow(0 6px 8px rgba(0,0,0,.8)) drop-shadow(0 0 7px rgba(179,136,255,.5));animation:assnShade 3s ease-in-out infinite}
@keyframes assnShade{
  0%,100%{transform:translate(0,0);opacity:1}
  35%{transform:translate(-2px,-5px)}
  55%{transform:translate(3px,-3px);opacity:.72}
  70%{transform:translate(0,-2px);opacity:1}}
.advnd.lock .adv-boss-assassin-token{animation:none;filter:brightness(.7) saturate(.75) drop-shadow(0 6px 10px rgba(0,0,0,.75))}
html.lite .adv-boss-assassin-token{animation:none!important}
@media (prefers-reduced-motion:reduce){.adv-boss-assassin-token{animation:none!important}}
/* 5장 발판 움직임 (사용자 시안 그대로): 달빛 석판이 숨 쉬듯 · 중간보스 둥실 · 보스 수리검 마법진 빠르게 회전 */
.advpsv .pd5pulse{animation:pd5Pulse 1.8s ease-in-out infinite alternate}
.advpsv.pd5mid{animation:pdFloat 2.4s ease-in-out infinite}
.advpsv.pd5boss{animation:pd5Boss 2.7s ease-in-out infinite}
.advpsv .pd5shk{animation-duration:6s}
@keyframes pd5Pulse{0%{opacity:.55}100%{opacity:1}}
@keyframes pd5Boss{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
html.lite .advpsv .pd5pulse,html.lite .advpsv.pd5mid,html.lite .advpsv.pd5boss{animation:none!important}
@media (prefers-reduced-motion:reduce){.advpsv .pd5pulse,.advpsv.pd5mid,.advpsv.pd5boss{animation:none!important}}


/* =====================================================================================
   11-12a 모험 지도 연출 한 번에 올리기
   ① 보스 크기 맞춤 · 잠긴 보스도 어둡지 않게  ② 보스 뒤 빛줄기 + 떠오르는 불티(보스마다 색)  ③ 지금 할 곳 빛기둥 · 바닥 파동
   ④ 깬 곳 별 반짝 · 발판 윤기  ⑤ 보스 이름판 광택  ⑥ 배경 빛내림  ⑦ 누를 때 눌리는 느낌
   · 전부 transform / opacity 애니메이션(가벼움) · 가벼운 화면 모드 · 움직임 줄이기에서는 멈춤
   ===================================================================================== */
/* ① 크기: 그림마다 몸집이 달라 보여서(슬라임은 통통 · 연금술사는 호리호리) 보스마다 배율을 맞춤 · 발 위치는 발판 윗면 */
.advexp .advnd.fig .advfig{scale:.9;transform-origin:50% 100%}
.advexp .advnd.fig .adv-boss-magician-token{scale:.93}
.advexp .advnd.fig .adv-boss-rogue-token{scale:.9}
.advexp .advnd.fig .adv-boss-slime-token{scale:.82}
.advexp .advnd.fig .adv-boss-mushroom-token{scale:.85}
.advexp .advnd.fig .adv-boss-alchemist-token{scale:.95}
.advexp .advnd.fig .adv-boss-warrior-token{scale:.95}
.advexp .advnd.fig .adv-boss-assassin-token{scale:1}
/* 잠긴 보스: 어둡게 죽이지 않고 살짝만 가라앉힘 + 느린 숨쉬기 (자물쇠는 그대로 보임) */
.advexp .advnd.lock.fig .advfig{filter:saturate(.9) brightness(.97) drop-shadow(0 6px 9px rgba(0,0,0,.7)) drop-shadow(0 0 7px rgba(var(--bc,255,214,110),.35))!important;animation:bossIdle 3.4s ease-in-out infinite!important}
.advexp .advnd.lock.boss .advped .advpsv{filter:brightness(.97) saturate(.92)!important}
@keyframes bossIdle{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-3px) scale(1.015,.99)}}
/* 보스마다 빛 색 */
.advexp .advnd.boss{--bc:255,214,110}
.advexp .advnd.boss:has(.adv-boss-magician-token){--bc:196,150,255}
.advexp .advnd.boss:has(.adv-boss-rogue-token){--bc:150,235,140}
.advexp .advnd.boss:has(.adv-boss-slime-token){--bc:90,245,160}
.advexp .advnd.boss:has(.adv-boss-mushroom-token){--bc:255,130,210}
.advexp .advnd.boss:has(.adv-boss-alchemist-token){--bc:110,245,190}
.advexp .advnd.boss:has(.adv-boss-warrior-token){--bc:110,205,255}
.advexp .advnd.boss:has(.adv-boss-assassin-token){--bc:180,130,255}
/* ② 보스 뒤 빛줄기(천천히 회전) + 은은한 후광 */
.advexp .advnd.boss.fig::before{content:"";position:absolute;left:50%;top:52px;width:250px;height:250px;margin:-125px 0 0 -125px;border-radius:50%;z-index:-2;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.5) 0,rgba(var(--bc),.5) 16%,rgba(var(--bc),.2) 34%,transparent 58%),
    repeating-conic-gradient(from 0deg,rgba(var(--bc),0) 0 8deg,rgba(255,255,255,.34) 12deg,rgba(var(--bc),.62) 14deg 17deg,rgba(var(--bc),0) 22deg 30deg),
    radial-gradient(circle,rgba(10,6,22,.5) 0,rgba(10,6,22,.34) 40%,transparent 64%);
  -webkit-mask:radial-gradient(circle,#000 0,rgba(0,0,0,.75) 34%,transparent 66%);mask:radial-gradient(circle,#000 0,rgba(0,0,0,.75) 34%,transparent 66%);
  animation:bossRays 22s linear infinite}
@keyframes bossRays{to{transform:rotate(360deg)}}
/* 떠오르는 불티: 점 여러 개를 그림자로 찍어 한 덩어리로 올림 (요소 하나) */
.advexp .advnd.boss.fig::after{content:"";position:absolute;left:50%;top:104px;width:4px;height:4px;border-radius:50%;z-index:3;pointer-events:none;background:transparent;
  box-shadow:-52px -6px 0 0 rgba(var(--bc),.95),-30px 8px 0 -.5px #fff,-8px -2px 0 0 rgba(var(--bc),.9),20px 10px 0 -.5px #fff6d0,44px -8px 0 0 rgba(var(--bc),.95),60px 6px 0 -.5px #fff,
    -44px 30px 0 -.5px #fff6d0,6px 34px 0 0 rgba(var(--bc),.9),36px 28px 0 -.5px #fff;
  filter:drop-shadow(0 0 4px rgba(var(--bc),1)) drop-shadow(0 0 2px #fff);animation:bossEmber 3.6s linear infinite}
@keyframes bossEmber{0%{transform:translateY(12px) scale(.9);opacity:0}18%{opacity:1}75%{opacity:.85}100%{transform:translateY(-78px) scale(1.12);opacity:0}}
.advexp .advnd.lock.boss.fig::before{opacity:.85}
/* ③ 지금 할 곳: 위로 솟는 빛기둥 + 바닥에서 퍼지는 파동 */
.advexp .advnd.cur:not(.fig)::before{content:"";position:absolute;left:50%;top:-74px;width:52px;height:112px;margin-left:-26px;z-index:-1;pointer-events:none;
  background:linear-gradient(to top,rgba(255,238,170,.6),rgba(255,238,170,.18) 55%,rgba(255,238,170,0));clip-path:polygon(34% 100%,66% 100%,100% 0,0 0);filter:blur(2.5px);transform-origin:50% 100%;animation:curBeacon 2.4s ease-in-out infinite}
@keyframes curBeacon{0%,100%{opacity:.55;transform:scaleX(.85)}50%{opacity:1;transform:scaleX(1.1)}}
.advexp .advnd.cur .advped::before{content:"";position:absolute;left:50%;top:50%;width:88px;height:30px;margin:-13px 0 0 -44px;border-radius:50%;border:2px solid rgba(255,236,150,.9);pointer-events:none;animation:curRing 2s ease-out infinite}
@keyframes curRing{0%{transform:scale(.7);opacity:.95}80%{opacity:.15}100%{transform:scale(1.5);opacity:0}}
/* ④ 깬 곳: 별이 차례로 반짝 · 발판에 윤기가 지나감 */
.advexp .advnd.done .advrib b.on{animation:ribTw 2.6s ease-in-out infinite}
.advexp .advnd.done .advrib b.on:nth-child(2){animation-delay:.25s}.advexp .advnd.done .advrib b.on:nth-child(3){animation-delay:.5s}
@keyframes ribTw{0%,70%,100%{transform:scale(1);text-shadow:0 0 5px rgba(255,220,80,.9)}82%{transform:scale(1.35);text-shadow:0 0 10px #fff,0 0 16px rgba(255,220,80,1)}}
.advexp .advnd.done:not(.boss):not(.mid) .advped::before{content:"";position:absolute;left:50%;top:38%;width:26px;height:8px;margin-left:-40px;border-radius:50%;background:rgba(255,255,255,.75);filter:blur(2px);pointer-events:none;opacity:0;animation:pedGlint 4.2s ease-in-out infinite}
@keyframes pedGlint{0%,62%,100%{opacity:0;transform:translateX(0)}70%{opacity:.85}86%{opacity:0;transform:translateX(56px)}}
/* 중간보스: 붉은 기운이 숨 쉬듯 */
.advexp .advnd.mid::before{content:"";position:absolute;left:50%;top:26px;width:130px;height:130px;margin:-65px 0 0 -65px;border-radius:50%;z-index:-2;pointer-events:none;background:radial-gradient(circle,rgba(255,110,80,.34) 0,rgba(255,110,80,.1) 40%,transparent 64%);animation:midAura 2.6s ease-in-out infinite}
@keyframes midAura{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.08);opacity:1}}
/* ⑤ 보스 이름판: 금빛 광택이 주기적으로 지나감 */
.advexp .advnd.boss .advnl{position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 4px 10px rgba(0,0,0,.55),0 0 14px rgba(var(--bc),.35)}
.advexp .advnd.boss .advnl::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 40%,rgba(255,250,220,.45) 50%,transparent 60%) no-repeat;background-size:250% 100%;background-position:150% 0;animation:plateShine 4.6s ease-in-out infinite}
@keyframes plateShine{0%,58%{background-position:150% 0}82%,100%{background-position:-50% 0}}   /* 11-12d 이름판을 자르지 않게 (넘침 숨기기 대신 배경 위치로) */
.advexp .advnd.boss .advelt.bs{animation:bossTag 2.2s ease-in-out infinite;box-shadow:0 0 10px rgba(255,90,70,.7)}
@keyframes bossTag{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
/* ⑥ 배경: 비스듬한 빛내림이 천천히 흐름 */
.advexp .advbgl::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(104deg,transparent 28%,rgba(255,244,200,.13) 36%,transparent 44%,transparent 54%,rgba(255,244,200,.09) 61%,transparent 69%);background-size:230% 100%;animation:godRay 16s ease-in-out infinite alternate}
@keyframes godRay{0%{background-position:0% 0}100%{background-position:100% 0}}
/* ⑦ 누를 때 */
.advexp .advnd:not([aria-disabled="true"]):active .advnc{transform:scale(.93)!important;transition:transform .08s}
.advexp .advnd.sel .advped .advpsv{filter:drop-shadow(0 0 8px rgba(255,230,150,.9)) drop-shadow(0 0 2px #fff)}
/* 가벼운 화면 · 움직임 줄이기 */
html.lite .advexp .advnd.boss.fig::before,html.lite .advexp .advnd.boss.fig::after,html.lite .advexp .advnd.cur::before,html.lite .advexp .advnd.cur .advped::before,html.lite .advexp .advnd.done .advped::before,html.lite .advexp .advnd.mid::before,html.lite .advexp .advnd.boss .advnl::after,html.lite .advexp .advbgl::after{animation:none!important}
html.lite .advexp .advnd.boss.fig::after,html.lite .advexp .advnd.cur .advped::before,html.lite .advexp .advnd.done .advped::before,html.lite .advexp .advbgl::after{display:none}
html.lite .advexp .advnd .advrib b.on,html.lite .advexp .advnd.lock.fig .advfig,html.lite .advexp .advnd.boss .advelt.bs{animation:none!important}
@media (prefers-reduced-motion:reduce){.advexp .advnd.boss.fig::before,.advexp .advnd.boss.fig::after,.advexp .advnd.cur::before,.advexp .advnd.cur .advped::before,.advexp .advnd.done .advped::before,.advexp .advnd.mid::before,.advexp .advnd.boss .advnl::after,.advexp .advbgl::after,.advexp .advnd .advrib b.on,.advexp .advnd.lock.fig .advfig,.advexp .advnd.boss .advelt.bs{animation:none!important}
  .advexp .advnd.boss.fig::after,.advexp .advnd.done .advped::before{display:none}}

/* ===== 11-12a 보스 · 중간보스 등장 연출 (판 시작할 때 2.6초 · 누르면 바로 닫힘) ===== */
.advbi{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;overflow:hidden;--bc:255,214,110;
  background:radial-gradient(ellipse at 50% 46%,rgba(var(--bc),.22),rgba(6,4,10,.9) 62%),rgba(6,4,10,.86);animation:biIn .25s ease-out both;cursor:pointer}
.advbi.bi-mid{--bc:255,120,90}
.advbi.out{animation:biOut .4s ease-in both}
@keyframes biIn{from{opacity:0}to{opacity:1}}@keyframes biOut{to{opacity:0;transform:scale(1.06)}}
.advbi-ray{position:absolute;left:50%;top:46%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(var(--bc),0) 0 7deg,rgba(var(--bc),.16) 10deg 13deg,rgba(var(--bc),0) 16deg 24deg);
  -webkit-mask:radial-gradient(circle,#000 0,transparent 58%);mask:radial-gradient(circle,#000 0,transparent 58%);animation:bossRays 26s linear infinite}
.advbi-bar{position:absolute;left:-10%;right:-10%;height:84px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.85) 18%,rgba(0,0,0,.85) 82%,transparent);border-top:2px solid rgba(var(--bc),.85);border-bottom:2px solid rgba(var(--bc),.85);box-shadow:0 0 24px rgba(var(--bc),.45);top:50%;margin-top:92px;transform:skewY(-4deg) scaleX(0);animation:biBar .45s .12s cubic-bezier(.2,.9,.2,1) forwards}
@keyframes biBar{to{transform:skewY(-4deg) scaleX(1)}}
.advbi-in{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 18px;max-width:420px}
.advbi-in small{font:900 13px Cinzel,Georgia,serif;letter-spacing:.42em;color:rgb(var(--bc));text-shadow:0 0 12px rgba(var(--bc),.9);animation:biTxt .5s .05s both}
.advbi-fig{width:min(62vw,250px);height:min(62vw,250px);margin:6px 0 2px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 14px 18px rgba(0,0,0,.8)) drop-shadow(0 0 26px rgba(var(--bc),.75));animation:biFig .6s .1s cubic-bezier(.2,1.5,.4,1) both}
.advbi-fig img{width:100%;height:100%;object-fit:contain;border:0!important;animation:bossIdle 2.4s .7s ease-in-out infinite}
.advbi-fig .avg{width:78%;height:78%}
@keyframes biFig{from{opacity:0;transform:translateY(34px) scale(.55)}to{opacity:1;transform:none}}
.advbi-in b{position:relative;font-size:28px;font-weight:900;color:#fff6da;text-shadow:0 3px 0 rgba(0,0,0,.7),0 0 18px rgba(var(--bc),.9);animation:biName .45s .32s cubic-bezier(.2,1.4,.4,1) both;word-break:keep-all}
.advbi-in em{font-style:normal;font:800 13px Georgia,serif;color:rgb(var(--bc));letter-spacing:.2em;margin-top:2px;animation:biTxt .4s .42s both}
@keyframes biName{from{opacity:0;transform:scale(1.9);letter-spacing:.3em}to{opacity:1;transform:none}}
@keyframes biTxt{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.advbi-in p{margin:14px 0 0;padding:8px 14px;border-radius:12px;background:rgba(30,18,4,.9);border:1.5px solid #ffcf5a;color:#fff3d0;font-size:13.5px;line-height:1.45;animation:biTxt .4s .6s both}
.advbi-in p b{position:static;font-size:13.5px;color:#ffd85e;text-shadow:none;animation:none;margin-right:6px}
.advbi-skip{margin-top:14px;font-size:11px;color:rgba(255,255,255,.55);animation:biTxt .4s 1s both}
.advbi-flash{position:absolute;inset:0;background:#fff;pointer-events:none;opacity:0;animation:biFlash .5s .12s ease-out}
@keyframes biFlash{0%{opacity:.75}100%{opacity:0}}
html.lite .advbi-ray{animation:none}
@media (prefers-reduced-motion:reduce){.advbi *,.advbi{animation-duration:.01s!important;animation-delay:0s!important}}

/* ===== 11-12b 승리 연출 · 결과 창 · 보스전 화면 ===== */
/* BOSS CLEAR: 등장 연출(.advbi)과 같은 틀 · 보스는 기울어 쓰러지고 CLEAR 도장이 쾅 */
.advbc .advbi-in small{order:2;margin-top:6px;font-size:15px}
.advbc .advbi-in b{order:3}.advbc .advbi-in em{order:4}
.advbi-fig.ko{position:relative}
.advbi-fig.ko img,.advbi-fig.ko .avg{animation:bcKo .7s .15s cubic-bezier(.3,.7,.3,1) both!important;transform-origin:50% 90%}
@keyframes bcKo{0%{transform:none;filter:none}35%{transform:translateX(-10px) rotate(-6deg)}55%{transform:translateX(8px) rotate(5deg)}100%{transform:translateY(10px) rotate(14deg) scale(.92);filter:grayscale(.75) brightness(.75)}}
.advbc-st{position:absolute;left:50%;top:50%;font:900 44px/1 Cinzel,Georgia,serif;font-style:normal;letter-spacing:.06em;color:#ffe9a6;padding:6px 18px;border:5px solid #ffd85e;border-radius:12px;background:rgba(40,10,6,.55);
  text-shadow:0 3px 0 #5a2a06,0 0 18px rgba(255,210,90,.9);box-shadow:0 0 0 3px rgba(60,20,6,.8),0 0 28px rgba(255,200,80,.7);transform:translate(-50%,-50%) rotate(-12deg);animation:bcStamp .5s .75s cubic-bezier(.2,1.6,.4,1) both}
@keyframes bcStamp{0%{opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(3.2)}60%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) rotate(-12deg) scale(1)}}
/* 결과 창: 뒤에서 빛줄기 · 별이 하나씩 크게 떨어져 박히며 충격파 · 보상이 차례로 튀어나옴 */
.advres.win{position:relative;overflow:hidden}
.advres.win::before{content:"";position:absolute;left:50%;top:34px;width:460px;height:460px;margin:-230px 0 0 -230px;pointer-events:none;z-index:0;
  background:repeating-conic-gradient(from 0deg,rgba(255,220,120,0) 0 8deg,rgba(255,220,120,.2) 12deg 16deg,rgba(255,220,120,0) 20deg 28deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 62%);mask:radial-gradient(circle,#000 0,transparent 62%);animation:bossRays 24s linear infinite}
.advres.win>*{position:relative;z-index:1}
.advres .advbig{gap:10px;margin:6px 0 10px}
.advres .advbig b{position:relative;font-size:44px}
.advres .advbig b.on{color:#ffd85e;text-shadow:0 2px 0 #9a6410,0 0 14px rgba(255,200,60,.95),0 0 28px rgba(255,200,60,.5);animation:starSlam .55s cubic-bezier(.2,1.5,.4,1) both}
.advres .advbig b:nth-child(1){animation-delay:.45s!important}.advres .advbig b:nth-child(2){animation-delay:.87s!important}.advres .advbig b:nth-child(3){animation-delay:1.29s!important}
.advres .advbig b:nth-child(2){transform-origin:50% 60%;font-size:54px;margin-top:-8px}
.advres .advbig b.on::after{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:3px solid rgba(255,236,160,.95);opacity:0;animation:starWave .6s ease-out both;animation-delay:inherit}
.advres .advbig b.new{filter:drop-shadow(0 0 8px #fff)}
@keyframes starSlam{0%{opacity:0;transform:translateY(-46px) scale(3) rotate(-30deg)}55%{opacity:1;transform:translateY(0) scale(.82) rotate(0)}75%{transform:scale(1.18)}100%{opacity:1;transform:scale(1)}}
@keyframes starWave{0%,40%{opacity:0;transform:scale(.4)}50%{opacity:.95}100%{opacity:0;transform:scale(2.6)}}
.advres .advloot span{animation:lootPop .45s cubic-bezier(.2,1.6,.4,1) both;animation-delay:1.75s}
.advres .advloot span:nth-child(2){animation-delay:1.9s}.advres .advloot span:nth-child(3){animation-delay:2.05s}.advres .advloot span:nth-child(4){animation-delay:2.2s}.advres .advloot span:nth-child(5){animation-delay:2.35s}
.advres .advloot span.it{border-color:#ffe08a;box-shadow:0 0 14px rgba(255,214,110,.75)}
@keyframes lootPop{0%{opacity:0;transform:translateY(14px) scale(.4)}100%{opacity:1;transform:none}}
.advres.win .advrbn{animation:rbnIn .5s cubic-bezier(.2,1.5,.4,1) both}
@keyframes rbnIn{0%{opacity:0;transform:scaleX(.2)}100%{opacity:1;transform:none}}
/* 보스전 게임 화면: 테이블 가장자리에 보스 색 기운 · 보스 자리 강조 · 보스가 먹으면 번쩍 */
.gm.advbz{--bc:255,214,110}.gm.advbz.bzm{--bc:255,120,90}
.gm.bz-magik{--bc:196,150,255}.gm.bz-rogue{--bc:150,235,140}.gm.bz-slimek{--bc:90,245,160}.gm.bz-mushk{--bc:255,130,210}.gm.bz-alchk{--bc:110,245,190}.gm.bz-warrk{--bc:110,205,255}.gm.bz-assnk{--bc:180,130,255}
.gm.advbz .tbl .tvig{opacity:1!important;background:radial-gradient(ellipse at center,transparent 52%,rgba(var(--bc),.1) 84%,rgba(var(--bc),.24) 100%)!important;animation:bzVig 3.2s ease-in-out infinite}
@keyframes bzVig{0%,100%{opacity:.6}50%{opacity:1}}
.seat.bossseat .av{border-color:rgb(var(--bc))!important;box-shadow:0 0 0 2px rgba(0,0,0,.6),0 0 0 4px rgba(var(--bc),.9),0 0 18px 4px rgba(var(--bc),.75)!important;scale:1.14}
.seat.bossseat .av::before{content:"";position:absolute;inset:-12px;border-radius:50%;pointer-events:none;z-index:-1;background:repeating-conic-gradient(from 0deg,rgba(var(--bc),0) 0 14deg,rgba(var(--bc),.55) 18deg 24deg,rgba(var(--bc),0) 28deg 40deg);-webkit-mask:radial-gradient(circle,transparent 52%,#000 54%,transparent 74%);mask:radial-gradient(circle,transparent 52%,#000 54%,transparent 74%);animation:bossRays 9s linear infinite}
.seat.bossseat .snm .slv{box-shadow:0 0 8px rgba(var(--bc),.9)}
.seat.bossseat.bzhit .av{animation:bzHit .55s ease-out}
@keyframes bzHit{0%{scale:1.14}30%{scale:1.42;filter:brightness(1.6)}100%{scale:1.14}}
.advbzf{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;animation:bzFlash .65s ease-out both}
.advbzf.hit{background:radial-gradient(ellipse at 50% 30%,rgba(var(--bc),.5),transparent 70%)}
.advbzf.pen{background:radial-gradient(ellipse at 50% 80%,rgba(255,70,60,.45),transparent 70%)}
@keyframes bzFlash{0%{opacity:0}20%{opacity:1}100%{opacity:0}}
html.lite .advres.win::before,html.lite .seat.bossseat .av::before,html.lite .gm.advbz .tbl .tvig{animation:none!important}
@media (prefers-reduced-motion:reduce){.advres.win::before,.seat.bossseat .av::before,.gm.advbz .tbl .tvig,.advres .advbig b.on,.advres .advloot span,.advbi-fig.ko img,.advbc-st{animation-duration:.01s!important;animation-delay:0s!important}}

/* ===== 11-12c 오픈소스 라이선스 창 ===== */
.licbox{text-align:left;max-height:86dvh;display:flex;flex-direction:column}
.licbox h3,.licbox>small{text-align:center}.licp{font-size:12.5px;line-height:1.5;margin:4px 0 10px;text-align:center}
.licl{overflow:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.lici{padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.28);border:1px solid rgba(201,164,92,.35)}
.lici b{display:block;font-size:13.5px;color:#f0d98a}.lici span{display:block;font-size:11.5px;color:#cfd8cf;margin-top:2px;word-break:break-all}
.lici pre{margin:8px 0 0;padding:8px;border-radius:8px;background:rgba(0,0,0,.35);font:10px/1.45 ui-monospace,Menlo,monospace;color:#b9c4b9;white-space:pre-wrap}


/* ===== 11-12d 고침 ===== */
/* 결과 창 보상 아이콘이 칸 밖으로 벗어나던 것: 아이콘 크기를 칸에 맞게 고정 */
.advloot .advri{display:block;width:34px;height:34px;flex:none}
.advloot .advri .avg,.advloot .advri .avs{display:block;width:100%!important;height:100%!important}
.advloot .advri svg{display:block;width:100%!important;height:100%!important}
/* 보스전: 보스 이름이 후광에 가려지던 것 — 후광을 작게 · 이름은 위로 */
.seat.bossseat .av{scale:1.06!important}
.seat.bossseat .av::before{inset:-7px!important}
.seat.bossseat .snm{position:relative;z-index:3}
@keyframes bzHit{0%{scale:1.06}30%{scale:1.3;filter:brightness(1.6)}100%{scale:1.06}}
/* 매칭 대기 시간: Georgia의 오르내리는 옛 숫자 대신 키가 같은 숫자 (가운데가 맞게) */
.qmb.wvbox .qmspin em{font-family:inherit!important;font-weight:800;font-variant-numeric:lining-nums tabular-nums;line-height:1;padding:6px 14px 5px;min-width:64px;text-align:center}
/* 대기 화면 카드 = 로비 가운데 카드 (앞면: 내 아이콘 · 뒷면: 내 카드덱) */
.wvfx{width:150px;height:118px}
.wvc{width:58px;height:82px;margin:-41px 0 0 -29px;border-radius:9px;background:none!important;border:0!important;box-shadow:0 6px 12px rgba(0,0,0,.5)}
.wvc>.pcard,.wvc.c2>b>.pcard{position:absolute;inset:0;border-radius:9px}
.wvc .pcard{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f1e3;color:#1f5a41;font-family:Cinzel,Georgia,serif;font-weight:800;border:2px solid #d9b866}
.wvc .pcard.pback{background:var(--cbbg,repeating-linear-gradient(45deg,var(--cba,#14352a) 0 6px,var(--cbb,#0f2a21) 6px 12px))!important;border:2.5px solid var(--cbr,#c9a45c)}
.wvc .pcard.pback i{font-style:normal;font-size:26px;line-height:1;color:var(--cbr,#d4af37);opacity:.9}
.wvc .pcard.pback i svg,.wvc .pcard.pback .cbsym svg{width:26px;height:26px}
.wvc .pcard b.tl,.wvc .pcard b.br{position:absolute;font-size:11px;line-height:1}.wvc .pcard b.tl{left:5px;top:4px}.wvc .pcard b.br{right:5px;bottom:4px;transform:rotate(180deg)}
.wvc .pcard .mas{width:36px;height:36px;display:flex;align-items:center;justify-content:center}
.wvc .pcard .mas .avg,.wvc .pcard .mas svg{width:36px!important;height:36px!important;display:block}
.wvc .pcard span{font-size:5.5px;letter-spacing:.14em;margin-top:3px}
.wvc.c2>b{position:absolute;inset:0;border-radius:9px;background:none!important;border:0!important;transform:rotateY(180deg);backface-visibility:hidden}
.wvc.c2>.pcard{backface-visibility:hidden}
@keyframes wvL{0%,100%{transform:translateX(-32px) rotate(-16deg)}50%{transform:translateX(-36px) rotate(-20deg)}}
@keyframes wvR{0%,100%{transform:translateX(32px) rotate(16deg)}50%{transform:translateX(36px) rotate(20deg)}}
.wvorb{width:128px;height:128px;margin:-64px 0 0 -64px;-webkit-mask:radial-gradient(circle,transparent 60px,#000 61px 63px,transparent 64px);mask:radial-gradient(circle,transparent 60px,#000 61px 63px,transparent 64px)}

/* ===== 11-12e 8-10 보스 「홍련의 부엉이 대마법사」 (사용자 그림 · 제미나이 애니메이션 손봄) =====
   제미나이 원안: 그림자 3겹(drop-shadow)을 매 프레임 바꿔 가며 빛 → 폰에서 매 프레임 다시 그려서 무거움 · 크기 80px 고정이라 지도 칸과 안 맞음
   바꾼 점: 빛은 고정(검은 그림자 + 금빛 테두리 한 겹) · 움직임은 transform만(가벼움) · 날갯짓처럼 떠오를 때 옆으로 살짝 넓어짐(scaleX)
           · 지팡이 쪽(왼쪽)으로 기울며 떠올랐다가 마도서 쪽(오른쪽)으로 내려옴 · 에메랄드/불꽃 색 번쩍임은 발판(태양 마법진 · 불티)이 맡음 */
.adv-boss-archmage-token{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 85%;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.78)) drop-shadow(0 0 6px rgba(255,183,77,.5));animation:owlArchFloat 2.6s ease-in-out infinite}
@keyframes owlArchFloat{
  0%,100%{transform:translate(0,0) rotate(0) scale(1,1)}
  18%{transform:translate(-1px,-3px) rotate(-1deg) scale(1.035,.985)}   /* 날개 펼침 */
  35%{transform:translate(-2px,-7px) rotate(-2deg) scale(1.02,1.02)}
  52%{transform:translate(0,-6px) rotate(0) scale(.99,1.02)}            /* 날개 접음 */
  70%{transform:translate(2px,-3px) rotate(2deg) scale(1.01,.99)}
  86%{transform:translate(1px,0) rotate(.6deg) scale(1.01,.985)}}
.advnd.lock .adv-boss-archmage-token{animation:none;filter:brightness(.7) saturate(.75) drop-shadow(0 6px 10px rgba(0,0,0,.75))}
.advexp .advnd.fig .adv-boss-archmage-token{scale:1.08}   /* 날개가 넓어 정사각 칸 안에서 작아 보여서 */
.advexp .advnd.boss:has(.adv-boss-archmage-token){--bc:255,150,80}
.gm.bz-owlk{--bc:255,150,80}
/* 발판: 태양 마법진은 위에서 내려다본 원근(납작하게)으로 돌고 · 에메랄드 고리는 반대로 · 가운데 불빛 숨쉬기 · 제단은 둥실 */
.advpsv .pd8sun,.advpsv .pd8ring{transform:scaleY(.34)}
.advpsv .pd8sun{transform-origin:110px 56px;animation:pd8Sun 12s linear infinite}
.advpsv .pd8ring{transform-origin:110px 56px;animation:pd8Ring 7s linear infinite}
.advpsv .pd8core{animation:pdBreath 1.6s ease-in-out infinite alternate}
.advpsv.pd8boss{animation:pd5Boss 2.6s ease-in-out infinite}
@keyframes pd8Sun{0%{transform:scaleY(.34) rotate(0)}100%{transform:scaleY(.34) rotate(360deg)}}
@keyframes pd8Ring{0%{transform:scaleY(.34) rotate(360deg)}100%{transform:scaleY(.34) rotate(0)}}
html.lite .adv-boss-archmage-token,html.lite .advpsv .pd8sun,html.lite .advpsv .pd8ring,html.lite .advpsv .pd8core,html.lite .advpsv.pd8boss{animation:none!important}
@media (prefers-reduced-motion:reduce){.adv-boss-archmage-token,.advpsv .pd8sun,.advpsv .pd8ring,.advpsv .pd8core,.advpsv.pd8boss{animation:none!important}}

/* 11-12g 검수: 버섯몬 · 연금술사 · 수호전사 · 마술사 냥이 · 암살자도 빛(filter)을 매 프레임 바꾸던 것 → 움직임만 남김 (빛은 고정 · 보스 뒤 빛줄기/불티가 맡음) */
/* ===== 11-12f 9-10 「천공의 발키리 여왕」 · 10-10 최종보스 「불꽃과 얼음의 쌍두용」 (사용자 그림 · 제미나이 애니메이션 손봄) =====
   제미나이 원안: 빛(drop-shadow 2~3겹)을 매 프레임 바꾸고 · 84/88px 고정 · 발판도 filter를 움직임 → 폰에서 무거움
   바꾼 점: 빛은 고정 · transform만 · 크기는 지도 칸에 맞춤 · 발판 날개 빛은 밝은 겹의 opacity로 · 쌍두용은 불티를 왼쪽 빨강 / 오른쪽 하늘색으로 나눔 */
.adv-boss-valkyrie-token{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 85%;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.78)) drop-shadow(0 0 7px rgba(255,215,64,.55));animation:valkAscend 2.5s ease-in-out infinite}
@keyframes valkAscend{
  0%,100%{transform:translate(0,0) rotate(0) scale(1,1)}
  45%{transform:translate(-3px,-7px) rotate(-2deg) scale(1.04,1.02)}     /* 날개를 펴고 떠오름 */
  62%{transform:translate(2px,-5px) rotate(1.5deg) scale(1.01,1.01)}     /* 창을 앞으로 내지름 */
  80%{transform:translate(0,-2px) rotate(0) scale(1.01,.99)}}
.adv-boss-splitdragon-token{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 85%;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.8)) drop-shadow(-4px 0 7px rgba(255,87,34,.55)) drop-shadow(4px 0 7px rgba(0,229,255,.55));animation:splitDragonSway 2.7s ease-in-out infinite}
@keyframes splitDragonSway{
  0%,100%{transform:translate(0,0) rotate(0) scale(1,1)}
  35%{transform:translate(-3px,-6px) rotate(-3deg) scale(1.04,1.02)}     /* 왼쪽 불꽃 머리가 기세를 올림 */
  52%{transform:translate(0,-4px) rotate(0) scale(1.01,1.01)}
  70%{transform:translate(3px,-5px) rotate(3deg) scale(1.04,1.02)}}       /* 오른쪽 얼음 머리 */
.advnd.lock .adv-boss-valkyrie-token,.advnd.lock .adv-boss-splitdragon-token{animation:none;filter:brightness(.7) saturate(.75) drop-shadow(0 6px 10px rgba(0,0,0,.75))}
.advexp .advnd.fig .adv-boss-valkyrie-token{scale:1.04}
.advexp .advnd.fig .adv-boss-splitdragon-token{scale:1.04}
.advexp .advnd.boss:has(.adv-boss-valkyrie-token){--bc:255,226,120}
.advexp .advnd.boss:has(.adv-boss-splitdragon-token){--bc:255,170,140}
.advexp .advnd.boss:has(.adv-boss-splitdragon-token)::after{
  box-shadow:-52px -6px 0 0 rgba(255,110,64,.95),-30px 8px 0 -.5px #ffe0b2,-8px -2px 0 0 rgba(255,145,0,.9),20px 10px 0 -.5px #e1f5fe,44px -8px 0 0 rgba(64,196,255,.95),60px 6px 0 -.5px #fff,
    -44px 30px 0 -.5px #ffccbc,6px 34px 0 0 rgba(128,216,255,.9),36px 28px 0 -.5px #fff}
.gm.bz-valkk{--bc:255,226,120}.gm.bz-drgk{--bc:255,170,140}
/* 발판 */
.advpsv .pd9ring,.advpsv .pd10ring{transform:scaleY(.4);transform-origin:110px 56px}
.advpsv .pd9ring{animation:pd9Ring 8s linear infinite}
.advpsv .pd10ring{animation:pd9Ring 7s linear infinite}
.advpsv .pd10ring.r{animation-duration:5s;animation-direction:reverse}
.advpsv.pd9boss{animation:pd5Boss 2.6s ease-in-out infinite}
.advpsv.pd10boss{animation:pd5Boss 2.8s ease-in-out infinite}
.advpsv .pd10snow{animation:pd10Snow 2.6s linear infinite}
@keyframes pd9Ring{0%{transform:scaleY(.4) rotate(0)}100%{transform:scaleY(.4) rotate(360deg)}}
@keyframes pd10Snow{0%{transform:translateY(-8px);opacity:0}20%{opacity:1}80%{opacity:.9}100%{transform:translateY(16px);opacity:0}}
html.lite .adv-boss-valkyrie-token,html.lite .adv-boss-splitdragon-token,html.lite .advpsv .pd9ring,html.lite .advpsv .pd10ring,html.lite .advpsv.pd9boss,html.lite .advpsv.pd10boss,html.lite .advpsv .pd10snow{animation:none!important}
@media (prefers-reduced-motion:reduce){.adv-boss-valkyrie-token,.adv-boss-splitdragon-token,.advpsv .pd9ring,.advpsv .pd10ring,.advpsv.pd9boss,.advpsv.pd10boss,.advpsv .pd10snow{animation:none!important}}
/* 11-12g 7-10 수호전사 발판: 모래 바람이 옆으로 흐름 · 제단 둥실 */
.advpsv.pd7boss{animation:pd5Boss 2.6s ease-in-out infinite}
.advpsv .pd7sand{animation:pd7Sand 2.4s ease-in-out infinite}
@keyframes pd7Sand{0%{transform:translateX(-8px);opacity:0}30%{opacity:.9}100%{transform:translateX(10px);opacity:0}}
html.lite .advpsv.pd7boss,html.lite .advpsv .pd7sand{animation:none!important}
@media (prefers-reduced-motion:reduce){.advpsv.pd7boss,.advpsv .pd7sand{animation:none!important}}

/* 11-12h 대기 화면 카드: ① 가운데 카드 7이 안 보이던 것(.wvc.c2 b 가 숫자 b까지 뒤집어 숨김 → .wvc.c2>b) · 왼쪽 위 7 / 오른쪽 아래 7(거꾸로) 대각선
   ② 로비 가운데 카드와 같은 금테 + 모서리 덩굴 문양 · 뒷면도 로비처럼 안쪽 금선  ③ 가운데 카드만 조금 크게 */
.wvc .pcard:not(.pback){position:relative}
.wvc .pcard:not(.pback)::after{content:'';position:absolute;inset:3px;border:1.5px solid rgba(201,164,92,.9);border-radius:6px;pointer-events:none;
  box-shadow:inset 0 0 0 1.5px #f7f1e3,inset 0 0 0 2px rgba(201,164,92,.45);
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c9a45c%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M38%202H17C11%202%209%208%2013%2010.5C16%2012%2018.5%209%2016.5%207%22/%3E%3Cpath%20d%3D%22M38%202V23C38%2029%2032%2031%2029.5%2027C28%2024%2031%2021.5%2033%2023.5%22/%3E%3Cpath%20d%3D%22M33.5%206.5C25%207%2023%2014%2027.5%2016.5C30.5%2018%2033.5%2015%2033.5%2011%22/%3E%3C/g%3E%3Cpath%20d%3D%22M29%2011l2.6-2.6%202.6%202.6-2.6%202.6z%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%225.5%22%20r%3D%221.2%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2234.5%22%20cy%3D%2219%22%20r%3D%221.2%22%20fill%3D%22%23c9a45c%22/%3E%3C/svg%3E") right 1px top 1px/15px 15px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cg%20transform%3D%22rotate%28180%2020%2020%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c9a45c%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M38%202H17C11%202%209%208%2013%2010.5C16%2012%2018.5%209%2016.5%207%22/%3E%3Cpath%20d%3D%22M38%202V23C38%2029%2032%2031%2029.5%2027C28%2024%2031%2021.5%2033%2023.5%22/%3E%3Cpath%20d%3D%22M33.5%206.5C25%207%2023%2014%2027.5%2016.5C30.5%2018%2033.5%2015%2033.5%2011%22/%3E%3C/g%3E%3Cpath%20d%3D%22M29%2011l2.6-2.6%202.6%202.6-2.6%202.6z%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%225.5%22%20r%3D%221.2%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2234.5%22%20cy%3D%2219%22%20r%3D%221.2%22%20fill%3D%22%23c9a45c%22/%3E%3C/g%3E%3C/svg%3E") left 1px bottom 1px/15px 15px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2014%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c9a45c%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M4%207H20C23%207%2024%203.5%2026.5%204.5%22/%3E%3Cpath%20d%3D%22M60%207H44C41%207%2040%203.5%2037.5%204.5%22/%3E%3C/g%3E%3Cpath%20d%3D%22M32%201.5l5.5%205.5-5.5%205.5-5.5-5.5z%22%20fill%3D%22%23c9a45c%22/%3E%3Cpath%20d%3D%22M32%204.5l2.5%202.5-2.5%202.5-2.5-2.5z%22%20fill%3D%22%23f7f1e3%22/%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%229.5%22%20r%3D%221%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%229.5%22%20r%3D%221%22%20fill%3D%22%23c9a45c%22/%3E%3C/svg%3E") center 4px/54px 12px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2014%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c9a45c%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M4%207H20C23%207%2024%203.5%2026.5%204.5%22/%3E%3Cpath%20d%3D%22M60%207H44C41%207%2040%203.5%2037.5%204.5%22/%3E%3C/g%3E%3Cpath%20d%3D%22M32%201.5l5.5%205.5-5.5%205.5-5.5-5.5z%22%20fill%3D%22%23c9a45c%22/%3E%3Cpath%20d%3D%22M32%204.5l2.5%202.5-2.5%202.5-2.5-2.5z%22%20fill%3D%22%23f7f1e3%22/%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%229.5%22%20r%3D%221%22%20fill%3D%22%23c9a45c%22/%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%229.5%22%20r%3D%221%22%20fill%3D%22%23c9a45c%22/%3E%3C/svg%3E") center bottom 4px/54px 12px no-repeat}
.wvc .pcard.pback{position:relative}
.wvc .pcard.pback::after{content:'';position:absolute;inset:3px;border:1px solid rgba(212,175,55,.55);border-radius:6px;pointer-events:none}
.wvc .pcard b.tl,.wvc .pcard b.br{color:#1f5a41!important}
.wvc .pcard b.tl{left:7px;top:6px;font-size:12px}.wvc .pcard b.br{right:7px;bottom:6px;font-size:12px}
.wvc.c2{width:62px;height:88px;margin:-44px 0 0 -31px;z-index:2}   /* 11-12j 로비처럼 양옆(58×82)보다 살짝만 크게 (11-12h 68×96은 너무 컸음) */
.wvc.c2 .pcard .mas,.wvc.c2 .pcard .mas .avg,.wvc.c2 .pcard .mas svg{width:38px!important;height:38px!important}
.wvc.c2 .pcard span{font-size:6px}

/* 11-12j 대기 화면 내 자리 아이콘: 금테가 로비 프로필보다 작아 보여서 칸(44px)을 거의 채우게 36 → 41px */
.qmseats>span .avi.sm{width:41px!important;height:41px!important}
.qmseats>span .avi.sm .avg{width:100%!important;height:100%!important}

/* 11-12p 모험 발판 테두리: 빛나는 테(D) + 한 바퀴 도는 빛줄기(E) · 점선 대신 */
.advpsv .pdcomet{animation:pdComet 3.6s linear infinite}
@keyframes pdComet{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@media (prefers-reduced-motion:reduce){.advpsv .pdcomet{animation:none}}
/* 11-12q 8·9·10장 보스는 그림이 커서 BOSS 표가 머리를 가림 → 위로 */
.advexp .advnd.fig[data-advs="8-10"] .advelt.bs,.advexp .advnd.fig[data-advs="9-10"] .advelt.bs,.advexp .advnd.fig[data-advs="10-10"] .advelt.bs{top:-27px!important}
/* 11-12q 10-10 별빛 후광 */
.advhalo{position:absolute;left:50%;bottom:16px;width:108px;height:136px;transform:translateX(-50%);z-index:-1;pointer-events:none}
.advhalo svg{width:100%;height:100%;display:block;overflow:visible}
.advhalo .hc{animation:pdComet 4.2s linear infinite}.advhalo .hc.r{animation-duration:6s;animation-direction:reverse}
.advhalo .hs{transform-box:fill-box;transform-origin:center;animation:haloTw 1.8s ease-in-out infinite alternate}
@keyframes haloTw{from{opacity:.35;transform:scale(.7)}to{opacity:1;transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){.advhalo .hc,.advhalo .hs{animation:none}}

/* 11-12t 상점 다시 짜기: 탭은 위에 4×2 · 상품은 화면 폭을 다 써서 넓게 (사용자: 왼쪽 세로 탭은 답답함) */
.shlay.shtop{display:block}
.shlay.shtop .shside{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;margin:0 0 12px;border-radius:16px;background:linear-gradient(180deg,#132a20,#0a1611);border:1px solid rgba(201,164,92,.35);box-shadow:inset 0 1px 0 rgba(255,236,170,.08),0 4px 12px rgba(0,0,0,.35)}
.shlay.shtop .shside button{flex-direction:column;justify-content:center;gap:3px;min-height:64px;padding:7px 2px 6px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.12));border:1px solid rgba(201,164,92,.18);transition:transform .12s,border-color .2s,background .2s}
.shlay.shtop .shside button:active{transform:scale(.96)}
.shlay.shtop .shside button b{font-size:11.5px;color:#d9cfa6}
.shlay.shtop .shside .asic{width:34px;height:34px;display:grid;place-items:center;border-radius:50%}
.shlay.shtop .shside button.on{background:linear-gradient(180deg,rgba(242,215,122,.26),rgba(201,150,47,.1));border-color:#f0d98a;box-shadow:0 0 0 1px rgba(240,217,138,.35),0 0 14px rgba(240,217,138,.28)}
.shlay.shtop .shside button.on b{color:#fff1c4}
.shlay.shtop .shside button.on::after{content:'';position:absolute;left:50%;bottom:-7px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:#0a1611;border-right:1px solid rgba(201,164,92,.35);border-bottom:1px solid rgba(201,164,92,.35);display:none}
.shlay.shtop .shmain{padding:2px 2px 0}
.shlay.shtop .shhd{margin:2px 4px 12px;min-height:44px}
.shlay.shtop .shhd .shht b{font-size:17px}
.shlay.shtop .shhd .shht small{font-size:12px}
/* 다이아 · 나침반: 2칸 · 그림 크게 */
.shlay.shtop .shmain .dgr{gap:10px}
.shlay.shtop .shmain .dgr .dpk{padding:16px 10px 12px;border-radius:18px}
.shlay.shtop .shmain .dgr .dpk .dart{width:112px!important;height:96px!important;margin:6px auto 4px!important}
.shlay.shtop .shmain .dgr .dpk .dnm{font-size:13px}
.shlay.shtop .shmain .dgr .dpk .btn{min-height:42px}
.shlay.shtop .shmain .advpks.pkbig .advpk2 .dart.advart,.shlay.shtop .shmain .advpks.pkbig .advpk2.best .dart.advart{width:104px!important;height:94px!important}
.shlay.shtop .shmain .advpks.pkbig .advpk2 .advpa.img,.shlay.shtop .shmain .advpks.pkbig .advpk2 .advpa.img img{width:104px!important;height:104px!important}
/* 아이콘 · 프레임: 3칸 넉넉하게 · 카드덱 · 테이블: 2칸 크게 */
.shlay.shtop .shmain .sgrid{gap:10px!important}
.shlay.shtop .shmain .sit{padding:14px 6px 10px;gap:7px;border-radius:16px;background:radial-gradient(120% 70% at 50% 0,rgba(240,217,138,.08),#0c1713 70%)}
.shlay.shtop .shmain .sit b{font-size:12.5px}
.shlay.shtop .shmain .sit .btn{font-size:12.5px;min-height:36px;width:92%}
.shlay.shtop.st-profile .shmain .sit .avi.sm{width:72px!important;height:72px!important}
.shlay.shtop.st-card .shmain .sgrid,.shlay.shtop.st-table .shmain .sgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.shlay.shtop.st-card .shmain .sit .cth,.shlay.shtop.st-table .shmain .sit .cth{transform:scale(1.18);margin:10px 0 12px}

/* 11-12v 랭킹 대기: 16자리 = 예선 테이블 4개(4자리씩) */
.cupseats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;max-width:300px;margin:4px auto 2px}
.cupseats .cupt{display:flex;justify-content:center;gap:5px;padding:6px 4px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid rgba(201,164,92,.22)}
.cupseats i{width:28px;height:28px;border-radius:50%;border:1.5px dashed rgba(201,164,92,.4);display:grid;place-items:center;overflow:hidden;box-sizing:border-box;font-style:normal;transition:border-color .3s,box-shadow .3s}
.cupseats i.on{border-style:solid;border-color:#f0d98a;background:radial-gradient(circle at 40% 35%,#24563c,#0c1d15);box-shadow:0 0 8px rgba(240,217,138,.35);animation:cupPop .35s ease-out}
.cupseats i b{color:#f0d98a;font-size:12px;font-weight:900}
.cupseats i.me{width:30px;height:30px;border-width:2px}
.cupseats i .avi.sm{width:26px!important;height:26px!important;margin:0!important;border-radius:50%!important;border:0!important;background:none!important}
@keyframes cupPop{from{transform:scale(.6)}to{transform:scale(1)}}
.cupwv .qmn .cupn{color:#f0d98a;font-size:18px}
/* ===== 11-13a 간소화 튜토리얼 3단계 (.qtut) + 화면 위 안내 (.qcoach) ===== */
.qtut{position:fixed;inset:0;z-index:90;overflow:auto;background:radial-gradient(120% 70% at 50% 0,#1d4a37,#0b1813 62%,#07100c);color:#f1e9d6;animation:pop2 .25s}
.qtut.out{opacity:0;transition:opacity .2s}
.qtin{max-width:460px;min-height:100%;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px))}
.qttop{display:flex;align-items:center;gap:10px}
.qtstep{font:800 13px Cinzel,Georgia,serif;letter-spacing:.08em;color:#f0d98a;white-space:nowrap}
.qtbar{flex:1;display:flex;gap:5px}.qtbar i{flex:1;height:5px;border-radius:3px;background:rgba(240,217,138,.18)}.qtbar i.on{background:linear-gradient(90deg,#f6e2a8,#d4a62a);box-shadow:0 0 8px rgba(240,200,90,.45)}
.qtskip{background:none;border:1px solid rgba(240,217,138,.35);color:#d8ccb0;border-radius:999px;padding:5px 12px;font:700 13px inherit;font-family:inherit}
.qtlead{margin:0;text-align:center;font-size:13px;color:#b9cdbf}
.qtcard{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:14px;padding:18px 14px;border-radius:22px;background:linear-gradient(180deg,rgba(24,62,45,.92),rgba(10,28,20,.95));border:2px solid rgba(212,175,55,.75);box-shadow:inset 0 0 0 1px rgba(255,240,190,.12),0 10px 30px rgba(0,0,0,.45)}
.qtcard.in{animation:qtIn .32s ease-out}@keyframes qtIn{from{opacity:0;transform:translateY(10px)}}
.qtcard h2{margin:0;text-align:center;font-size:clamp(24px,7.4vw,32px);font-weight:900;background:linear-gradient(#fff3c4,#d4a62a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.qtd{margin:0;text-align:center;font-size:15px;line-height:1.55;color:#ece4cf}.qtd b{color:#f6e2a8}.qtd .qg,.qg{color:#7ee0a5}
.qtend{margin:2px 0 0;text-align:center;font-weight:800;font-size:15px;color:#f0d98a}
.qtv{display:flex;flex-direction:column;gap:8px}
.qtv .c.md{width:38px;height:52px;font-size:20px}.qtv .run{display:inline-flex}
.qtrow{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(0,0,0,.28);border:1.5px solid rgba(240,217,138,.2)}
.qtrow.win{border-color:#d4af37;background:linear-gradient(90deg,rgba(212,175,55,.2),rgba(0,0,0,.2));box-shadow:0 0 16px rgba(212,175,55,.25)}
.qtrow.lose{opacity:.75}
.qtcs{flex:1;display:flex;gap:6px;flex-wrap:wrap}
.qtsc{text-align:center;min-width:46px}.qtsc small{display:block;font-size:11px;color:#b9c7b9}.qtsc b{font-size:26px;font-weight:900;color:#f6e2a8}.qtrow.lose .qtsc b{color:#ff8e7a}
.qtbadge{position:absolute;top:-10px;right:10px;font:800 11px Cinzel,Georgia,serif;padding:2px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:3px}.qtbadge svg{width:12px;height:12px}
.qtbadge.w{background:linear-gradient(#fff0b8,#d4a62a);color:#3a2a06}.qtbadge.l{background:#5a2620;color:#ffc9bd}
.qtvs{align-self:center;font:800 13px Cinzel,Georgia,serif;color:#9fb3a5;letter-spacing:.2em}
.qt2{flex-direction:row;gap:10px}
.qtcol{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:16px;background:rgba(0,0,0,.26);border:1.5px solid rgba(240,217,138,.22)}
.qtcol.tk{border-color:rgba(126,224,165,.55)}.qtcol.ps{border-color:rgba(240,217,138,.55)}
.qth{font-weight:900;font-size:16px;color:#f6e2a8;text-align:center}.qtcol.tk .qth{color:#7ee0a5}
.qtstk{display:flex;flex-direction:column;align-items:center;gap:4px}
.qtarr{font-size:14px;color:#d4af37;display:flex;align-items:center;gap:6px}
.qtres{display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:800;font-size:14px}.qtres .r{color:#ff9d88}.qtres .g{color:#f0d98a}
.qtcol p{margin:0;text-align:center;font-size:12px;line-height:1.45;color:#c9d3c8}
.qtcoin{display:inline-flex;align-items:center;gap:3px;font-weight:900;color:#f6e2a8}.qtcoin .cn{position:relative;display:inline-block;width:20px;height:20px}.qtcoin b{font-size:15px}
.qtbox{padding:12px;border-radius:16px;background:rgba(0,0,0,.26);border:1.5px solid rgba(240,217,138,.22);display:flex;flex-direction:column;gap:8px}
.qtbox .qth{font-size:14px}
.qteq{display:flex;align-items:center;justify-content:center;gap:8px}.qteq>i{font-style:normal;font-weight:900;font-size:20px;color:#d4af37}
.qtk{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:58px;height:58px;border-radius:14px;background:rgba(255,255,255,.06);border:1.5px solid rgba(240,217,138,.3)}
.qtk small{font-size:11px;color:#b9c7b9}.qtk b{font-size:22px;font-weight:900;color:#f1e9d6}.qtk.f{border-color:#d4af37;background:rgba(212,175,55,.16)}.qtk.f b{color:#f6e2a8}
.qtwarn{align-self:center;display:flex;align-items:center;gap:6px;font-size:13px;color:#ffb3a3;padding:4px 10px;border-radius:999px;background:rgba(120,30,20,.35)}.qtwarn b{color:#ff8e7a}
.qtrun{display:flex;gap:5px}.qtrun>span{position:relative;display:inline-flex;border-radius:8px}.qkeep{box-shadow:0 0 0 2.5px #7ee0a5,0 0 14px rgba(126,224,165,.7)}.qoff{opacity:.55}.qoff::after{content:'';position:absolute;left:10%;right:10%;top:48%;height:3px;border-radius:2px;background:#ff8e7a;transform:rotate(-22deg)}
.qtnote{margin:0;text-align:center;font-size:13px;color:#c9d3c8}.qtnote b{color:#7ee0a5}
.qtfoot{display:flex;gap:8px;position:sticky;bottom:0}.qtprev{flex:0 0 56px;height:52px}.qtnext{flex:1;height:52px;font-size:17px}
.qtfoot .btn:disabled{opacity:.35}
.qcoach{position:fixed;inset:0;z-index:92}
.qcdim{position:absolute;inset:0}
.qcring{position:absolute;border-radius:16px;pointer-events:none;box-sizing:border-box}
.qcring.main{border:3px solid #f0d98a;box-shadow:0 0 18px rgba(240,200,90,.8),inset 0 0 12px rgba(240,200,90,.35);animation:qcPulse 1.4s ease-in-out infinite}
.qcring.main.nudge{animation:qcNudge .4s}
.qcring.sub{border:2px dashed rgba(240,217,138,.6)}
@keyframes qcPulse{50%{box-shadow:0 0 30px rgba(240,200,90,1),inset 0 0 16px rgba(240,200,90,.5);transform:scale(1.03)}}
@keyframes qcNudge{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.qcarrow{position:absolute;transform:translateX(-50%);font-size:30px;color:#f0d98a;text-shadow:0 0 10px rgba(240,200,90,.9);pointer-events:none;animation:qcBob .9s ease-in-out infinite}
@keyframes qcBob{50%{margin-top:8px}}
.qctag{position:absolute;transform:translateY(-50%);max-width:160px;font-size:12px;font-weight:700;color:#f6e2a8;background:rgba(10,28,20,.92);border:1px solid rgba(240,217,138,.5);border-radius:10px;padding:5px 9px;pointer-events:none}
.qcbub.up{top:auto!important}.qcbub.dn{bottom:auto!important;height:auto}
.qcbub{position:absolute;left:50%;transform:translateX(-50%);width:min(340px,calc(100vw - 32px));display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:18px;background:linear-gradient(180deg,#1b4634,#0d2219);border:2px solid #d4af37;box-shadow:0 12px 30px rgba(0,0,0,.6);box-sizing:border-box}
.qcmas{flex:0 0 52px;width:52px;height:52px}.qcmas svg{width:100%;height:100%}
.qcbub b{display:block;font-size:16px;color:#f6e2a8;margin-bottom:4px}.qcbub p{margin:0;font-size:14px;line-height:1.5;color:#ece4cf}.qcbub p b{display:inline;font-size:inherit;margin:0}
.qclater{margin-top:8px;background:none;border:none;color:#9fb3a5;font:600 12px inherit;font-family:inherit;text-decoration:underline;padding:0}
/* ===== 11-13c 플레이형 튜토리얼 (.tco 안내 · .tcap 위 자막 · .tprep 준비 연출) ===== */
.tco{position:fixed;inset:0;z-index:96}
.tcbub{position:absolute;left:50%;transform:translateX(-50%);width:min(350px,calc(100vw - 28px));display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:18px;background:linear-gradient(180deg,#1b4634,#0d2219);border:2px solid #d4af37;box-shadow:0 12px 30px rgba(0,0,0,.6);box-sizing:border-box;animation:tcIn .3s ease-out}
@keyframes tcIn{from{opacity:0;margin-top:12px}}
.tcl{position:absolute;inset:0}
.tcbub.top{top:calc(70px + env(safe-area-inset-top,0px))}.tcbub.bottom{bottom:calc(24px + env(safe-area-inset-bottom,0px))}.tcbub.center{top:50%;transform:translate(-50%,-50%)}
.tcbub>div{flex:1;min-width:0}.tcbub b{display:block;font-size:16px;color:#f6e2a8;margin-bottom:4px}.tcbub p{margin:4px 0 0;font-size:14px;line-height:1.5;color:#ece4cf}.tcbub p b{display:inline;font-size:inherit;margin:0}
.tcnx{margin-top:10px;width:100%;height:42px;font-size:15px}
.tcskip{display:block;margin:8px auto 0;background:none;border:none;color:#9fb3a5;font:600 12px inherit;font-family:inherit;text-decoration:underline;padding:0}
.tcmp{display:flex;flex-direction:column;gap:5px;margin:6px 0 2px}
.tcmp>div{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;background:rgba(0,0,0,.28);border:1px solid rgba(240,217,138,.2)}
.tcmp>div.w{border-color:#d4af37;background:linear-gradient(90deg,rgba(212,175,55,.25),rgba(0,0,0,.2))}
.tcmp>div>b{display:inline;margin:0;font-size:13px;min-width:28px}.tcmp span{flex:1;font-size:13px;color:#ece4cf}.tcmp em{display:flex}.tcmp i{font-style:normal;font-weight:900;color:#f6e2a8;min-width:36px;text-align:right}
.tceq{display:flex;align-items:center;gap:4px;margin:6px 0}.tceq i{font-style:normal;font-weight:900;color:#d4af37;margin:0 4px}.tceq>b{display:inline;margin:0;font-size:20px}
.tceq .c:not(:first-child){opacity:.55}
.tcap{position:fixed;z-index:97;left:50%;top:calc(64px + env(safe-area-inset-top,0px));transform:translateX(-50%);width:min(360px,calc(100vw - 24px));display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;background:rgba(10,30,22,.94);border:1.5px solid rgba(212,175,55,.8);box-shadow:0 8px 20px rgba(0,0,0,.5);pointer-events:none;box-sizing:border-box}
.tcap.in{animation:tcIn .3s ease-out}.tcap .qcmas{flex:0 0 34px;width:34px;height:34px}.tcap p{margin:0;font-size:13.5px;line-height:1.45;color:#ece4cf}.tcap b{color:#f6e2a8}
.tprep{position:fixed;z-index:95;width:0;height:0;pointer-events:none}
.tprep .tpc{position:absolute;left:-15px;top:-21px;transition:transform .9s cubic-bezier(.5,0,.3,1),opacity .9s;transform:translate(calc(var(--k)*.4px),calc(var(--k)*-.6px))}
.tprep.shuf .tpc{animation:tpShuf .5s ease-in-out infinite alternate;animation-delay:calc(var(--k)*-.07s)}
@keyframes tpShuf{from{transform:translate(-26px,calc(var(--k)*-.6px)) rotate(-8deg)}to{transform:translate(26px,calc(var(--k)*-.6px)) rotate(8deg)}}
.tprep.away .tpc{transform:translate(calc(42vw + var(--k)*1px),calc(-38vh + var(--k)*-1px)) rotate(30deg) scale(.6);opacity:0;transition-delay:calc(var(--k)*.05s)}
.stnote.sttut{color:#f6e2a8;font-weight:800}
/* ===== 11-13f 말풍선 세트 그림 (제미나이 · plan/bub/src · 오리기 tools/asset-scripts/bub-cut.py) =====
   몸통 = border-image 9조각(모서리 장식은 그대로 · 가운데만 늘어남) · 꼬리 = ::after 그림 · 기본(.bub / .mb.sk-base · sk-more)은 나무·금테 양피지 */
.bub:not(.emo),.mb{border-style:solid!important;border-width:0!important;border-color:transparent!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  border-image:url("../img/bub/base_body.webp") 55 91 55 91 fill / 17px 28px / 0 stretch!important;padding:10px 20px 11px!important;min-height:40px;min-width:62px;box-sizing:border-box;
  color:#4a2f12!important;text-shadow:none!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));display:inline-flex;align-items:center;justify-content:center}
.bub:not(.emo)::after,.mb::after{content:""!important;position:absolute;left:50%;bottom:-10px;top:auto;width:15px;height:14px;margin:0 0 0 -7.5px;border:0!important;background:url("../img/bub/base_tail.webp") center/contain no-repeat;transform:none}
.mb::after{left:26px}
.bub:not(.emo)::before,.mb::before{content:none!important}
.bub.bside:not(.emo)::after{left:-11px;top:50%;bottom:auto;margin:-7px 0 0;transform:rotate(90deg)}
.bub.sk-leaf,.mb.sk-leaf{border-image:url("../img/bub/leaf_body.webp") 50 70 62 97 fill / 19px 28px 24px 38px / 0 stretch!important;color:#24522f!important;padding:11px 26px 12px 32px!important;min-height:46px}
.bub.sk-leaf::after,.mb.sk-leaf::after{background-image:url("../img/bub/leaf_tail.webp")}
.bub.sk-cloud,.mb.sk-cloud{border-image:url("../img/bub/cloud_body.webp") 30 125 96 112 fill / 10px 44px 34px 39px / 0 stretch!important;color:#3b5c93!important;padding:11px 30px 13px!important;min-width:90px;min-height:46px}
.bub.sk-cloud::after,.mb.sk-cloud::after{background-image:url("../img/bub/cloud_tail.webp")}
.bub.sk-gold,.mb.sk-gold{border-image:url("../img/bub/gold_body.webp") 64 56 64 56 fill / 20px 17px / 0 stretch!important;color:#f3d58a!important;padding:10px 24px 11px!important;text-shadow:0 1px 2px rgba(0,0,0,.6)!important}
.bub.sk-gold::after,.mb.sk-gold::after{background-image:url("../img/bub/gold_tail.webp")}
.bub.sk-leaf,.bub.sk-cloud,.bub.sk-gold,.mb.sk-leaf,.mb.sk-cloud,.mb.sk-gold{white-space:nowrap!important;max-width:none!important}   /* 세트 장식은 세로로 늘면 찌그러져서 한 줄로 */
/* 11-13g 말풍선 글꼴 · 색 (Jua·Black Han Sans는 굵기 1개뿐 → font-synthesis:none으로 가짜 굵게 막고, 글꼴을 못 받으면 Noto Sans KR 굵게로 · 제미나이 제안 · 구글 폰트: 명조 Noto Serif KR 900 · 동글 Jua · 굵은 Black Han Sans · 일본어/중국어는 기본 글꼴로) */
.bub:not(.emo),.mb{font-family:'Noto Serif KR','Noto Sans KR',serif!important;font-weight:900!important;color:#2B1B10!important}
.bub.sk-leaf,.mb.sk-leaf{font-family:'Jua','Noto Sans KR',sans-serif!important;font-weight:700!important;font-synthesis:none;color:#154726!important;text-shadow:0 1px 0 #e6fff0!important}
.bub.sk-cloud,.mb.sk-cloud{font-family:'Jua','Noto Sans KR',sans-serif!important;font-weight:700!important;font-synthesis:none;color:#1C3B64!important;text-shadow:0 1px 0 #fff!important}
.bub.sk-gold,.mb.sk-gold{font-family:'Black Han Sans','Noto Sans KR',sans-serif!important;font-weight:900!important;font-synthesis:none;color:#F6D77A!important;text-shadow:0 1.5px 2px #000!important;letter-spacing:.3px}
/* 새 세트 그림 (아직 상점에 없음 · 세트가 생기면 sk-jelly / sk-baron 으로 바로 씀) */
.bub.sk-jelly,.mb.sk-jelly{border-image:url("../img/bub/jelly_body.webp") 45 50 72 112 fill / 15px 17px 24px 37px / 0 stretch!important;padding:10px 22px 12px 28px!important;min-height:44px;font-family:'Jua','Noto Sans KR',sans-serif!important;font-weight:700!important;font-synthesis:none;color:#6E1437!important;text-shadow:0 1px 0 #fff!important;white-space:nowrap!important;max-width:none!important}
.bub.sk-jelly::after,.mb.sk-jelly::after{background-image:url("../img/bub/jelly_tail.webp")}
.bub.sk-baron,.mb.sk-baron{border-image:url("../img/bub/baron_body.webp") 64 106 64 106 fill / 21px 34px / 0 stretch!important;padding:10px 34px 11px!important;min-height:44px;min-width:100px;font-family:'Noto Serif KR','Noto Sans KR',serif!important;font-weight:900!important;color:#FFE89E!important;
  text-shadow:1px 0 0 #1B0A0E,-1px 0 0 #1B0A0E,0 1px 0 #1B0A0E,0 -1px 0 #1B0A0E,0 2px 3px rgba(0,0,0,.6)!important;white-space:nowrap!important;max-width:none!important}
.bub.sk-baron::after,.mb.sk-baron::after{background-image:url("../img/bub/baron_tail.webp");height:16px}
/* ===== 11-13i 그림 프레임 (.frimg · FR_IMG) — 구멍(그림의 58%)이 아이콘 자리에 오게 키워서 겹쳐요 · 그림이 있으면 예전 테두리 선은 숨김 ===== */
.frimg{position:absolute;left:50%;top:50%;width:var(--frw,128%);height:var(--frw,128%);transform:translate(-50%,-50%);pointer-events:none;z-index:3}
.frimg img{width:100%!important;height:100%!important;display:block;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;max-width:none!important;max-height:none!important;object-fit:fill!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}   /* 11-13j 상점(.shbox img 여백 8px·테두리)처럼 바깥 img 규칙이 끼어들지 않게 */
.emf:has(>.frimg),.av2:has(.frimg),.pav:has(>.frimg){border-color:transparent!important;box-shadow:none!important;background:none!important}
/* ===== 11-13k 그림 프레임 안 아이콘: 동그란 금테 2줄 빼고 · 구멍(74%)을 원판과 같은 짙은 초록으로 채우고 · 원판이 구멍만큼 크게(원판=그림의 78% → 95%) ===== */
.emf:has(>.frimg),.av2:has(>.frimg),.pav:has(>.frimg),.seat .av:has(>.frimg){border-color:transparent!important;box-shadow:none!important;background:none!important}
.emf:has(>.frimg)::before,.av2:has(>.frimg)::before,.pav:has(>.frimg)::before,.seat .av:has(>.frimg)::before{content:'';position:absolute;inset:0;margin:auto;width:76%;height:76%;border-radius:16%;background:radial-gradient(circle at 50% 40%,#1f3a2b,#16291f 75%);z-index:0;pointer-events:none}
.emf:has(>.frimg)>.avg,.av2:has(>.frimg)>.avg,.pav:has(>.frimg)>.avg,.seat .av:has(>.frimg)>.avg{position:absolute!important;inset:0;margin:auto;width:95%!important;height:95%!important;z-index:1}
.emf:has(>.frimg)>.avs,.av2:has(>.frimg)>.avs,.pav:has(>.frimg)>.avs,.seat .av:has(>.frimg)>.avs{position:relative;z-index:1}
:is(.emf,.av2,.pav,.seat .av):has(>.frimg)>.avg svg>circle{display:none}
/* 11-13p 온라인 먹기 즉시 반응: 서버 답을 기다리는 동안 가운데 카드 숨김 (카드는 이미 내 자리로 날아감) */
html.opttk #offer .c.big{visibility:hidden!important}
/* ===== 11-13q 로비 · 매칭 다듬기 =====
   ① 로비 왼쪽 위 그림 프레임 조금 크게 (128% → 140% · 구멍 채움 · 아이콘도 같이 키워 원판 = 구멍) */
.av2:has(>.frimg)>.frimg{--frw:140%}
.av2:has(>.frimg)::before{width:83%!important;height:83%!important}
.av2:has(>.frimg)>.avg{width:104%!important;height:104%!important}
/* ② 티어 엠블럼 리본과 Lv 글자 사이 띄우기 · 첫 칸을 조금 넓게 (Lv.99도 리본 · 구분선에 안 닿게) */
.lvrow2.one .lvg .lvl{margin-left:5px!important}
.hcol2 .lvrow2.one>em.lvbox{grid-template-columns:minmax(0,1.15fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)!important}
/* ③ 매칭 자리 아이콘: 그림 속 금테 2줄 숨김 (자리 원 테두리와 겹쳐 보이던 것) */
.qmseats .avg svg>circle{display:none}
/* ④ 매칭 가운데 카드 위아래 장식선: 작은 카드(62px)에 맞게 짧게 (54 → 26px · 모서리 7에 안 닿게) */
.wvc .pcard:not(.pback)::after{background-size:15px 15px,15px 15px,26px 6px,26px 6px!important}
/* ===== 11-13r 잠긴 모험 칸: 몬스터를 미리 보여 주고(살짝 흐릿) 자물쇠는 구석에 (예전엔 까만 그림자 + 가운데 자물쇠라 몬스터가 안 보였음) ===== */
.advexp .advnd.lock .advnc .advav{filter:blur(1.1px) brightness(.72) saturate(.6)!important;opacity:1!important}
.advexp .advnd.lock .advlk{left:auto!important;top:auto!important;right:-5px!important;bottom:-5px!important;transform:none!important;width:21px!important;height:21px!important;background:rgba(32,22,8,.92)!important;border-color:#d8bd7a!important;z-index:4}
.advexp .advnd.lock .advlk svg{width:10px!important;height:10px!important}
.advexp .advnd.lock.fig .advfig{filter:blur(.9px) brightness(.8) saturate(.7) drop-shadow(0 6px 9px rgba(0,0,0,.7))!important}
.advexp .advnd.lock.fig .advlk{right:6%!important;bottom:4px!important;width:24px!important;height:24px!important}
.advexp .advnd.lock.fig .advlk svg{width:12px!important;height:12px!important}
/* ===== 11-14a 모험 지도 발견 지점 (보물 상자 · 비밀 장소) ===== */
.advpoi{position:absolute;width:48px;height:48px;margin:-24px 0 0 -24px;padding:0;border:0;background:none;z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent}
.advpoi::before{content:'';position:absolute;inset:-6px;border-radius:50%}   /* 누르는 자리 넉넉히 (60px) */
.advpoic{display:block;width:100%;height:100%;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}
.advpoic svg,.advpoic img{width:100%;height:100%;display:block}
.advpoi.lock .advpoic{filter:grayscale(.7) brightness(.55) drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.advpoi.hide .advpoic{opacity:.62;filter:blur(.4px) drop-shadow(0 0 6px rgba(160,255,200,.35))}
.advpoi.ready .advpoic{animation:advpoiG 1.8s ease-in-out infinite}
.advpoi.ready::after{content:'';position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(255,230,140,.45),transparent 65%);pointer-events:none;animation:advpoiH 1.8s ease-in-out infinite;z-index:-1}
.advpoi.open .advpoic{opacity:.68;filter:saturate(.6) drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.advpoi.sel .advpoic{filter:drop-shadow(0 0 0 #fff) drop-shadow(0 0 7px rgba(255,236,160,.95))}
.advpoi .advlk{right:-2px;bottom:-2px;width:18px;height:18px}
.advpoi .advrd{position:absolute;top:0;right:0;width:11px;height:11px}
.advpoi .advpok{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:#2e7d4f;border:1.5px solid #c9f7da;color:#fff;font:900 11px/15px sans-serif;font-style:normal;text-align:center}
@keyframes advpoiG{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes advpoiH{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
html.lite .advpoi.ready .advpoic,html.lite .advpoi.ready::after{animation:none}
@media (prefers-reduced-motion:reduce){.advpoi.ready .advpoic,.advpoi.ready::after{animation:none}}
.advfdc{display:inline-flex;align-items:center;gap:2px;margin-left:7px;font-style:normal;font-size:.9em}
.advfdc svg{width:17px;height:17px}
.advpn.poi .advpt b{display:inline-flex;align-items:center;gap:6px}
.advpti{display:inline-block;width:26px;height:26px}.advpti svg,.advpti img{width:100%;height:100%}
.advfrw{display:inline-flex;align-items:center;gap:4px}.advfrw .advcp{width:16px;height:16px}.advfrw svg,.advfrw img{width:16px;height:16px}
.advpoid{margin:6px 2px 2px;font-size:13px;line-height:1.4;color:#f1e6c8}
.advpoin{margin:0 2px 8px;font-size:11px;color:#b9b099}
.advfpop .pvbox{text-align:center}.advfpi{width:96px;height:96px;margin:4px auto 2px;animation:advpoiG 1.2s ease-in-out 2}.advfpi svg{width:100%;height:100%}
.advfprw{display:flex;align-items:center;justify-content:center;gap:6px;font-size:17px;margin:6px 0 12px}.advfprw .advcp,.advfprw svg,.advfprw img{width:22px;height:22px}
/* 11-14b 발견 지점: 그림을 못 불러오면 SVG로 · 짧은 빛 효과(1.2초 한 번) · 화면이 숨으면 멈춤 */
.advpoic img~svg,.advpti img~svg{display:none}
.advfpi{position:relative}
.advfburst{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,170,.85),rgba(255,210,90,.35) 40%,transparent 68%);opacity:0;animation:advfB 1.2s ease-out 1;pointer-events:none}
@keyframes advfB{0%{opacity:0;transform:scale(.3)}25%{opacity:1}100%{opacity:0;transform:scale(1.25)}}
.advfpn{margin:-2px 0 4px;color:#e9d9a7;font-weight:800}
html.dochid .advpoi .advpoic,html.dochid .advpoi::after,html.dochid .advfburst{animation-play-state:paused!important}
html.lite .advfburst{animation:none}
@media (prefers-reduced-motion:reduce){.advfburst{animation:none}}
/* ===== 11-14c 발견 오브젝트 그림 (제미나이 · 모험 지도에서만 받음) ===== */
.advfimg{display:block;width:100%;height:100%;background:center/contain no-repeat}
.f-chest_lock{background-image:url("../img/adv/find/chest_lock.webp")}
.f-chest_ready{background-image:url("../img/adv/find/chest_ready.webp")}
.f-chest_open{background-image:url("../img/adv/find/chest_open.webp")}
.f-crate_lock{background-image:url("../img/adv/find/crate_lock.webp")}
.f-crate_ready{background-image:url("../img/adv/find/crate_ready.webp")}
.f-crate_open{background-image:url("../img/adv/find/crate_open.webp")}
.f-pouch_lock{background-image:url("../img/adv/find/pouch_lock.webp")}
.f-pouch_ready{background-image:url("../img/adv/find/pouch_ready.webp")}
.f-pouch_open{background-image:url("../img/adv/find/pouch_open.webp")}
.f-royal_lock{background-image:url("../img/adv/find/royal_lock.webp")}
.f-royal_ready{background-image:url("../img/adv/find/royal_ready.webp")}
.f-royal_open{background-image:url("../img/adv/find/royal_open.webp")}
.f-gem_lock{background-image:url("../img/adv/find/gem_lock.webp")}
.f-gem_ready{background-image:url("../img/adv/find/gem_ready.webp")}
.f-gem_open{background-image:url("../img/adv/find/gem_open.webp")}
.f-secret_hide{background-image:url("../img/adv/find/secret_hide.webp")}
.f-secret_ready{background-image:url("../img/adv/find/secret_ready.webp")}
.f-secret_open{background-image:url("../img/adv/find/secret_open.webp")}
.advpoi{width:56px;height:56px;margin:-28px 0 0 -28px}
.advpoi.lock .advpoic:has(.advfimg){filter:brightness(.82) drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.advpoi.hide .advpoic:has(.advfimg){opacity:.85;filter:drop-shadow(0 0 6px rgba(160,255,200,.3))}
.advpoi.open .advpoic:has(.advfimg){opacity:.8;filter:saturate(.8) drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.advpti .advfimg{width:26px;height:26px}
/* ===== 11-14e 장마다 그린 지도 (1장 먼저): 그림 비율대로 · 그 장에 들어갈 때만 받음 ===== */
.advwi.mapc1{height:auto!important;aspect-ratio:1152/2064;background:#163a2a url("../img/adv/map/ch1.webp") center top/100% 100% no-repeat!important}
.advwi.mapc2{height:auto!important;aspect-ratio:1152/2064;background:#1d3f4a url("../img/adv/map/ch2.webp") center top/100% 100% no-repeat!important}
.advwi.mapc3{height:auto!important;aspect-ratio:1152/2064;background:#5d7f97 url("../img/adv/map/ch3.webp") center top/100% 100% no-repeat!important}
.advwi.mapc4{height:auto!important;aspect-ratio:1152/2064;background:#22203d url("../img/adv/map/ch4.webp") center top/100% 100% no-repeat!important}
.advwi.mapc5{height:auto!important;aspect-ratio:1152/2064;background:#4a7a5a url("../img/adv/map/ch5.webp") center top/100% 100% no-repeat!important}
.advwi.mapc6{height:auto!important;aspect-ratio:1152/2064;background:#2a4a4a url("../img/adv/map/ch6.webp") center top/100% 100% no-repeat!important}
.advwi.mapc7{height:auto!important;aspect-ratio:1152/2064;background:#c25a32 url("../img/adv/map/ch7.webp") center top/100% 100% no-repeat!important}
.advwi.mapc8{height:auto!important;aspect-ratio:1152/2064;background:#9cb6cc url("../img/adv/map/ch8.webp") center top/100% 100% no-repeat!important}
.advwi.mapc9{height:auto!important;aspect-ratio:1152/2064;background:#3a1a14 url("../img/adv/map/ch9.webp") center top/100% 100% no-repeat!important}
.advwi.mapc10{height:auto!important;aspect-ratio:1152/2064;background:#1e2160 url("../img/adv/map/ch10.webp") center top/100% 100% no-repeat!important}
.advwi[class*="mapc"]::after{background:linear-gradient(180deg,rgba(0,0,0,.42),transparent 13%,transparent 90%,rgba(0,0,0,.35))!important}
/* 위 장 정보 줄이 지도 맨 위를 덮으니 그림 위에 빈 숲(--mt)을 두고 그 아래부터 그림 · 노드 자리 = --mt + 그림 높이 × --y% (지원 안 하는 옛 브라우저는 위 비율 방식 그대로) */
@supports (width:1cqw){
.advwm:has(.advwi[class*="mapc"]){container-type:inline-size}
.advwi[class*="mapc"]{--mt:88px;--mh:calc(100cqw * 2064 / 1152);aspect-ratio:auto!important;height:calc(var(--mt) + var(--mh))!important}
.advwi.mapc1{background:url("../img/adv/map/ch1.webp") 0 var(--mt)/100% var(--mh) no-repeat,#20473f!important}
.advwi.mapc2{background:url("../img/adv/map/ch2.webp") 0 var(--mt)/100% var(--mh) no-repeat,#1d3f4a!important}
.advwi.mapc3{background:url("../img/adv/map/ch3.webp") 0 var(--mt)/100% var(--mh) no-repeat,#5d7f97!important}
.advwi.mapc4{background:url("../img/adv/map/ch4.webp") 0 var(--mt)/100% var(--mh) no-repeat,#22203d!important}
.advwi.mapc5{background:url("../img/adv/map/ch5.webp") 0 var(--mt)/100% var(--mh) no-repeat,#4a7a5a!important}
.advwi.mapc6{background:url("../img/adv/map/ch6.webp") 0 var(--mt)/100% var(--mh) no-repeat,#2a4a4a!important}
.advwi.mapc7{background:url("../img/adv/map/ch7.webp") 0 var(--mt)/100% var(--mh) no-repeat,#c25a32!important}
.advwi.mapc8{background:url("../img/adv/map/ch8.webp") 0 var(--mt)/100% var(--mh) no-repeat,#9cb6cc!important}
.advwi.mapc9{background:url("../img/adv/map/ch9.webp") 0 var(--mt)/100% var(--mh) no-repeat,#3a1a14!important}
.advwi.mapc10{background:url("../img/adv/map/ch10.webp") 0 var(--mt)/100% var(--mh) no-repeat,#1e2160!important}
.advwi[class*="mapc"]::before{content:'';position:absolute;left:0;right:0;top:0;height:var(--mt);z-index:0;pointer-events:none;background:inherit;background-position:0 0!important;transform:scaleY(-1);filter:brightness(.72)}
.advwi[class*="mapc"] .advnd,.advwi[class*="mapc"] .advpoi{top:calc(var(--mt) + var(--mh) * var(--y) / 100)!important}
}
.advwi[class*="mapc"] .advnd{scale:.88}
.advwi[class*="mapc"] .advnd.boss{scale:.8}
.advwi[class*="mapc"] .advnd.boss .advnl{top:-26px;z-index:3}
.advwi[class*="mapc"] .advnd.mid{scale:.84}
.advwi[class*="mapc"] .advnd.mid .advnl{position:relative;top:-22px;z-index:3}
/* ===== 11-14g 그린 지도 장 정리: 그림 속 발판이 곧 발판 → 코드로 그린 받침 · 길 선 · 개구리 기사 · 흐림 빼고 위계만 남김 ===== */
.advwi[class*="mapc"] .advped,.advwi[class*="mapc"] .advpth{display:none!important}
.advwi[class*="mapc"] .advtok img,.advwi[class*="mapc"] .advtok svg,.advwi[class*="mapc"] .advhalo{display:none!important}
.advwi[class*="mapc"] .advtok{animation:none!important;filter:none!important;width:0!important;height:0!important;left:50%!important;top:-4px!important;margin:0!important}
.advwi[class*="mapc"] .advnd.mid .advtok{top:-14px!important}
.advwi[class*="mapc"] .advnd.boss .advtok{top:-2px!important}
.advwi[class*="mapc"] .advbub{transform:translate(-50%,-2px);animation:none}
html.lite .advwi[class*="mapc"] .advbub{animation:none}
/* 잠긴 칸: 흐림 대신 어둡게 · 보스는 실루엣이 또렷하게 */
.advwi[class*="mapc"] .advnd.lock .advnc .advav{filter:brightness(.55) saturate(.5)!important}
.advwi[class*="mapc"] .advnd.lock.fig .advfig{filter:brightness(.5) saturate(.6) drop-shadow(0 0 2px rgba(255,220,150,.55)) drop-shadow(0 8px 8px rgba(0,0,0,.7))!important}
/* 원 아래 접지 그림자 · 번호는 짧은 검은 알약 */
.advwi[class*="mapc"] .advnd .advnc{box-shadow:0 6px 10px rgba(0,0,0,.55)}
.advwi[class*="mapc"] .advnd:not(.boss):not(.mid) .advnl{padding:0 6px!important;border-radius:7px;background:rgba(8,14,10,.62)!important;font-size:11.5px!important}
/* 별 리본은 원에 걸치고 번호는 바로 밑 (위아래 칸 이름이 섞이지 않게) */
.advwi[class*="mapc"] .advnd.done .advrib{margin-top:-8px!important;position:relative;z-index:2}
.advwi[class*="mapc"] .advnd.done:not(.boss):not(.mid) .advnl{margin-top:0!important}
.advwi[class*="mapc"] .advnd:not(.done):not(.boss):not(.mid) .advnl{margin-top:4px!important}
.advwi[class*="mapc"] .advnd.mid .advnl{top:-14px}
/* 보스: 뒤 빛줄기 · 반짝이 줄임 */
.advwi[class*="mapc"] .advnd.boss.fig::before{opacity:.3}
.advwi[class*="mapc"] .advnd.boss.fig::after{display:none}
/* 발견 지점: 그림에 묻히지 않게 어두운 바닥 + 밝은 외곽 · 비밀 장소(석문)는 조금 크게 */
.advwi[class*="mapc"] .advpoi::before{content:'';position:absolute;left:-10px;right:-10px;top:30%;bottom:-8px;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,rgba(0,0,0,.6),rgba(0,0,0,0) 70%);z-index:-1;pointer-events:none}
.advwi[class*="mapc"] .advpoi.ks{width:70px;height:70px;margin:-35px 0 0 -35px}
.advwi[class*="mapc"] .advpoi .advpoic:has(.advfimg){filter:drop-shadow(0 0 1.2px rgba(255,248,225,.95)) drop-shadow(0 5px 5px rgba(0,0,0,.7))}
.advwi[class*="mapc"] .advpoi.ks:not(.open) .advpoic:has(.advfimg){opacity:1;filter:drop-shadow(0 0 1.4px #eafff6) drop-shadow(0 0 9px rgba(70,255,200,.7)) drop-shadow(0 5px 5px rgba(0,0,0,.75))}
.advwi[class*="mapc"] .advpoi.lock .advpoic:has(.advfimg){filter:brightness(.8) drop-shadow(0 0 1.2px rgba(255,248,225,.7)) drop-shadow(0 5px 5px rgba(0,0,0,.7))}
/* 엘리트 이름표: 양옆 아이콘 빼고 작게 (보상은 아래 패널에 그대로) */
.advwi[class*="mapc"] .advnd.mid .advnl .advzap,.advwi[class*="mapc"] .advnd.mid .advnl .advprz{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;opacity:0!important;margin:0!important;padding:0!important;border:0!important}   /* display:none 이면 첫 해골 SVG의 그라디언트(#skB)가 사라져 보스 해골이 빈 원이 됨 */
.advwi[class*="mapc"] .advnd.mid .advnl{top:-4px;padding:2px 10px!important;font-size:11px!important}
.advwi[class*="mapc"] .advnd.mid.done .advrib{margin-top:-10px!important}
/* NEXT 말풍선은 지금 칸 바로 위 가운데 (기사 자리 좌우 보정 무시) */
.advexp .advwi[class*="mapc"] .advnd .advtok.kl,.advexp .advwi[class*="mapc"] .advnd .advtok.kr,.advexp .advwi[class*="mapc"] .advnd.mid .advtok.kl,.advexp .advwi[class*="mapc"] .advnd.mid .advtok.kr,.advexp .advwi[class*="mapc"] .advnd.boss .advtok.kl,.advexp .advwi[class*="mapc"] .advnd.boss .advtok.kr{left:50%!important;top:-4px!important;z-index:6}
.advexp .advwi[class*="mapc"] .advnd.mid .advtok.kl,.advexp .advwi[class*="mapc"] .advnd.mid .advtok.kr{top:-14px!important}
.advwi[class*="mapc"] .advnd.cur{z-index:4}
.advexp .advwi[class*="mapc"] .advnd.boss .advtok.kl,.advexp .advwi[class*="mapc"] .advnd.boss .advtok.kr{top:-24px!important}
/* ===== 11-14i 지도 장: 보스는 큰 원 안에 전신 · 이름표는 원 위 · 상자 · 석문도 일반 칸 크기의 원 안 ===== */
.advwi[class*="mapc"] .advnd.boss{scale:1;width:150px!important}
.advwi[class*="mapc"] .advnd.boss .advnc{width:92px!important;height:92px!important;border-radius:50%!important;overflow:visible!important;border:0!important;margin:0 auto!important;box-shadow:0 0 0 3px #2a0d06,0 0 0 5px #e8b84e,0 0 0 7px #5a1d0c,0 8px 16px rgba(0,0,0,.6),0 0 22px rgba(255,170,80,.35)!important;background:radial-gradient(circle at 50% 38%,#6a2a3a,#2a0c18 70%)!important}
.advwi[class*="mapc"] .advnd.boss .advfig{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important;scale:1!important;translate:none!important;object-fit:contain;padding:7px;box-sizing:border-box;border-radius:50%;animation:none!important}
.advwi[class*="mapc"] .advnd.boss:not(.lock) .advfig{filter:drop-shadow(0 3px 3px rgba(0,0,0,.6))!important}
.advwi[class*="mapc"] .advnd.boss.lock .advfig{filter:brightness(.62) saturate(.7) drop-shadow(0 3px 3px rgba(0,0,0,.6))!important}
.advwi[class*="mapc"] .advnd.boss .advnl{order:-1;top:0!important;margin:0 0 9px!important;padding:3px 12px!important;border-radius:9px!important;border:1.5px solid #f2c96a!important;box-shadow:0 0 0 2px #3a0f06,0 0 0 3px rgba(242,201,106,.55),0 4px 10px rgba(0,0,0,.55)!important}
.advexp .advwi[class*="mapc"] .advnd.boss .advelt.bs{top:-11px!important;left:50%!important;transform:translateX(-50%)!important;z-index:5}
.advexp .advwi[class*="mapc"] .advnd.lock.fig.boss .advlk{right:-2px!important;bottom:-2px!important}
.advexp .advwi[class*="mapc"] .advnd.boss .advtok.kl,.advexp .advwi[class*="mapc"] .advnd.boss .advtok.kr{top:-30px!important}
/* 발견 지점 = 일반 칸과 같은 원 */
.advwi[class*="mapc"] .advpoi,.advwi[class*="mapc"] .advpoi.ks{width:48px;height:48px;margin:-24px 0 0 -24px;scale:.88;border-radius:50%;background:radial-gradient(circle at 40% 32%,#3b7b58,#0f2d1f 72%);box-shadow:0 0 0 2px #ffe28a,0 6px 10px rgba(0,0,0,.55)}
.advwi[class*="mapc"] .advpoi.ks{background:radial-gradient(circle at 40% 32%,#2f7e86,#0b2a33 72%);box-shadow:0 0 0 2px #8ff5e0,0 6px 10px rgba(0,0,0,.55)}
.advwi[class*="mapc"] .advpoi.lock{box-shadow:0 0 0 2px #8d8a7e,0 6px 10px rgba(0,0,0,.55);filter:none}
.advwi[class*="mapc"] .advpoi.ready{box-shadow:0 0 0 2px #fff0b0,0 0 14px rgba(255,220,120,.85),0 6px 10px rgba(0,0,0,.55)}
.advwi[class*="mapc"] .advpoi.open{opacity:.8}
.advwi[class*="mapc"] .advpoi::before{display:none}
.advwi[class*="mapc"] .advpoi .advpoic{position:absolute;inset:4px;width:auto;height:auto}
.advwi[class*="mapc"] .advpoi .advpoic,.advwi[class*="mapc"] .advpoi.ks:not(.open) .advpoic:has(.advfimg),.advwi[class*="mapc"] .advpoi .advpoic:has(.advfimg){filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))!important;opacity:1!important}
.advwi[class*="mapc"] .advpoi.lock .advpoic:has(.advfimg){filter:grayscale(.5) brightness(.7) drop-shadow(0 2px 2px rgba(0,0,0,.6))!important}
.advwi[class*="mapc"] .advpoi .advrd{top:-3px;right:-3px}
.advwi[class*="mapc"] .advnd.boss{height:auto!important;min-height:0!important}
.advwi[class*="mapc"] .advnd.boss .advnc::before,.advwi[class*="mapc"] .advnd.boss .advnc::after{display:none!important}
.advwi[class*="mapc"] .advnd.boss::before,.advwi[class*="mapc"] .advnd.boss.fig::before{display:none!important}
.advwi[class*="mapc"] .advnd.boss.cur .advnc{box-shadow:0 0 0 3px #2a0d06,0 0 0 5px #ffe08a,0 0 0 7px #5a1d0c,0 8px 16px rgba(0,0,0,.6),0 0 26px rgba(255,214,110,.75)!important}
.advwi[class*="mapc"] .advnd.boss .advnl{padding-top:7px!important}
.advexp .advwi[class*="mapc"] .advnd.boss .advelt.bs{top:-13px!important}
.advwi[class*="mapc"] .advnd.boss .advpsv{display:none!important}
.advwi[class*="mapc"] .advnd.boss.sel .advnc{outline:2px solid rgba(255,240,190,.9);outline-offset:9px}
.advwi[class*="mapc"] .advnd.boss{box-shadow:none!important;background:none!important}
/* ===== 11-14j 원 중심을 그림 발판 중심에 (버튼 전체가 아니라 원이 기준) · 상자 1.2배 · 상자 · 보스 이중 테두리 ===== */
.advwi[class*="mapc"] .advnd.done{translate:-5.2px 4.8px}
.advwi[class*="mapc"] .advnd.lock{translate:-5.2px 4.1px}
.advwi[class*="mapc"] .advnd.mid.done,.advwi[class*="mapc"] .advnd.mid.lock{translate:-6.9px 1.7px}
.advwi[class*="mapc"] .advnd.cur:not(.boss):not(.mid){translate:-5.2px -3.2px}
.advwi[class*="mapc"] .advnd.cur.mid{translate:-6.9px -5.1px}
.advwi[class*="mapc"] .advnd.boss.cur{translate:0 -28.5px}
.advwi[class*="mapc"] .advnd.boss{translate:0 -24.5px}
.advwi[class*="mapc"] .advpoi,.advwi[class*="mapc"] .advpoi.ks{scale:1.05}
.advwi[class*="mapc"] .advpoi{box-shadow:inset 0 0 0 3px rgba(10,30,20,.85),inset 0 0 0 4.5px rgba(255,226,138,.75),0 0 0 2px #ffe28a,0 6px 10px rgba(0,0,0,.55)}
.advwi[class*="mapc"] .advpoi.ks{box-shadow:inset 0 0 0 3px rgba(6,26,32,.85),inset 0 0 0 4.5px rgba(143,245,224,.75),0 0 0 2px #8ff5e0,0 6px 10px rgba(0,0,0,.55)}
.advwi[class*="mapc"] .advpoi.lock{box-shadow:inset 0 0 0 3px rgba(20,20,16,.85),inset 0 0 0 4.5px rgba(160,156,140,.7),0 0 0 2px #8d8a7e,0 6px 10px rgba(0,0,0,.55)}
.advwi[class*="mapc"] .advpoi.ready{box-shadow:inset 0 0 0 3px rgba(10,30,20,.85),inset 0 0 0 4.5px rgba(255,240,176,.85),0 0 0 2px #fff0b0,0 0 14px rgba(255,220,120,.85),0 6px 10px rgba(0,0,0,.55)}
.advwi[class*="mapc"] .advpoi .advpoic{inset:6px}
.advwi[class*="mapc"] .advnd.boss .advnc{box-shadow:inset 0 0 0 4px #2a0c18,inset 0 0 0 6px rgba(242,201,106,.8),0 0 0 3px #2a0d06,0 0 0 5px #e8b84e,0 0 0 7px #5a1d0c,0 8px 16px rgba(0,0,0,.6),0 0 22px rgba(255,170,80,.35)!important}
.advwi[class*="mapc"] .advnd.boss.cur .advnc{box-shadow:inset 0 0 0 4px #2a0c18,inset 0 0 0 6px rgba(255,224,138,.9),0 0 0 3px #2a0d06,0 0 0 5px #ffe08a,0 0 0 7px #5a1d0c,0 8px 16px rgba(0,0,0,.6),0 0 26px rgba(255,214,110,.75)!important}
.advwi[class*="mapc"] .advnd.boss .advfig{padding:9px}
/* 엘리트 · 보스가 지금 칸이면 NEXT 말풍선 대신 금빛 번짐만 (위 칸 번호 · 머리 줄과 겹침) · 엘리트 이름표는 한 줄 */
.advwi[class*="mapc"] .advnd.mid .advbub,.advwi[class*="mapc"] .advnd.boss .advbub{display:none}
.advwi[class*="mapc"] .advnd.mid .advnl .advnlt{display:flex!important;flex-direction:row!important;gap:5px;align-items:baseline;white-space:nowrap}
.advwi[class*="mapc"] .advnd.mid .advnl{padding:2px 9px!important;line-height:1.25!important}
/* 11-14l 왕관이 그림(img)으로 바뀐 뒤 크기 규칙이 svg에만 걸려 있던 곳: 랭킹표 왕관 탭 · 승리 화면 */
.rkv img.crimg{width:16px;height:16px}
.wf-cr img.crimg{width:84px;height:84px}

/* ===== 11-14o 열기 전 보상 · 보스가 색색으로 빛나기 (2장 석문의 청록 테두리처럼) · 보상 모양마다 색 · 잠김은 은은하게 · 열 수 있으면 숨 쉬듯 ===== */
.advwi[class*="mapc"] .advpoi.s-crate{--gl:255,176,72}
.advwi[class*="mapc"] .advpoi.s-chest{--gl:255,214,106}
.advwi[class*="mapc"] .advpoi.s-gem{--gl:196,140,255}
.advwi[class*="mapc"] .advpoi.s-pouch{--gl:110,205,255}
.advwi[class*="mapc"] .advpoi.s-royal{--gl:255,138,184}
.advwi[class*="mapc"] .advpoi.s-secret{--gl:120,255,220}
.advwi[class*="mapc"] .advpoi:not(.open){box-shadow:inset 0 0 0 3px rgba(10,24,18,.85),inset 0 0 0 4.5px rgba(var(--gl),.8),0 0 0 2px rgb(var(--gl)),0 0 14px rgba(var(--gl),.7),0 6px 10px rgba(0,0,0,.55)}
.advwi[class*="mapc"] .advpoi.lock,.advwi[class*="mapc"] .advpoi.hide{box-shadow:inset 0 0 0 3px rgba(10,24,18,.85),inset 0 0 0 4.5px rgba(var(--gl),.45),0 0 0 2px rgba(var(--gl),.6),0 0 8px rgba(var(--gl),.35),0 6px 10px rgba(0,0,0,.55)}
.advwi[class*="mapc"] .advpoi::after{content:'';position:absolute;inset:-4px;border-radius:50%;pointer-events:none;box-shadow:0 0 18px 4px rgba(var(--gl),.75);opacity:0}
.advwi[class*="mapc"] .advpoi.ready::after{animation:advglw 1.8s ease-in-out infinite}
@keyframes advglw{0%,100%{opacity:.25}50%{opacity:1}}
.advwi[class*="mapc"] .advnd.boss:not(.done):not(.cur) .advnc{animation:advbossg 2.2s ease-in-out infinite}
.advwi[class*="mapc"] .advnd.boss.cur .advnc{animation:advbossc 1.8s ease-in-out infinite}
@keyframes advbossg{0%,100%{filter:drop-shadow(0 0 4px rgba(255,90,130,.45))}50%{filter:drop-shadow(0 0 16px rgba(255,90,130,.95))}}
@keyframes advbossc{0%,100%{filter:drop-shadow(0 0 6px rgba(255,214,110,.55))}50%{filter:drop-shadow(0 0 20px rgba(255,214,110,1))}}
html.lite .advwi[class*="mapc"] .advpoi.ready::after,html.lite .advwi[class*="mapc"] .advnd.boss .advnc,html.dochid .advwi[class*="mapc"] .advpoi.ready::after,html.dochid .advwi[class*="mapc"] .advnd.boss .advnc{animation:none}
@media (prefers-reduced-motion:reduce){.advwi[class*="mapc"] .advpoi.ready::after,.advwi[class*="mapc"] .advnd.boss .advnc{animation:none}}
/* ===== 11-14q 보물 원: 잠겨도 진하게(먼지처럼 흐리지 않게) · 금색 대신 보상 값어치별 색 (좋을수록 붉은 계열) · 자물쇠 배지 · 그림 크게 ===== */
.advwi[class*="mapc"] .advpoi.s-secret{--gl:255,70,90}     /* 비밀 장소 = 가장 좋은 보상(이슬 80) · 진홍 */
.advwi[class*="mapc"] .advpoi.s-royal{--gl:255,96,64}      /* 보스 앞 왕실 상자 · 붉은 주황 */
.advwi[class*="mapc"] .advpoi.s-chest,.advwi[class*="mapc"] .advpoi.s-gem{--gl:186,110,255}   /* 상자 B(이슬 40) · 보라 */
.advwi[class*="mapc"] .advpoi.s-pouch{--gl:70,170,255}     /* 길가 이슬 주머니 · 푸른빛 */
.advwi[class*="mapc"] .advpoi.s-crate{--gl:80,225,120}     /* 상자 A(나침반) · 초록 */
.advwi[class*="mapc"] .advpoi:not(.open){background:radial-gradient(circle at 50% 40%,rgba(var(--gl),.42),rgba(10,16,14,.92) 72%)}
.advwi[class*="mapc"] .advpoi.lock,.advwi[class*="mapc"] .advpoi.hide{box-shadow:inset 0 0 0 3px rgba(10,16,14,.9),inset 0 0 0 4.5px rgba(var(--gl),.75),0 0 0 2.5px rgb(var(--gl)),0 0 12px rgba(var(--gl),.6),0 6px 10px rgba(0,0,0,.55)}
.advwi[class*="mapc"] .advpoi .advpoic{inset:2px!important}
.advwi[class*="mapc"] .advpoi .advfimg{background-size:112%}
.advwi[class*="mapc"] .advpoi.lock .advpoic:has(.advfimg),.advwi[class*="mapc"] .advpoi.hide .advpoic:has(.advfimg){filter:saturate(1.1) drop-shadow(0 2px 2px rgba(0,0,0,.7))!important;opacity:1!important}
.advwi[class*="mapc"] .advpoi.open{opacity:.72}
.advwi[class*="mapc"] .advpoi.open .advpoic:has(.advfimg){filter:saturate(.55) brightness(.85)!important}
.advexp .advwi[class*="mapc"] .advpoi .advlk,.advwi[class*="mapc"] .advpoi .advlk{position:absolute;display:grid;place-items:center;left:auto;top:auto;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:#1b120a;color:#ffd97d;box-shadow:0 0 0 1.5px rgb(var(--gl)),0 2px 4px rgba(0,0,0,.6);z-index:3;transform:none}
.advwi[class*="mapc"] .advpoi .advlk svg,.advwi[class*="mapc"] .advpoi .advlk .ui{width:11px;height:11px}
/* ===== 11-14r 보물 그림을 안쪽 테두리에 닿을 만큼만 (테두리 크기는 그대로) · 보스에 금속 테두리 ===== */
.advwi[class*="mapc"] .advpoi .advpoic{inset:5px!important}
.advwi[class*="mapc"] .advpoi .advfimg{background-size:96%}
.advwi[class*="mapc"] .advnd.boss .advnc>.advfr.bm{display:block!important;width:132%!important;height:132%!important;z-index:2}
.advwi[class*="mapc"] .advnd.boss .advnc,.advwi[class*="mapc"] .advnd.boss.cur .advnc{box-shadow:inset 0 0 0 3px #2a0c18,0 8px 16px rgba(0,0,0,.6)!important}
.advwi[class*="mapc"] .advnd.boss.lock .advnc>.advfr.bm{filter:brightness(.85)}
.advwi[class*="mapc"] .advnd.boss .advfig{padding:15px!important}

/* ===== 11-14x 시즌 순위 보상 (1위 금 · 2~10위 은 · 11~30위 동) ===== */
.srwin.rk3{display:block}
.rk3h b{display:block}.rk3h small{display:block;opacity:.75;font-size:11px;margin-top:2px}
.rk3r{display:flex;justify-content:space-around;gap:6px;margin-top:10px}
.rk3c{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}
.rk3c .avi{width:58px;height:58px}
.rk3c b{font-size:11.5px;white-space:nowrap}
.rk3c.t0 b{color:#ffd86b}.rk3c.t1 b{color:#dfe6ee}.rk3c.t2 b{color:#e3a06a}
/* 11-14z 구글 · 애플 로그인 「준비 중」 표시 */
.lgb .lgsoon{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:99px;background:rgba(0,0,0,.18);color:inherit;opacity:.85;white-space:nowrap}
.lgb:has(.lgsoon){opacity:.62}