/* 내 상태 (user 2026-11-06, redesign after "이것이 최선이야?"): spotlight hero | closet | condition & attributes.
   Fits the content area with no scrolling. Colours follow the minimap / shop screens (cream panels, pink accents). */
.me-screen{position:absolute;inset:11% 3% 13% 3%;display:grid;grid-template-columns:26% 1fr 28%;gap:1.4cqw;font-family:'Malgun Gothic',sans-serif;color:#3f3338;min-height:0}
.me-screen>section{position:relative;min-height:0;border-radius:2cqw;background:#fffefa;box-shadow:inset 0 0 0 .15cqw #efe2d6,0 .5cqw 0 #ead8c8,0 1.2cqw 2.4cqw rgba(140,100,80,.14)}
.me-screen h3{margin:0;font-size:1.05cqw;font-weight:800;letter-spacing:.02cqw}

/* ── hero ───────────────────────────────────────────────────────────── */
/* every colour behind the silhouette stays ≤ its backdrop (#FBF3EA) per channel, so mix-blend darken never shows a box */
.me-hero{display:flex;flex-direction:column;overflow:hidden;padding:1.3cqw 1.3cqw 1.1cqw;background:linear-gradient(#f8ece1,#efdccc)!important}
.me-hero-head{position:relative;z-index:2}
.me-eyebrow{margin:0;font-size:.8cqw;color:#a08b8f}
.me-hero h2{margin:.1cqw 0 .4cqw;font-size:1.8cqw;letter-spacing:-.02cqw}
.me-tags{display:flex;gap:.4cqw;margin:0}
.me-tags span{padding:.15cqw .6cqw;border-radius:1cqw;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 .1cqw #ecd6c6;font-size:.72cqw;color:#7a6168}
.me-stage{position:relative;flex:1;min-height:0;margin:0 -1.3cqw}
.me-spot{position:absolute;inset:-10% 5% 6%;background:radial-gradient(ellipse 50% 60% at 50% 42%,#fbf3ea 0,#f6e8dc 45%,rgba(239,220,204,0) 72%)}
.me-plinth{position:absolute;left:24%;right:24%;bottom:3%;height:7%;border-radius:50%;background:radial-gradient(closest-side,#d9bfae 0,#e6d0c0 55%,rgba(239,220,204,0) 100%)}
.me-silhouette{position:absolute;inset:.4cqw 0 5%;width:100%;height:calc(95% - .4cqw);object-fit:contain;object-position:50% 100%;mix-blend-mode:darken}
.me-worn{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:.35cqw;margin:.3cqw 0 .6cqw}
.me-chip{display:flex;white-space:nowrap;overflow:hidden;align-items:center;gap:.25cqw;padding:.2cqw .55cqw;border-radius:1cqw;background:#fffaf5;box-shadow:0 .15cqw 0 #ead8c8;font-size:.7cqw;color:#6b5560}
.me-chip svg{width:.95cqw;height:.95cqw;color:#c2477a}
.me-wallet{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin:0;padding:.55cqw 1cqw;border-radius:1.3cqw;background:linear-gradient(#fff7df,#ffefc6);box-shadow:0 .25cqw 0 #ecd29a;color:#8a6420;font-size:.85cqw}
.me-wallet strong{font-size:1.25cqw;font-variant-numeric:tabular-nums}

/* ── closet ─────────────────────────────────────────────────────────── */
.me-closet{display:flex;flex-direction:column;gap:.9cqw;padding:1.2cqw 1.5cqw 1.4cqw}
.me-tabs{display:flex;gap:.35cqw;padding:.35cqw;border-radius:1.6cqw;background:#f6eee7;box-shadow:inset 0 .1cqw .3cqw rgba(140,100,80,.12)}
.me-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4cqw;min-height:2.5cqw;padding:.3cqw .6cqw;border:0;border-radius:1.3cqw;background:transparent;color:#8a7880;font:700 .92cqw 'Malgun Gothic',sans-serif;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.me-tab svg{width:1.25cqw;height:1.25cqw}
.me-tab:hover{color:#c2477a}
.me-tab.is-on{background:#fff;color:#c2477a;box-shadow:0 .2cqw .5cqw rgba(194,71,122,.18),inset 0 -.18cqw 0 #ff8fb3}
.me-tab:focus-visible{outline:.2cqw solid #326f86;outline-offset:.1cqw}
.me-closet-head{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:.2cqw .7cqw}
.me-closet-head h3{font-size:1.4cqw}
.me-count{padding:.05cqw .55cqw;border-radius:1cqw;background:#ffe3ec;color:#c2477a;font-size:.78cqw;font-weight:800;font-variant-numeric:tabular-nums}
.me-closet-head p{margin:0;justify-self:end;font-size:.78cqw;color:#a08b8f}
.me-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1cqw}
.me-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35cqw;min-height:0;border-radius:1.5cqw}
.me-card.is-worn{background:linear-gradient(#fff,#fff6f8);box-shadow:inset 0 0 0 .22cqw #ff8fb3,0 .35cqw 0 #f3b6c9,0 .8cqw 1.4cqw rgba(194,71,122,.14)}
.me-card-art{display:grid;place-items:center;width:5.2cqw;height:5.2cqw;border-radius:50%;background:radial-gradient(circle,#fff 55%,#ffe3ec 56%);color:#c2477a;box-shadow:0 .25cqw .6cqw rgba(194,71,122,.15)}
.me-card-art svg{width:2.8cqw;height:2.8cqw}
.me-card strong{font-size:1cqw}
.me-card small{font-size:.72cqw;color:#a08b8f}
.me-card.is-locked{border:.14cqw dashed #e7d6c8;background:rgba(250,244,238,.6);color:#d5c2b6}
.me-card.is-locked>svg{width:1.2cqw;height:1.2cqw}
.me-ghost{color:#eadbd0}.me-ghost svg{width:3cqw;height:3cqw}
.me-card.is-locked small{color:#c9b5a9;font-size:.68cqw}
.me-badge{position:absolute;top:.6cqw;right:.6cqw;padding:.05cqw .55cqw;border-radius:.9cqw;background:#ff6f9f;color:#fff;font-size:.66cqw;font-weight:800}

/* ── condition & attributes ─────────────────────────────────────────── */
.me-stats{display:flex;flex-direction:column;gap:.8cqw;padding:1.3cqw 1.4cqw 1.1cqw}
.me-gauges{display:grid;grid-template-columns:1fr 1fr;gap:.8cqw}
.me-gauge{display:grid;justify-items:center;gap:.15cqw;padding:.8cqw .4cqw .7cqw;border-radius:1.4cqw;background:#fdf8f3;box-shadow:inset 0 0 0 .12cqw #f1e4d8}
.me-gauge b{font-size:.9cqw}
.me-gauge small{font-size:.66cqw;color:#a08b8f;text-align:center;line-height:1.2}
.me-ring{--c:#5fb89a;width:6.4cqw;height:6.4cqw;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),#efe3d8 0)}
.me-ring-in{width:76%;height:76%;border-radius:50%;background:#fffefa;display:grid;place-content:center;justify-items:center;box-shadow:inset 0 .1cqw .3cqw rgba(140,100,80,.12)}
.me-ring-in strong{font-size:1.5cqw;line-height:1;font-variant-numeric:tabular-nums}
.me-ring-in span{font-size:.65cqw;color:#a08b8f}
.me-ring.is-food{--c:#f0a43c}
.me-ring.is-hungry{--c:#e46e6e}.me-ring.is-hungry .me-ring-in strong{color:#c23b3b}
.me-attrs{flex:1;min-height:0;display:grid;grid-template-rows:repeat(4,1fr);gap:.5cqw}
.me-attr{display:grid;grid-template-columns:2.3cqw 1fr;align-items:center;gap:.7cqw;padding:.45cqw .8cqw;border-radius:1.2cqw;background:#fdf8f3;box-shadow:inset 0 0 0 .12cqw #f1e4d8}
.me-attr-icon{display:grid;place-items:center;width:2.3cqw;height:2.3cqw;border-radius:50%;color:#fff}
.me-attr-icon svg{width:1.25cqw;height:1.25cqw}
.me-attr-body{display:grid;gap:.18cqw;min-width:0}
.me-attr-head{display:flex;justify-content:space-between;align-items:baseline}
.me-attr-head b{font-size:.92cqw}
.me-attr-head strong{font-size:1.15cqw;font-variant-numeric:tabular-nums}
.me-attr small{font-size:.66cqw;color:#a08b8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-bar{height:.55cqw;border-radius:.4cqw;background:#efe3d8;overflow:hidden}
.me-bar i{display:block;height:100%;border-radius:inherit}
.me-attr.is-health .me-attr-icon,.me-attr.is-health .me-bar i{background:#f4a582}
.me-attr.is-charm .me-attr-icon,.me-attr.is-charm .me-bar i{background:#ff8fb3}
.me-attr.is-social .me-attr-icon,.me-attr.is-social .me-bar i{background:#8fa8e0}
.me-attr.is-living .me-attr-icon,.me-attr.is-living .me-bar i{background:#86c977}
.me-foot{margin:0;font-size:.62cqw;color:#b9a8ae;text-align:right}
@media (prefers-reduced-motion:reduce){.me-tab{transition:none}}
.me-card.is-item{background:linear-gradient(#fff,#f7f9ff);box-shadow:inset 0 0 0 .18cqw #c9d2f2,0 .3cqw 0 #d9def3;padding:.6cqw;text-align:center}
.me-card.is-item strong{font-size:.85cqw;line-height:1.2}
.me-card.is-item small{font-size:.62cqw;line-height:1.25}
.me-emoji{font-size:2.2cqw}
.me-badge.is-count{background:#6d7bd0}
.me-use{margin-top:.2cqw;padding:.2cqw 1cqw;border:0;border-radius:1cqw;background:#ff8fb3;color:#fff;font:700 .75cqw 'Malgun Gothic',sans-serif;box-shadow:0 .2cqw 0 #e46e97;cursor:pointer}
.me-use:focus-visible{outline:.2cqw solid #326f86;outline-offset:.1cqw}
.me-later{color:#8a93c9!important}
/* worn clothes & options (user 2026-11-06) */
.me-opt{color:#6d5a86!important;font-weight:700;line-height:1.3!important}
.me-card.is-on{box-shadow:inset 0 0 0 .22cqw #ff8fb3,0 .3cqw 0 #f3b6c9!important;background:linear-gradient(#fff,#fff4f8)!important}
.me-card.is-on .me-badge.is-count{background:#ff6f9f}
.me-use.is-off{background:#f3eef0;color:#6b5a62;box-shadow:0 .2cqw 0 #d9cfd3}
.me-chip.is-new{background:#fff1f5;color:#c2477a;font-weight:700}
/* schedule calendar (DATE-002/003) */
.cal-btn{position:relative}
.cal-badge{margin-left:.35em;padding:0 .45em;border-radius:999px;background:#ff6f9f;color:#fff;font-size:.8em;font-weight:800}
.cal-pop{position:absolute;left:50%;bottom:12.5%;translate:-50% 0;z-index:9000;isolation:isolate;width:min(46cqw,620px);padding:1cqw 1.2cqw;border-radius:1.6cqw;background:#fffefa;box-shadow:inset 0 0 0 .15cqw #efe2d6,0 .5cqw 0 #ead8c8,0 1.2cqw 2.6cqw rgba(140,100,80,.25);font-family:'Malgun Gothic',sans-serif;color:#3f3338}
.cal-head{display:flex;align-items:center;gap:.6cqw;margin-bottom:.6cqw}.cal-head h3{margin:0;font-size:1.1cqw}.cal-head span{font-size:.8cqw;color:#a08b8f}
.cal-close{margin-left:auto;padding:.15cqw .8cqw;border:0;border-radius:1cqw;background:#f3eef0;color:#6b5a62;font:700 .8cqw 'Malgun Gothic',sans-serif;cursor:pointer}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.3cqw}
.cal-dow{text-align:center;font-size:.72cqw;color:#a08b8f;font-weight:700}
.cal-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:.1cqw;min-height:3.2cqw;padding:.2cqw;border:0;border-radius:.8cqw;background:#fbf6f1;cursor:pointer;font:inherit;color:inherit}
.cal-day.is-past{opacity:.45}.cal-day.is-today{box-shadow:inset 0 0 0 .15cqw #5fb89a}.cal-day.is-sel{background:#fff1f5}
.cal-day.has-appt{background:#fff6f9}.cal-day.is-multi::after{content:'!';position:absolute;top:.15cqw;right:.3cqw;color:#e4572e;font-weight:900;font-size:.8cqw}
.cal-num{font-size:.75cqw;font-weight:700}
.cal-ava{width:1.6cqw;height:1.6cqw;border-radius:50%;object-fit:cover;object-position:50% 20%;background:#fff;box-shadow:0 0 0 .1cqw #ff8fb3}
.cal-detail{margin-top:.6cqw;padding:.6cqw .8cqw;border-radius:1cqw;background:#fdf8f3;font-size:.85cqw}
.cal-row{display:flex;align-items:center;gap:.5cqw;margin:.3cqw 0 0}.cal-row .cal-ava{width:2.2cqw;height:2.2cqw}
.cal-none{margin:.3cqw 0 0;color:#a08b8f}
.cal-warn{margin:.4cqw 0 0;padding:.3cqw .6cqw;border-radius:.8cqw;background:#fff3e0;color:#b0612a;font-size:.8cqw;font-weight:700}
.cal-day:focus-visible,.cal-close:focus-visible{outline:.2cqw solid #326f86;outline-offset:.1cqw}

/* 지금의 나 v2 (user 2026-11-06): pink pastel card like the rest of the game */
.me-hero{background:linear-gradient(170deg,#fffefa 0%,#fff3f7 45%,#f6ecff 100%)!important;box-shadow:0 .5cqw 1.6cqw rgba(160,90,120,.14),inset 0 0 0 .15cqw #f6dfe7!important}
.me-eyebrow{color:#c2477a;font-weight:700}
.me-hero h2{color:#3f3338}
.me-tags span{background:#fff;box-shadow:0 .15cqw .5cqw rgba(160,90,120,.12),inset 0 0 0 .1cqw #f3e3ea;color:#7b5a68;font-weight:700}
.me-spot{inset:2% 4% 4%;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.95) 0,rgba(255,226,236,.85) 34%,rgba(232,220,255,.55) 58%,rgba(255,255,255,0) 74%)}
.me-plinth{left:20%;right:20%;bottom:2.5%;height:8%;background:radial-gradient(closest-side,rgba(255,143,179,.45),rgba(255,143,179,.18) 60%,rgba(255,143,179,0))}
.me-silhouette.me-sil-canvas{mix-blend-mode:normal;filter:drop-shadow(0 .6cqw .9cqw rgba(90,60,110,.28))}
.me-spark{position:absolute;z-index:1;color:#ff8fb3;font-size:1.1cqw;opacity:.8;animation:me-twinkle 2.6s ease-in-out infinite}
.me-spark.is-1{left:16%;top:18%}.me-spark.is-2{right:16%;top:30%;color:#ffb3cb;font-size:.9cqw;animation-delay:.8s}.me-spark.is-3{left:22%;top:58%;color:#c9b4ff;animation-delay:1.5s}
@keyframes me-twinkle{50%{opacity:.25;scale:.8}}
@media (prefers-reduced-motion:reduce){.me-spark{animation:none}}
.me-chip{background:#fff;box-shadow:0 .15cqw .5cqw rgba(160,90,120,.12),inset 0 0 0 .1cqw #f3e3ea;color:#5b4a52;font-weight:600;padding:.25cqw .6cqw}
.me-chip svg{color:#ff6f9f}
.me-chip.is-new{background:#fff1f5;box-shadow:inset 0 0 0 .14cqw #ffb3cb}
.me-wallet{background:linear-gradient(90deg,#fff6db,#ffe9b8);box-shadow:0 .25cqw 0 #f1cf86,inset 0 0 0 .1cqw #ffe2a0}
.me-wallet span{display:inline-flex;align-items:center;gap:.4cqw;font-weight:700}
.me-wallet-ico{display:grid;place-items:center;width:1.5cqw;height:1.5cqw;border-radius:50%;background:#f0b23a;color:#fff;font-style:normal;font-weight:900;font-size:.85cqw}

/* long-stay booking on the calendar (user 2026-11-06) */
.cal-day.has-stay{background:#f3edff;box-shadow:inset 0 0 0 .14cqw #c9b4ff}
.cal-day.is-stayed{background:#eef7f1;box-shadow:inset 0 0 0 .14cqw #a8d8bc}
.cal-day.is-missed{background:#f4f0f2;box-shadow:inset 0 0 0 .12cqw #ddd0d6;opacity:.75}
.cal-day.is-checkout{box-shadow:inset 0 0 0 .14cqw #f0b23a}
.cal-day{position:relative}
.cal-stay-mark{position:absolute;right:.25cqw;bottom:.15cqw;font-size:.85cqw;line-height:1}
.cal-day.is-stayed .cal-stay-mark{color:#2f8a5a;font-weight:900}
.cal-stay-chip{padding:.1cqw .7cqw;border-radius:1cqw;background:#f3edff;color:#6a4fb8;font-size:.78cqw;font-weight:800;white-space:nowrap}
.cal-stay-row{display:flex;align-items:center;gap:.4cqw;margin:.2cqw 0 0;padding:.3cqw .6cqw;border-radius:1cqw;background:#f3edff;color:#5a3fa8;font-size:.8cqw}
.cal-stay-row.is-used{background:#eef7f1;color:#2f6b4a}.cal-stay-row.is-missed{background:#f4f0f2;color:#8a777e}.cal-stay-row.is-out{background:#fff3d6;color:#8a6212}
.cal-legend{display:flex;align-items:center;flex-wrap:wrap;gap:.35cqw;margin:.4cqw 0 0;font-size:.72cqw;color:#8a777e}
.cal-legend .lg-k{display:inline-block;width:.9cqw;height:.9cqw;border-radius:.25cqw;margin-left:.5cqw}
.cal-legend .lg-k.is-stay{background:#f3edff;box-shadow:inset 0 0 0 .12cqw #c9b4ff}.cal-legend .lg-k.is-stayed{background:#eef7f1;box-shadow:inset 0 0 0 .12cqw #a8d8bc}

/* calendar: booked nights stand out more */
.cal-day.has-stay{background:linear-gradient(#efe7ff,#e4d8ff);box-shadow:inset 0 0 0 .18cqw #8f6fe0}
.cal-day.has-stay .cal-num{color:#5a3fa8;font-weight:900}
.cal-stay-mark{font-size:1.1cqw;right:.3cqw;bottom:.2cqw}
.cal-stay-chip{background:#8f6fe0;color:#fff}

/* live gig day (user 2026-11-07) */
.cal-day.has-gig{box-shadow:inset 0 0 0 2px #ff7aa8;background:linear-gradient(160deg,#fff0f6,#ffe1ec)}
.cal-gig-mark{position:absolute;right:3px;top:2px;font-size:.8em;line-height:1}

/* new-schedule notice (user 2026-11-07) */
.cal-new{position:absolute;top:-.55em;right:-.45em;min-width:1.45em;height:1.45em;padding:0 .35em;box-sizing:border-box;border-radius:999px;background:#ff3b5c;color:#fff;font-size:1em;font-weight:900;line-height:1.45em;text-align:center;box-shadow:0 0 0 .15em #fff,0 .2em .5em rgba(255,59,92,.45);animation:cal-new-pop .5s cubic-bezier(.3,1.6,.5,1) both,cal-new-pulse 1.8s ease-in-out .6s infinite}
@keyframes cal-new-pop{from{transform:scale(0)}}
@keyframes cal-new-pulse{50%{transform:scale(1.15)}}
@media(prefers-reduced-motion:reduce){.cal-new{animation:none}}

/* equipment screen (meeting 2026-11-09 §6, user 2026-11-12): paper-doll layers, five slots, drag and drop */
.me-doll{display:block;pointer-events:none}
.me-doll img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%}
.me-slot{position:relative;flex-wrap:wrap;row-gap:0;cursor:default;transition:box-shadow .12s,background .12s,transform .12s}
.me-slot.is-hair{grid-column:1/-1}
.me-slot.is-draggable,.me-card.is-draggable{cursor:grab}
.me-slot-name{overflow:hidden;text-overflow:ellipsis}
.me-slot-msg{flex-basis:100%;font-size:.58cqw;line-height:1.2;color:#b07a92;font-weight:600}.me-slot-msg:empty{display:none}
.me-screen.is-dragging .me-slot.is-target{background:#fff1f6;box-shadow:inset 0 0 0 .16cqw #ff8fb5;transform:translateY(-.1cqw)}
.me-screen.is-dragging .me-slot.is-target .me-slot-msg{color:#c2477a}
.me-slot.is-over,.me-stage.is-over{box-shadow:inset 0 0 0 .22cqw #ff6f9f!important;background:#ffe6ef}
.me-stage.is-over{border-radius:1.2cqw}
.me-slot.is-warn{box-shadow:inset 0 0 0 .18cqw #e0a060!important}.me-slot.is-warn .me-slot-msg{color:#c9732b}

.me-screen.is-dragging-off .me-closet{box-shadow:inset 0 0 0 .18cqw #ffc2d6}
.me-closet.is-over{box-shadow:inset 0 0 0 .24cqw #ff6f9f!important;background:#fff6f9}
.me-drag-ghost{position:fixed;z-index:2147483000;left:0;top:0;transform:translate(-50%,-120%);padding:6px 12px;border-radius:999px;background:#fff;box-shadow:0 6px 18px rgba(160,90,120,.3),inset 0 0 0 2px #ff8fb5;color:#c2477a;font:700 13px/1.3 'Malgun Gothic',system-ui,sans-serif;white-space:nowrap;pointer-events:none}
.me-screen.is-dragging .me-card.is-draggable,.me-screen.is-dragging-off .me-slot{user-select:none}
/* no text / image selection while picking clothes up (2026-11-12) */
.me-stage,.me-doll img,.me-slot,.me-card.is-draggable{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.me-screen.is-dragging,.me-screen.is-dragging-off{user-select:none;-webkit-user-select:none}
/* month calendar (2026-11-13 "흔하게 쓰는 달력의 형태로") */
.cal-month{display:flex;align-items:center;gap:.5cqw;margin:0 0 .5cqw}
.cal-month-title{min-width:8cqw;text-align:center;font-size:1.05cqw;color:#3f3338}
.cal-nav{width:1.8cqw;height:1.8cqw;border:0;border-radius:50%;background:#f3eef0;color:#6b5a62;font:800 1cqw/1 'Malgun Gothic',sans-serif;cursor:pointer}
.cal-nav:hover{background:#ffe3ee;color:#e0457c}
.cal-today{margin-left:auto;padding:.15cqw .8cqw;border:0;border-radius:1cqw;background:#ffe3ee;color:#e0457c;font:700 .78cqw 'Malgun Gothic',sans-serif;cursor:pointer}
.cal-dow.is-sun,.cal-day.is-sun .cal-num{color:#e0455c}
.cal-dow.is-sat,.cal-day.is-sat .cal-num{color:#4f78c4}
.cal-day.is-other{opacity:.38}
.cal-day{min-height:2.7cqw}