.life-level-hud{display:grid;grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:2px 7px;margin-top:3px;padding:1px 0;border:0;background:transparent;text-align:left;color:#dfe8c8;font:9px inherit;line-height:1.1;cursor:pointer}.life-level-hud>span{grid-column:1;display:flex;align-items:baseline;gap:6px;white-space:nowrap}.life-level-hud>span>b{color:#ffe08a;font:900 10px monospace}.life-level-hud>span>small{color:#b5c9a4;font-size:9px}.life-level-hud>i{grid-column:2;grid-row:1;height:5px;overflow:hidden;border:1px solid #546a43;background:#0a1710}.life-level-hud>i>u{display:block;width:0;height:100%;background:linear-gradient(90deg,#72bd72,#e9d878);text-decoration:none;transition:width .25s}.life-level-hud>small{grid-column:2;grid-row:2;text-align:right;color:#9caf93;font:8px monospace}.life-level-hud>em{grid-column:1;grid-row:2;color:#aad1a1;font:8px inherit;font-style:normal}.life-level-hud:hover>em{color:#ffdf89}.life-fatigue-hud{display:grid;grid-template-columns:auto minmax(72px,1fr) auto;align-items:center;gap:6px;margin-top:4px;color:#dce4c7;font-size:9px}.life-fatigue-hud>span{color:#bfd3aa}.life-fatigue-hud>i{height:6px;overflow:hidden;border:1px solid #5c6844;background:#10170e}.life-fatigue-hud>i>u{display:block;width:100%;height:100%;background:linear-gradient(90deg,#b29c50,#ead77a);text-decoration:none;transition:width .25s}.life-fatigue-hud>output{color:#f5e7a0;font:8px monospace}.life-fatigue-hud.is-low>i>u{background:linear-gradient(90deg,#bc5448,#e78b56)}.life-fatigue-hud.is-low>output{color:#ff9a7c}
.life-skills-panel{width:min(530px,calc(100vw - 24px));max-height:min(80vh,720px);overflow:auto}.life-character-card{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0;padding:14px;border:1px solid #a58c50;border-radius:8px;background:linear-gradient(135deg,#263d29,#15291e);color:#ffdf89}.life-character-card>span,.life-character-card>small{color:#c5d4b5}.life-character-card>i{grid-column:1/-1;height:7px;overflow:hidden;background:#0b1710}.life-character-card>i>u{display:block;width:0;height:100%;background:linear-gradient(90deg,#69b974,#e9da7b);text-decoration:none}.life-character-card>small{text-align:right;font:10px monospace}.life-skills-list{display:grid;gap:7px}.life-skill-row{display:grid;grid-template-columns:1fr;gap:6px;padding:9px 11px;border:1px solid #394f3a;border-radius:6px;background:#10241a}.life-skill-row>span{display:flex;justify-content:space-between;align-items:center;gap:10px}.life-skill-row b{color:#e7ebc9;font-size:12px}.life-skill-row small{color:#aabf9c;font:9px monospace}.life-skill-row>i{height:5px;overflow:hidden;background:#07150e}.life-skill-row>i>u{display:block;height:100%;background:linear-gradient(90deg,#64aa71,#ded078);text-decoration:none}.life-skills-note{margin-top:13px;color:#a8b79e;font-size:10px;line-height:1.6}
.life-achievements-heading{margin:16px 0 7px;color:#f0dc94;font-size:13px}.life-achievements{display:flex;flex-wrap:wrap;gap:6px}.life-achievements>span,.life-achievements>small{padding:7px 9px;border:1px solid #73633c;border-radius:5px;background:#302d1d;color:#e6d693;font-size:10px}.life-achievements>small{border-color:#394b37;background:#12251a;color:#a9b99f}
@media(max-width:600px){.life-level-hud{grid-template-columns:auto minmax(55px,1fr);gap:2px 5px}.life-level-hud>span>small{max-width:102px;overflow:hidden;text-overflow:ellipsis}.life-fatigue-hud{grid-template-columns:auto minmax(48px,1fr) auto;gap:4px}}
.life-level-hud{font:inherit;font-size:9px}.life-level-hud>em{font:inherit;font-size:8px;font-style:normal}

/* One-screen progression window with compact MMO skill cards and generated icons. */
#life-skills-panel.life-skills-panel:not(.hidden){
  box-sizing:border-box!important;width:min(960px,calc(100vw - 28px))!important;
  max-width:960px!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;
  padding:20px 22px 16px!important;border:1px solid #d9bd73!important;border-radius:16px!important;
  background:radial-gradient(ellipse at 12% 0%,#86bb6620,transparent 35%),radial-gradient(ellipse at 94% 14%,#d7b65d16,transparent 34%),linear-gradient(145deg,#18382c,#0b1c16 72%)!important;
  box-shadow:inset 0 1px #ffffff24,0 0 0 3px #07120de0,0 22px 65px #000b!important;
}
#life-skills-panel>.service-kicker{align-self:end;margin:0!important;color:#f3d782!important;font-size:9px!important;letter-spacing:.13em!important}
#life-skills-panel>#life-skills-title{margin:0!important;padding-right:48px;color:#fff0c0!important;font-size:clamp(20px,2.4vw,27px)!important;line-height:1.12!important}
#life-skills-panel>.service-close{top:14px!important;right:14px!important}
#life-skills-panel>.life-character-card{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin:2px 0 1px!important;padding:9px 13px!important;border:1px solid #a9904f;border-radius:10px;background:linear-gradient(110deg,#2a432e,#14291f 72%);box-shadow:inset 0 1px #ffffff16,0 3px #08130e;color:#ffe398}
#life-skills-panel>.life-character-card>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
#life-skills-panel>.life-character-card>span{align-self:center;color:#d0dfc5;font-size:11px}
#life-skills-panel>.life-character-card>i{height:6px;border-radius:99px;background:#081610}
#life-skills-panel>.life-character-card>i>u{border-radius:99px;box-shadow:0 0 10px #b9e48366}
#life-skills-panel>.life-character-card>small{color:#b9cbb6;font-size:9px}
#life-skills-panel>.life-skills-list{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(58px,auto);align-content:center;gap:7px;padding:1px}
#life-skills-panel .life-skill-row{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto 5px;align-items:center;gap:4px 9px;padding:7px 9px;border:1px solid #45604a;border-radius:10px;background:linear-gradient(145deg,#1b382a,#102219);box-shadow:inset 0 1px #ffffff12,0 2px #08140e;transition:border-color .16s,transform .16s,background .16s}
#life-skills-panel .life-skill-row:hover{transform:translateY(-1px);border-color:#c3a95e;background:linear-gradient(145deg,#29452f,#14291e)}
#life-skills-panel .life-skill-icon{grid-column:1;grid-row:1;width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 3px #0009)}
#life-skills-panel .life-skill-row>span{min-width:0;display:grid;gap:3px;align-content:center}
#life-skills-panel .life-skill-row b{overflow:hidden;color:#f1e9cb;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
#life-skills-panel .life-skill-row small{overflow:hidden;color:#a9c6ad;font:8px/1.2 ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}
#life-skills-panel .life-skill-row>i{grid-column:1/-1;height:5px;overflow:hidden;border-radius:99px;background:#08150f}
#life-skills-panel .life-skill-row>i>u{border-radius:99px;background:linear-gradient(90deg,#69bd83,#e7d37c);box-shadow:0 0 8px #83d78a55}
#life-skills-panel>.life-achievements-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:1px 0 -2px!important;padding-top:7px;border-top:1px solid #56725b66;color:#f2dc98!important;font-size:11px!important}
#life-skills-panel>.life-achievements{max-height:48px;overflow:hidden;display:flex;align-content:flex-start;flex-wrap:wrap;gap:4px}
#life-skills-panel .life-achievements>span,#life-skills-panel .life-achievements>small{padding:4px 7px;border:1px solid #756743;border-radius:999px;background:linear-gradient(145deg,#383624,#1c281d);color:#e9d99e;font-size:8px;line-height:1.2}
#life-skills-panel .life-achievements>small{border-color:#45604a;background:#102219;color:#a8bea5}
#life-skills-panel>.life-skills-note{margin:0!important;color:#91aa96!important;font-size:9px!important;line-height:1.3!important}
@media(max-width:820px){
  #life-skills-panel.life-skills-panel:not(.hidden){width:calc(100vw - 24px)!important;padding:17px 17px 14px!important;gap:7px!important}
  #life-skills-panel>.life-skills-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(54px,auto);gap:6px}
}
@media(max-width:540px){
  #life-skills-panel.life-skills-panel:not(.hidden){width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:14px 11px 11px!important;gap:6px!important;border-radius:12px!important}
  #life-skills-panel>.service-close{top:10px!important;right:10px!important;width:34px!important;height:34px!important;min-height:34px!important}
  #life-skills-panel>.life-character-card{padding:7px 9px!important}
  #life-skills-panel>.life-character-card>b{font-size:12px}
  #life-skills-panel>.life-character-card>span{font-size:9px}
  #life-skills-panel>.life-skills-list{grid-auto-rows:minmax(49px,auto);gap:5px;padding:0}
  #life-skills-panel .life-skill-row{grid-template-columns:31px minmax(0,1fr);grid-template-rows:auto 4px;gap:3px 6px;padding:5px 6px;border-radius:8px}
  #life-skills-panel .life-skill-icon{width:30px;height:30px}
  #life-skills-panel .life-skill-row b{font-size:10px}
  #life-skills-panel .life-skill-row small{font-size:7px}
  #life-skills-panel>.life-achievements-heading{font-size:10px!important}
  #life-skills-panel>.life-achievements{max-height:42px;gap:3px}
  #life-skills-panel .life-achievements>span,#life-skills-panel .life-achievements>small{padding:3px 6px;font-size:7px}
}
@media(max-height:650px){
  #life-skills-panel.life-skills-panel:not(.hidden){padding-top:12px!important;padding-bottom:10px!important;gap:5px!important}
  #life-skills-panel>.life-skills-list{grid-auto-rows:minmax(47px,auto);gap:5px}
  #life-skills-panel .life-skill-row{padding:5px 7px}
  #life-skills-panel .life-skill-icon{width:31px;height:31px}
  #life-skills-panel>.life-character-card{padding:6px 10px!important}
  #life-skills-panel>.life-achievements{max-height:37px}
}
@media(prefers-reduced-motion:reduce){#life-skills-panel .life-skill-row{transition:none}}
.onsen-panel{position:fixed;z-index:1250;left:50%;top:50%;transform:translate(-50%,-50%);width:min(490px,calc(100vw - 28px));overflow:hidden;border:2px solid #c9b16d;border-radius:14px;background:linear-gradient(145deg,#10271f,#07150f);box-shadow:0 20px 90px #000c;color:#f0eccb;display:grid;grid-template-columns:150px 1fr;animation:onsen-rise .4s cubic-bezier(.2,.8,.2,1) both}.onsen-panel.hidden{display:none}.onsen-water-art{position:relative;display:grid;place-items:center;min-height:265px;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#3c9e98 0 14%,#26585a 15% 41%,#172f30 42% 48%,transparent 49%),linear-gradient(145deg,#294332,#0a1c16)}.onsen-water-art:before,.onsen-water-art:after{content:"";position:absolute;inset:14px;border:2px solid #b5a064;border-radius:48% 48% 35% 35%;box-shadow:inset 0 0 0 6px #213c34,0 0 18px #8ac9b344}.onsen-water-art:after{inset:34px 24px 42px;border-color:#6d9b7c;border-width:1px;opacity:.8}.onsen-water-art>i{position:absolute;width:90px;height:18px;border:1px solid #9de1d588;border-radius:50%;animation:onsen-ripple 3.5s ease-in-out infinite}.onsen-water-art>i:nth-child(2){width:65px;animation-delay:-1.2s}.onsen-water-art>i:nth-child(3){width:42px;animation-delay:-2.4s}.onsen-water-art>span{position:relative;z-index:2;color:#ffe6a0;font-size:38px;text-shadow:0 0 24px #f3d982aa}.onsen-copy{padding:26px 24px 22px}.onsen-copy>small{color:#9fbc9e;font:10px monospace;letter-spacing:.12em}.onsen-copy h2{margin:7px 0 8px;color:#ffe9a4;font-size:23px}.onsen-copy p{color:#c6d1bf;font-size:12px;line-height:1.7}.onsen-copy p b{color:#ffe697}.onsen-recovery{display:grid;grid-template-columns:1fr auto;gap:8px;margin:20px 0 9px;color:#c5d6b7;font-size:12px}.onsen-recovery>b{color:#ffe59b;font:900 15px monospace}.onsen-recovery>i{grid-column:1/-1;height:10px;overflow:hidden;border:1px solid #60764d;border-radius:8px;background:#07140d}.onsen-recovery>i>u{display:block;width:100%;height:100%;background:linear-gradient(90deg,#67b982,#e9dc8b);transition:width .7s;text-decoration:none}.onsen-copy>button{width:100%;margin-top:18px;padding:12px;border:1px solid #d4bc71;border-radius:8px;background:linear-gradient(#dfca81,#a78a46);color:#162318;font-weight:900;cursor:pointer}.onsen-copy>button:hover{filter:brightness(1.1)}@keyframes onsen-ripple{50%{transform:scale(1.14);opacity:.45}}@keyframes onsen-rise{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(max-width:500px){.onsen-panel{grid-template-columns:1fr}.onsen-water-art{min-height:145px}.onsen-water-art:before{inset:9px 48px}.onsen-water-art:after{inset:23px 58px 22px}.onsen-copy{padding:17px}.onsen-copy h2{font-size:19px}}
.daily-mystery-board{margin-top:16px}.daily-mystery-card{padding:16px;border:1px solid #a88b4d;border-radius:10px;background:radial-gradient(ellipse at 90% 0,#4b482a66,transparent 45%),linear-gradient(140deg,#182f24,#0d1d16);color:#dce4ca}.daily-mystery-card>small{color:#c1aa67;font:10px monospace;letter-spacing:.1em}.daily-mystery-card h3{margin:7px 0;color:#ffe29b;font-size:18px}.daily-mystery-card>p{font-size:12px;line-height:1.65}.daily-mystery-card>strong{display:block;margin-top:12px;color:#f0dfa1;font-size:12px}.daily-mystery-card .mystery-reward{display:inline-block;padding:7px 9px;border:1px solid #6b7346;border-radius:6px;background:#243822;color:#d5e3a5;font-size:10px}.mystery-clues{display:grid;gap:6px;margin:8px 0 12px;padding-left:24px;color:#c1d2b6;font-size:11px;line-height:1.55}.mystery-suspects{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.mystery-suspects button{padding:8px 12px;border:1px solid #5a7554;border-radius:6px;background:#193b2a;color:#e5e9cd;cursor:pointer}.mystery-suspects button:hover:not(:disabled){border-color:#f0d276;background:#294a32}.mystery-suspects button:disabled{opacity:.5;cursor:default}.daily-mystery-card .mystery-status{margin:10px 0 0;color:#b2c49e;font-size:10px}
.onsen-panel{inset:0;left:0;top:0;transform:none;width:100vw;height:100dvh;max-height:none;box-sizing:border-box;grid-template-columns:minmax(250px,43vw) minmax(300px,480px);align-content:center;justify-content:center;gap:clamp(18px,4vw,64px);border:0;border-radius:0;background:radial-gradient(ellipse at 30% 52%,#356d5344,transparent 44%),radial-gradient(ellipse at 82% 78%,#172f2188,transparent 60%),linear-gradient(160deg,#0c2018,#152f23 53%,#0a1811);box-shadow:none}.onsen-water-art{min-height:min(76vh,690px);border:3px solid #b19c68;border-radius:46% 46% 26% 26%;background:radial-gradient(ellipse at 50% 57%,#4daaa1 0 18%,#2d7471 19% 33%,#244d4b 34% 42%,#111c17 43% 48%,transparent 49%),radial-gradient(ellipse at 10% 20%,#74905b 0 4%,transparent 5%),radial-gradient(ellipse at 87% 14%,#657f50 0 5%,transparent 6%),linear-gradient(180deg,#233e2a 0 30%,#12271d 68%,#0d1b14);box-shadow:0 0 50px #95d4aa22,inset 0 0 38px #0009}.onsen-water-art:before{inset:9% 8% 7%;border-width:4px;border-radius:49% 49% 34% 34%;box-shadow:inset 0 0 0 10px #263e31,inset 0 0 0 14px #a38d59,0 15px 34px #0008}.onsen-water-art:after{inset:19% 17% 15%;border-radius:48% 48% 35% 35%;background:radial-gradient(ellipse at center,#59aaa244,transparent 65%);box-shadow:0 0 60px #83d8ca44}.onsen-water-art>i{width:min(22vw,230px);height:48px}.onsen-water-art>i:nth-child(2){width:min(17vw,170px)}.onsen-water-art>i:nth-child(3){width:min(12vw,120px)}.onsen-water-art>span{font-size:clamp(40px,6vw,76px)}.onsen-copy{padding:clamp(20px,3vw,42px);border:1px solid #536f4f;border-radius:14px;background:#0c2018eF;box-shadow:0 20px 55px #0008}.onsen-copy>button{min-height:48px}.onsen-copy>small:last-of-type{display:block;margin-top:10px}@media(max-width:650px){.onsen-panel{grid-template-columns:minmax(0,1fr);align-content:center;gap:10px;padding:14px}.onsen-water-art{min-height:38vh;border-radius:44% 44% 24% 24%}.onsen-copy{padding:16px}.onsen-copy h2{margin:3px 0 5px}.onsen-copy p{margin:4px 0}.onsen-recovery{margin:10px 0 7px}.onsen-copy>button{margin-top:9px}}

.life-need-hud{display:grid;grid-template-columns:auto minmax(72px,1fr) auto;align-items:center;gap:6px;margin-top:3px;color:#dce4c7;font-size:9px}.life-need-hud>span{color:#bfd3aa}.life-need-hud>i{height:6px;overflow:hidden;border:1px solid #53644a;background:#10170e}.life-need-hud>i>u{display:block;width:100%;height:100%;text-decoration:none;transition:width .3s}.satiety-hud>i>u{background:linear-gradient(90deg,#a6743b,#e2bd71)}.hydration-hud>i>u{background:linear-gradient(90deg,#3d88a4,#86d9df)}.life-need-hud>output{color:#d6e2c4;font:8px monospace}.life-need-hud.is-low>i>u{background:linear-gradient(90deg,#bc5448,#e78b56)}.life-need-hud.is-low>output{color:#ff9a7c}@media(max-width:600px){.life-need-hud{grid-template-columns:auto minmax(48px,1fr) auto;gap:4px}}
#hud-top .life-fatigue-hud,#hud-top .life-need-hud{position:relative}.need-gain-float{position:absolute;z-index:5;right:-34px;top:-6px;padding:1px 4px;border:1px solid currentColor;border-radius:5px;background:#07140feF;font:900 10px/1.25 monospace;text-shadow:0 0 8px currentColor;pointer-events:none;animation:need-gain-float-up 1.2s ease-out both}.need-gain-satiety{color:#f3cc73}.need-gain-hydration{color:#8ce8ee}.need-gain-fatigue{color:#a8f39b}@keyframes need-gain-float-up{0%{opacity:0;transform:translateY(7px) scale(.82)}18%{opacity:1;transform:translateY(0) scale(1.08)}72%{opacity:1;transform:translateY(-8px) scale(1)}100%{opacity:0;transform:translateY(-17px) scale(.94)}}