/* High-frequency progression surfaces and the death moment. */

/* Locked titles and collections remain desirable: sealed parchment rather than disabled boxes. */
#win-char .title-row{position:relative;overflow:hidden;isolation:isolate}
#win-char .ui-glyph{display:inline-block;width:17px;height:17px;vertical-align:-3px;flex:0 0 auto}
#win-char .ct-ic{display:grid;place-items:center;color:#d7bd7c}
#win-char .ct-ic .ui-glyph{width:16px;height:16px;display:block}
#win-char .state-glyph{color:#bca269;margin-right:3px}
#win-char .inline-glyph{width:13px;height:13px;vertical-align:-2px}
#win-char .title-row::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 90% 10%,rgba(212,185,119,.12),transparent 38%),linear-gradient(135deg,rgba(55,77,55,.55),rgba(12,29,22,.92))}
#win-char .title-row::after{content:"◆";position:absolute;right:12px;bottom:7px;color:#a9905980;font-size:9px;text-shadow:-14px 0 #a9905940,14px 0 #a9905940}
#win-char .title-row.locked{opacity:1;filter:none;border-color:#4f6049}
#win-char .title-row.locked::before{background:radial-gradient(circle at 85% 15%,rgba(121,108,78,.10),transparent 42%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7px),linear-gradient(145deg,#1b2b21,#101d17)}
#win-char .title-row.locked .title-name{color:#aa9b7d}
#win-char .title-row.locked .title-name::first-letter{color:#d3bd85}
#win-char .title-row.locked:hover{border-color:#81714e;box-shadow:inset 0 0 22px #b69b5920,0 3px 8px #0006}
#win-char .title-row.ready{border-color:#b89952;background:#28412b;box-shadow:inset 3px 0 #e0bd62,0 0 10px #cfad4430}
#win-char .title-row.claimed::after{content:"✦";font-size:14px;color:#d9c077}
#win-char .collection-card[data-kind="fishCaught"]::after{content:"◈"}
#win-char .collection-card[data-kind="oreMined"]::after{content:"◆"}
#win-char .collection-card[data-kind="mobKills"]::after{content:"⚔"}
#win-char .collection-card[data-kind="chestsOpened"]::after{content:"▣"}
#win-char .collection-card[data-kind="playerKills"]::after{content:"♜"}
#win-char .collection-card .coll-bar{height:9px;padding:1px;border-color:#625b3d;background:#07110d;box-shadow:inset 0 1px 4px #000}
#win-char .collection-card .coll-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#7d6528,#dbb855,#f2d77f);box-shadow:0 0 7px #c9a64f55}

/* Character combat and attributes become small instruments, not plain counters. */
#win-char .character-combat{position:relative;background:linear-gradient(145deg,#17291f,#0e1e17)}
#win-char .character-combat::after,#win-char .character-attributes::after,#win-char .character-journey::after{content:"";display:block;height:18px;margin:9px 20% -12px;background:var(--hud-divider) center/100% auto no-repeat;opacity:.72}
#win-char .combat-cell{position:relative;overflow:hidden;padding-left:48px;min-height:65px;justify-content:center}
#win-char .combat-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);box-sizing:border-box;width:29px;height:29px;padding:6px;border:1px solid #88754c;border-radius:50%;background:#101c16;color:#dcc17e;box-shadow:inset 0 0 8px #000,0 0 0 3px #26372a}
#win-char .character-stat-grid .stat-row{position:relative;overflow:hidden;background:linear-gradient(110deg,#213426,#16271e)}
#win-char .character-stat-grid .stat-row::after{position:absolute;right:-5px;bottom:-14px;font:700 48px/1 Georgia,serif;color:#cbb26a0d;pointer-events:none}
#win-char .character-stat-grid .stat-row[data-stat="STR"]::after{content:"S"}
#win-char .character-stat-grid .stat-row[data-stat="VIT"]::after{content:"V"}
#win-char .character-stat-grid .stat-row[data-stat="DEX"]::after{content:"D"}
#win-char .character-stat-grid .stat-row[data-stat="INT"]::after{content:"I"}

/* Rebirth is a ritual panel: split PvP/PvM paths, milestones and an active aura. */
#win-char .char-tab-content[data-section="reborn"]{position:relative;padding:18px;border:1px solid #6e5b7b;border-radius:5px;background:radial-gradient(circle at 50% 0,#76529625,transparent 42%),linear-gradient(#17261f,#101b16);box-shadow:inset 0 0 30px #7d4ca615}
#win-char .char-tab-content[data-section="reborn"]>p:first-child{font:700 21px Georgia,serif!important;color:#dfbdff!important;text-align:center;margin:0 0 9px!important;text-shadow:0 0 12px #a56ed077}
#win-char .char-tab-content[data-section="reborn"]>p:first-child::before,#win-char .char-tab-content[data-section="reborn"]>p:first-child::after{content:"◆";color:#ad8bc4;margin:0 12px;font-size:10px}
#win-char .reborn-heading-icon{width:25px;height:25px;vertical-align:-6px;color:#d7a9f1;margin-right:5px}
#win-char .rb-path{position:relative;overflow:hidden;min-height:108px;box-shadow:inset 0 0 0 2px #0c1712,0 4px 10px #0005}
#win-char .rb-path::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 45%,rgba(255,255,255,.035) 46%,transparent 50%)}
#win-char .rb-path-picker .rb-path:first-child{background:radial-gradient(circle at 15% 10%,#9b49302d,transparent 45%),linear-gradient(145deg,#2a221c,#111b17);border-color:#9b6948}
#win-char .rb-path-picker .rb-path:last-child{background:radial-gradient(circle at 15% 10%,#5d96522d,transparent 45%),linear-gradient(145deg,#1c2d20,#111b17);border-color:#5f8a57}
#win-char .rb-path.active{border-color:#c79ae4;box-shadow:inset 0 0 25px #9461b428,0 0 13px #b270df40}
#win-char .rb-path-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #826e50;border-radius:50%;background:#101a16;box-shadow:inset 0 0 9px #000,0 0 0 3px #2c382d}
#win-char .rb-path-icon .ui-glyph{width:23px;height:23px;color:#d8c083}
#win-char .rb-path-picker .rb-path:first-child .rb-path-icon .ui-glyph{color:#e0b58e}
#win-char .rb-path-picker .rb-path:last-child .rb-path-icon .ui-glyph{color:#9dce83}
#win-char .rb-line{position:relative;padding:7px 9px 7px 28px;margin:4px 0;border-left:1px solid #665875;background:#0b15114d}
#win-char .rb-line::before{content:"◇";position:absolute;left:9px;color:#826e8d}
#win-char .rb-line.rb-earned{color:#bde0ae;border-left-color:#72a464;background:#25432955}
#win-char .rb-line.rb-earned::before{content:"✦";color:#9fd48e}
#win-char .rb-line.rb-next{border-color:#c4a265;background:#5d4a2538;box-shadow:inset 3px 0 #d1af68}

/* Death screen: a rare, deliberate dramatic beat. */
#death-overlay{background:radial-gradient(circle at 50% 38%,#651d19 0,#230a0b 37%,#080506 78%)}
#death-overlay::before,#death-overlay::after{content:"";position:absolute;left:8%;right:8%;height:70px;z-index:1;pointer-events:none;background:var(--hud-divider) center/520px auto no-repeat;filter:sepia(1) saturate(1.4) hue-rotate(322deg) brightness(.85);opacity:.85}
#death-overlay::before{top:8%}
#death-overlay::after{bottom:8%;transform:rotate(180deg)}
#death-overlay .death-vignette{background:repeating-radial-gradient(circle at center,transparent 0 24px,rgba(150,30,20,.025) 25px 26px);box-shadow:inset 0 0 260px 95px #000}
#death-overlay .death-skull-bg{width:clamp(280px,55vh,500px);height:clamp(280px,55vh,500px);opacity:.035;filter:drop-shadow(0 0 45px #e04b3b);color:#d7b2a6}
#death-overlay .death-skull-bg svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#death-overlay .death-panel{isolation:isolate;padding:38px 46px 30px;max-width:480px;border:1px solid #b56852;border-radius:3px;background:radial-gradient(circle at 50% -10%,#87342738,transparent 48%),linear-gradient(180deg,#2c1716f2,#110b0bf5);box-shadow:inset 0 0 0 4px #170b0b,inset 0 0 0 5px #714134,0 22px 70px #000c}
#death-overlay .death-panel::before,#death-overlay .death-panel::after{content:"";position:absolute;width:76px;height:76px;background:var(--hud-leaf) center/contain no-repeat;filter:sepia(1) saturate(1.5) hue-rotate(320deg);opacity:.9;pointer-events:none}
#death-overlay .death-panel::before{left:-8px;top:-8px}
#death-overlay .death-panel::after{right:-8px;bottom:-8px;transform:rotate(180deg)}
#death-overlay .death-skull{width:88px;height:88px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid #a65c49;border-radius:50%;background:radial-gradient(circle,#541b17,#160b0b 67%);color:#e3b8ab;box-shadow:inset 0 0 18px #000,0 0 0 5px #241111,0 0 25px #c8493538}
#death-overlay .death-skull svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 5px #000)}
#death-overlay h2{font:700 35px/1.2 "Cinzel Decorative","Cinzel",serif;color:#e6b49f;letter-spacing:5px}
#death-overlay #death-cause{padding:10px 14px;margin:12px auto 22px;border-top:1px solid #72463b;border-bottom:1px solid #72463b;color:#c9b4a0;background:#09060655}
#death-overlay .death-btn{min-height:43px;border-color:#70483a;background:linear-gradient(#3b2820,#211511)}
#death-overlay .death-btn-primary{border-color:#c8a45e;background:linear-gradient(#d2ae62,#8f692b);box-shadow:inset 0 1px #fff4bd,0 3px 0 #3f2a12,0 0 14px #d2a64c30}
#death-overlay .death-hint{display:inline-block;margin-top:24px;padding:7px 12px;border:1px solid #52362f;background:#100a0a;color:#9f897d}
#death-overlay #revive-wait{padding:12px;border:1px solid #50758c;background:#0d1c25;box-shadow:inset 0 0 15px #3d789030}
@media(max-width:650px){#death-overlay .death-panel{width:88%;padding:28px 18px 22px}#death-overlay::before,#death-overlay::after{left:2%;right:2%;background-size:340px auto}#win-char .char-tab-content[data-section="reborn"]{padding:11px}}
@media(prefers-reduced-motion:reduce){#death-overlay,#death-overlay .death-panel{animation:none}}

/* First rebirth choice: a ceremonial split between steel and wilderness. */
#reborn-path-modal{background:radial-gradient(circle at 50% 42%,rgba(89,67,45,.28),transparent 42%),rgba(3,8,6,.86);backdrop-filter:blur(3px)}
#reborn-path-modal .reborn-choice-modal{position:relative;isolation:isolate;box-sizing:border-box;width:min(760px,94vw);padding:24px 28px 22px;overflow-x:hidden;border:1px solid #a4874f;border-radius:4px;background:radial-gradient(circle at 50% -5%,rgba(174,134,66,.16),transparent 35%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 8px),linear-gradient(155deg,#211912,#110f0c 58%,#151710);box-shadow:inset 0 0 0 4px #0e0d0a,inset 0 0 0 5px #57452c,0 24px 85px #000d}
#reborn-path-modal .reborn-choice-modal::before,#reborn-path-modal .reborn-choice-modal::after{content:"";position:absolute;z-index:2;width:88px;height:88px;pointer-events:none;background:var(--hud-leaf) center/contain no-repeat;filter:sepia(.7) saturate(1.35) brightness(.9);opacity:.85}
#reborn-path-modal .reborn-choice-modal::before{left:-7px;top:-7px}
#reborn-path-modal .reborn-choice-modal::after{right:-7px;bottom:-7px;transform:rotate(180deg)}
#reborn-path-modal .news-title{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 38px 13px;padding:0 0 15px;border:0;background:var(--hud-divider) center bottom/100% auto no-repeat;color:#f2d27b;font:700 25px/1.05 Georgia,serif;letter-spacing:.6px}
#reborn-path-modal .news-title span{display:flex;align-items:baseline;gap:8px}
#reborn-path-modal .news-title small{font:600 15px/1 Georgia,serif;color:#c4af80;letter-spacing:.2px}
#reborn-path-modal .reborn-modal-icon{width:32px;height:32px;color:#d6aef0;filter:drop-shadow(0 0 7px #a458cc88)}
#reborn-path-modal .rb-choice-intro{max-width:660px;margin:0 auto 15px;color:#e5d9c1;font-size:13px;line-height:1.55;text-align:center}
#reborn-path-modal .rb-choice-intro .muted{color:#a99b81}
#reborn-path-modal .rb-path-grid{position:relative;gap:16px;margin:12px 0}
#reborn-path-modal .rb-path-grid::before{content:"";position:absolute;z-index:2;left:50%;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,#8e7748 24%,#8e7748 76%,transparent);box-shadow:0 0 7px #c6a35855}
#reborn-path-modal .rb-path.rb-choice{position:relative;overflow:hidden;min-height:290px;padding:17px;border-width:1px;border-radius:5px;transition:border-color .14s ease, box-shadow .14s ease;}
#reborn-path-modal .rb-path.rb-choice::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 42%,rgba(255,255,255,.035) 43%,transparent 48%),radial-gradient(circle at 14% 8%,var(--rb-glow),transparent 42%)}
#reborn-path-modal .rb-choice-pvp{--rb-accent:#c78a5f;--rb-glow:#a84c343d;background:linear-gradient(155deg,#2d1f18,#140f0c 72%)!important;border-color:#865a3f!important}
#reborn-path-modal .rb-choice-pvm{--rb-accent:#9bc47c;--rb-glow:#659d5138;background:linear-gradient(155deg,#17291c,#0e1510 72%)!important;border-color:#56794d!important}
#reborn-path-modal .rb-path.rb-choice:hover{border-color:var(--rb-accent)!important;box-shadow:inset 0 0 25px var(--rb-glow),0 9px 22px #0008,0 0 13px var(--rb-glow)}
#reborn-path-modal .rb-choice .rb-path-h{position:relative;display:flex;align-items:center;gap:12px;margin:0 0 13px;padding:0 0 12px;border-bottom:1px solid color-mix(in srgb,var(--rb-accent) 55%,transparent)}
#reborn-path-modal .rb-choice .rb-path-h>span:last-child{display:grid;gap:3px}
#reborn-path-modal .rb-choice .rb-path-h b{color:#f1d78c;font-size:15px}
#reborn-path-modal .rb-choice .rb-path-h small{display:block;color:#bba98a;font-size:11px;font-weight:400;line-height:1.3}
#reborn-path-modal .rb-choice-sigil{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid var(--rb-accent);border-radius:50%;background:#0a0d0b;box-shadow:inset 0 0 13px #000,0 0 0 3px #252219}
#reborn-path-modal .rb-choice-sigil .ui-glyph{width:26px;height:26px;color:var(--rb-accent);filter:drop-shadow(0 0 5px var(--rb-glow))}
#reborn-path-modal .rb-choice-watermark{position:absolute;right:20px;bottom:58px;width:105px;height:105px;color:var(--rb-accent);opacity:.055;pointer-events:none;transform:rotate(-8deg)}
#reborn-path-modal .rb-choice-watermark .ui-glyph{width:100%;height:100%;stroke-width:1.15}
#reborn-path-modal .rb-benefits{position:relative;display:grid;grid-auto-rows:min-content;align-content:start;gap:5px;flex:1}
#reborn-path-modal .rb-choice .rb-line{display:flex;align-items:flex-start;gap:7px;margin:0;padding:6px 8px;border-left:2px solid color-mix(in srgb,var(--rb-accent) 70%,transparent);background:#070a087a;color:#cad8b9;font-size:12px;line-height:1.35}
#reborn-path-modal .rb-choice .rb-line .inline-glyph{flex:0 0 14px;width:14px;height:14px;margin-top:1px;color:var(--rb-accent)}
#reborn-path-modal .rb-tools{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;color:#e3c669}
#reborn-path-modal .rb-tools i{width:1px;height:14px;margin:0 2px;background:#806f42}
#reborn-path-modal .rb-tools .ui-glyph{width:14px;height:14px}
#reborn-path-modal .rb-max-note{margin:10px 0 2px;padding-top:8px;border-top:1px solid #62513c;color:#95866d;font-size:11px}
#reborn-path-modal .rb-max-note b{color:var(--rb-accent)}
#reborn-path-modal .rb-choice .btn-accept{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;margin-top:11px!important;border-color:var(--rb-accent);background:linear-gradient(#504328,#241d13);color:#f2dfac;box-shadow:inset 0 1px #fff2b129,0 3px 0 #080706}
#reborn-path-modal .rb-choice-pvp .btn-accept{background:linear-gradient(#6a422f,#321d16)}
#reborn-path-modal .rb-choice-pvm .btn-accept{background:linear-gradient(#3f5c36,#1c2d1a)}
#reborn-path-modal .rb-choice .btn-accept .ui-glyph{width:16px;height:16px}
#reborn-path-modal .rb-choice-footer{position:relative;margin-top:15px;padding:11px 14px 11px 42px;border:1px solid #50452f;background:linear-gradient(90deg,#17150f,#0d110d);color:#c6bca7;font-size:12px;line-height:1.55}
#reborn-path-modal .rb-choice-footer::before{content:"";position:absolute;left:14px;top:14px;width:16px;height:21px;border:1px solid #9c8450;border-radius:8px 8px 3px 3px;background:linear-gradient(90deg,transparent 45%,#9c8450 46% 54%,transparent 55%);opacity:.75}
#reborn-path-modal .rb-warning{display:inline-flex;align-items:center;gap:6px;color:#e49a8f}
#reborn-path-modal .rb-warning .ui-glyph{width:15px;height:15px}
#reborn-path-modal .rb-choice-cancel{display:block;min-width:142px;margin:13px auto 0;padding:8px 24px;border-color:#65563c;background:linear-gradient(#3a3124,#1c1812)}
@media(max-width:640px){#reborn-path-modal{padding:8px}#reborn-path-modal .reborn-choice-modal{width:100%;max-height:94vh;padding:18px 13px}#reborn-path-modal .news-title{margin:0 20px 12px;font-size:21px}#reborn-path-modal .news-title span{display:grid;gap:2px}#reborn-path-modal .rb-path-grid{grid-template-columns:1fr}#reborn-path-modal .rb-path-grid::before{display:none}#reborn-path-modal .rb-path.rb-choice{min-height:0}#reborn-path-modal .reborn-choice-modal::before,#reborn-path-modal .reborn-choice-modal::after{width:58px;height:58px}}