/* Shared visual language: soft slate, honey trim, warm light and crisp pixels. */
:root{
  --bg:#101317;--bg2:#0b0e12;--panel:#1c2228;--panel2:#252c32;--panel3:#303840;
  --line:#394148;--line2:#666457;--ink:#e5ddca;--dim:#b0aa9b;--faint:#aaa595;
  --gold:#d7bb79;--gold2:#897345;--blood:#ca7569;--leaf:#96b684;--sky:#91b1c5;
}
button{background:linear-gradient(#303840,#22282e);border:1px solid #616457;border-bottom-color:#171c20;
  box-shadow:inset 0 1px #ffffff14,inset 1px 0 #ffffff06,inset 0 -2px #0005,0 1px 0 #0008}
button:hover:not(:disabled){background:linear-gradient(#3c454d,#2d363e);border-color:#b7a16d}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ebd092;outline-offset:2px}
button:disabled{opacity:.45}
.gold{background:linear-gradient(#594c32,#393424);border-color:#998050;color:#f0d798}
.frame{background:linear-gradient(135deg,#242b31f5,#161c22f5);border-color:#665e48;
  box-shadow:inset 0 0 0 1px #10151b,inset 0 2px 0 #a48f5930,0 6px 20px #0006}
#scan{display:none}
#vig{background:radial-gradient(ellipse 90% 85% at 50% 45%,transparent 58%,#09101988 125%)}
#start .wrap{background:linear-gradient(150deg,#172027dd,#11191ed9);border:1px solid #6a644c;
  box-shadow:0 0 0 3px #111820,0 0 0 4px #393e38,0 20px 60px #0008}
.logo .ko{color:#e3ca8d;text-shadow:0 2px #655335,0 4px #10151b}
.slot{background:#212a30;border-color:#4a524d}
#go{background:linear-gradient(#f0d397,#ceac70);border-color:#fff0c5;color:#302b26;border-radius:6px}
#topleft{border-color:#7a7056}
.hud.frame,#miniwrap,#feedtools{
  background:linear-gradient(145deg,#34494bf2,#202d39f5 70%);
  border-color:#aaa88b;border-radius:5px;
  box-shadow:inset 0 1px #f6e4b966,inset 0 -2px #101e2a,0 3px 8px #02080c55;
}
#miniwrap{border-color:#c8b58b;padding:5px;box-shadow:inset 0 0 0 2px #293b42,0 3px 8px #02080c66}
#wclock{color:#d7e3d5;border-bottom:1px solid #e3cfa344;padding-bottom:5px;margin-bottom:5px}
#stat .g{color:#e9d8ad;text-shadow:0 1px #07111c}
#zonelbl{color:#d5ccb5;text-shadow:0 1px 2px #050e16}
#skills button{background:linear-gradient(145deg,#446064,#293b4c 75%);border-color:#a6b9ad;border-radius:5px;
  box-shadow:inset 0 1px #f2e6ba66,inset 0 -2px #142735,0 2px 4px #02080c77}
#skills button:focus-visible{outline-color:#ffe2a2}
#actions button{border-radius:5px;border-color:#a5b2a2;background:linear-gradient(#41575d,#2c3b4c);color:#f4e8cd}
#actions #b-pot{background:linear-gradient(#745f54,#584342);border-color:#e2bca0;color:#fff0cd}
#actions #b-scroll{background:linear-gradient(#48645b,#304c48);border-color:#a7c3a5}
#actions #b-inv{background:linear-gradient(#655d79,#47445e);border-color:#b5abc9}
.bar{border-color:#10171b;background:#10171b}
.bar i{box-shadow:inset 0 1px #fff2cf66,inset 0 -2px #09121e44}
.bar span{text-shadow:0 1px 1px #07111c,1px 0 1px #07111c}
#panel{background:linear-gradient(130deg,#303e45,#202b35 60%);border-color:#bca47c;box-shadow:-5px 0 20px #0007}
#phead,.panelhead{background:linear-gradient(#48565a,#303e47);border-bottom:1px solid #aa9574}
#tabs{background:#151c22;border-color:#464b46}
#tabs button{border-radius:4px 4px 0 0;background:#2f3d46;border-color:#687c7c;color:#d7d9ca}
#tabs button.on{background:linear-gradient(#5d6353,#3c4c45);border-color:#dfc799;color:#fff0c9;box-shadow:inset 0 -2px #d9be85}
#pbody .sec>h3{color:#dcca9d;border-color:#53574a}
#pbody .muted{color:var(--dim)}
#pbody .doll{grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr);gap:8px;padding:14px 10px;
  border:1px solid #8d967c;border-radius:6px;background:radial-gradient(ellipse at 50% 48%,#77877588,#293943 65%);
  box-shadow:inset 0 0 0 3px #151d22,inset 0 0 0 4px #3c443d}
#pbody .dollmid{gap:8px;position:relative}
#pbody .dollmid::after{content:'';position:absolute;bottom:24px;width:84px;height:10px;
  border:1px solid #a0ac86;background:#354a47;border-radius:50%;z-index:0}
#pbody .dollme{width:116px;height:116px;object-fit:contain;border:0;border-radius:0;background:transparent;position:relative;z-index:1}
#pbody .dollmid .qt{color:#d8c392;font-size:var(--ui-note);letter-spacing:.12em}
#pbody .wearone{grid-template-columns:1fr;justify-items:center;gap:4px}
#pbody .wearone .cell{width:44px;min-width:44px}
#pbody .wearone .wornmark{display:none}
#pbody .wearnm{text-align:center;min-height:30px;color:#cbc5b1}
#pbody .wearnm.empty{color:#a4a597}
#pbody .cell{border-radius:4px;background:linear-gradient(135deg,#46585c,#2c3b47);border:1px solid #9ba78f;
  box-shadow:inset 0 0 0 2px #111b24,inset 0 0 0 3px #74807830}
#pbody .cell.sel{border-color:#ebcf8a;background:#3e443b;box-shadow:inset 0 0 0 2px #141d24,0 0 0 1px #b9a56c}
#pbody .cell.worn{border-color:#91a782}
#pbody .cell.empty{opacity:.65;border-style:solid;background:#172127}
#pbody .cell .ic{width:72%;height:72%}
#pbody .cell .ic svg{filter:drop-shadow(1px 2px 0 #09111a);image-rendering:pixelated;shape-rendering:crispEdges}
/* 묶음 UI2b(DESIGN 14.439) — 칸 = 그림 칸(위) + 글자 띠(아래 15px). 「착용」·+N 이 그림 위에 겹쳐 부딪쳤다(2차 평론 14번).
   +N 은 띠 왼쪽, 착용·수량은 띠 오른쪽 — 그림은 띠 위 칸에 정사각으로. */
#pbody .cell.band{flex-direction:column;align-items:center;justify-content:flex-start;padding:3px 0 0}
#pbody .cell.band .ic,#pbody .cell.band .ic.px{width:auto;height:calc(100% - 20px);aspect-ratio:1;flex:none}
#pbody .cell.band::after{content:'';position:absolute;left:2px;right:2px;bottom:2px;height:15px;border-radius:0 0 2px 2px;
  background:#0b1217e0;pointer-events:none}
#pbody .cell.band .bd,#pbody .cell.band .qt2,#pbody .cell.band .wornmark{z-index:1;top:auto;bottom:3px;line-height:13px;text-shadow:none}
#pbody .cell.band .bd{left:5px}
#pbody .cell.band .qt2{right:5px}
/* 착용은 띠 글자와 나란히 두면 좁은 칸(폰 약 50px)에서 「+6착용」으로 붙었다 — 오른쪽 위 빈 모서리(그림은 띠 위 정사각이라 양옆이 빈다)의
   초록 모서리 표 ✓ 로. 글자 「착용」은 읽기 도구용으로 남긴다(글자 크기 0), 칸 테두리도 초록. */
#pbody .cell.band .wornmark{top:2px;right:2px;bottom:auto;width:15px;height:15px;font-size:0;line-height:15px;text-align:center;
  background:#3f7a45;border-radius:0 3px 0 7px}
#pbody .cell.band .wornmark::after{content:'✓';font-size:var(--ui-note);color:#eaffea}
#pbody .bagitem{border-radius:4px;border-color:#617578;background:#2c3b44}
#pbody .bagitem.sel{background:#3c4034;border-color:#ae9865}
#pbody .geartrade{display:block;width:fit-content;max-width:100%;margin:3px auto 0;padding:2px 4px;
  border:1px solid #8f7164;background:#322824;color:#f4c9b7;font-size:var(--ui-note);line-height:1.35;text-align:center}
#pbody .geartrade.worn{border-color:#647c88;background:#202f38;color:#b9d9ed}
#pbody .geartradedetail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;font-size:var(--ui-note);line-height:1.5}
#pbody .geartradedetail .geartrade{margin:0;flex:none}
#pbody .combatpair span,#pbody .statgroup{border-radius:0;background:#1c272e;border-color:#414f50}
#pbody .statgrouphd{color:#b7b9a6}
#pbody .lifechoices{gap:8px;margin:10px 0}
#admbody .admconsolecard{background:linear-gradient(125deg,#242b30,#192128);border-color:#4b554f}
#admbody .admcontrolbar{background:#20282f;border-color:#726a4f}
#admbody .admsectionlabel{color:#cfba87;border-color:#4d554a}
#admbody .admfield{background:#1c252c;border-color:#3f4c51;padding:9px}
#admbody .admdefault{color:#b9b9a5}
#admbody .admchanged{border-color:#b89959;background:#39392b}
@media(max-width:380px){#pbody .doll{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:4px;padding:12px 7px}#pbody .dollme{width:96px;height:96px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.workcontrols{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.workcontrols label{display:grid;gap:5px;max-width:100%}.workcontrols input,.workcontrols select{padding:9px;max-width:100%}#workcheck{font-size:12px;color:#b7b8ad;line-height:1.6}#worksummary{padding:10px 0;color:#dcc797}.workcard{border:1px solid #475659;border-left:4px solid #687477;margin:12px 0;padding:14px;background:#162029;overflow-wrap:anywhere}.workcard.active,.workcard.review{border-left-color:#72cacc}.workcard.shipped{border-left-color:#85c48d}.workcard.blocked{border-left-color:#e29b79}.worktitle{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.worktitle span{color:#dac498}.workcard p{line-height:1.6;font-size:13px}.workcard dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;margin:12px 0}.workcard dt{color:#aab8bd}.workcard dd{margin:0;white-space:pre-wrap;line-height:1.5}.workcard details{margin-top:12px;border-top:1px solid #3b494d;padding-top:10px}.workcard button{min-height:40px}@media(max-width:500px){.workcard{padding:10px}.workcard dl{grid-template-columns:1fr;gap:4px}.workcard dd{margin-bottom:8px}}
#pbody .dollme.winged{width:160px;height:116px;max-width:none;object-fit:contain;pointer-events:none}#pbody .dollcol{position:relative;z-index:2}@media(max-width:380px){#pbody .dollme.winged{width:136px;height:96px}}