@font-face{font-family:Creepster;src:url('/assets/Creepster-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#101010;--panel:#191816;--line:#35312a;--gold:#d4b783;--mute:#aaa498;--red:#a74136;scroll-behavior:smooth;scroll-padding-top:20px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#ebe7df;font:14px/1.7 'Malgun Gothic',sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:wait;opacity:.6}img{max-width:100%}[hidden]{display:none!important}header{padding:18px 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px}.sigil{display:block;width:58px;height:66px;flex:none;object-fit:contain;filter:drop-shadow(0 2px 7px #a7000044)}.brand{min-width:0}.brand-wordmark{font:400 clamp(27px,3vw,38px)/1 Creepster,Georgia,serif;letter-spacing:2px;color:#efe0d4;text-shadow:0 2px #3f0e0e,0 0 16px #ac1c1c33}.brand small{display:block;font:11px/2.4 'Malgun Gothic',sans-serif;letter-spacing:4px;color:var(--mute)}.header-end{margin-left:auto;font-size:11px;color:var(--mute)}.dot{color:#b1bb8b;margin-right:7px}
.shell{max-width:1560px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr) 290px;align-items:start;gap:22px;padding:26px 28px}.shell>*{min-width:0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold)}.panel{background:var(--panel);border:1px solid var(--line)}.player-summary{display:none}.player-details{min-width:0}.hunter{background:#151413}.hunter-portrait{width:100%;aspect-ratio:1774/2658;overflow:hidden;position:relative}.hunter-portrait img{display:block;width:300%;max-width:none;height:auto;transform:translateX(0);transition:transform .5s}.hunter-title{padding:12px 16px;border-top:1px solid var(--line)}.hunter-title b{display:block;font-size:18px}.hunter-title span{font-size:10px;color:var(--gold)}.stats{padding:16px}.level{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--mute)}.bar{height:4px;background:#38342c;overflow:hidden;margin:9px 0 17px}.fill{height:100%;background:var(--gold);width:0;transition:width .4s}.stat{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:12px 0;color:var(--mute);font-size:12px}.stat b{font-size:18px;color:#ece6da}.stat small{color:var(--gold)}.evolve{font-size:11px;border-top:1px solid var(--line);padding-top:14px;margin-top:16px;color:var(--gold)}.upgrade{width:100%;min-height:46px;margin-top:14px;padding:10px;background:#30271d;border:1px solid #806b48;color:var(--gold)}.sub{font-size:11px;color:var(--mute);margin-top:8px;text-align:center;overflow-wrap:anywhere}.brief{padding:16px;margin-top:16px}.brief p{font-size:12px;color:var(--mute);margin:7px 0}.topline{display:flex;align-items:center;gap:14px;margin:0 0 16px}.topline h1{font-size:25px;font-weight:500;margin:0}.chapter{font:14px Georgia;color:var(--gold);margin-left:auto}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{background:transparent;border:0;color:var(--mute);min-height:46px;padding:8px 0;font-size:13px}.tabs button.active{color:var(--gold);border-bottom:2px solid var(--gold)}
/* Artwork follows intrinsic dimensions: no crop, stretched height, or text overlay. */
.boss-art{border:1px solid #554531;background:#15120f;min-width:0}.boss-image-button{display:block;width:100%;padding:0;border:0;background:#15120f;cursor:zoom-in}.boss-art img{display:block;width:100%;height:auto;object-fit:contain}.boss-label{padding:17px 21px;border-top:1px solid #423626;background:linear-gradient(100deg,#231c14,#15120f)}.boss-label h2{font-size:30px;letter-spacing:3px;margin:7px 0 2px;line-height:1.25}.boss-label p{margin:0;color:#cec2ac;font-size:13px}.seal-number{border:1px solid #8e754d;padding:3px 8px;display:inline-block;font-size:10px;color:#e1c58f}.boss-info{padding:16px 0;color:var(--mute);font-size:13px;overflow-wrap:anywhere}.boss-info strong{color:var(--gold);font-weight:400}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:9px}.actions button{min-height:48px;padding:10px;background:#28241e;border:1px solid #615039;font-size:13px}.actions button.primary{background:var(--red);border-color:#bd6658;color:#fff}.battle-bars{margin-top:15px}.battle-bars .bar{margin:6px 0 12px;height:6px}.battle-bars span{font-size:12px;color:var(--mute)}.battle-bars .enemy{background:#ad5145}.battle-bars .self{background:#9da889}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin:25px 0 13px}.section-head b{font-weight:400;font-size:14px}.section-head span{font-size:11px;color:var(--mute)}.demons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.demon-card{min-width:0;padding:0;background:#171614;border:1px solid var(--line);text-align:left}.demon-card.selected{border-color:var(--gold)}.demon-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#100e0c}.demon-card div{padding:10px}.demon-card b{display:block;font-size:13px;font-weight:400}.demon-card small{font-size:11px;color:var(--mute)}
.journal{display:flex;flex-direction:column;max-height:930px;min-width:0;scroll-margin-top:20px}.journal-title{padding:18px;border-bottom:1px solid var(--line)}.journal-title h2{font-size:16px;font-weight:400;margin:4px 0 0}.log{padding:17px;overflow-y:auto;max-height:500px;min-height:230px;display:flex;flex-direction:column;gap:17px;overscroll-behavior-y:contain;scrollbar-gutter:stable}.entry{font-size:13px;color:#c6c0b4;white-space:pre-wrap;overflow-wrap:anywhere;border-left:1px solid #50422e;padding-left:12px;line-height:1.9}.entry.user{color:#a1988b;font-size:11px;border:0;padding:0}.entry.victory,.entry.upgrade{color:#e5c789}.entry time{font-size:10px;display:block;color:#9b907e;letter-spacing:1px;margin-bottom:6px}.quick{display:flex;flex-wrap:wrap;gap:7px;padding:13px;border-top:1px solid var(--line)}.quick button{background:#24211c;border:1px solid #51452f;min-height:44px;min-width:44px;padding:8px 11px;font-size:12px;color:#d1c3a2}.chat-form{display:flex;min-width:0;margin:0 13px 13px;border:1px solid #615039}.chat-form input{min-width:0;width:0;flex:1;background:#11100e;border:0;padding:12px;color:#ddd;font-size:16px}.chat-form button{background:#443524;border:0;min-width:56px;min-height:46px;font-size:13px;padding:0 12px}.status{padding:11px 15px;color:#a29682;font-size:11px;border-top:1px solid var(--line)}footer{text-align:center;color:#978d7c;font-size:11px;max-width:1000px;margin:12px auto 30px;padding:0 24px;overflow-wrap:anywhere}.page{display:none}.page.active{display:block}
.codex-row{display:grid;grid-template-columns:minmax(120px,30%) minmax(0,1fr);gap:20px;margin-bottom:18px;padding:20px;border:1px solid #514430;background:linear-gradient(135deg,#221e17,#171614)}.codex-portrait{align-self:start;border:1px solid #6c5739;padding:0;background:#100e0c;text-align:left;cursor:zoom-in;min-width:0}.codex-portrait img{display:block;width:100%;height:auto;object-fit:contain}.codex-portrait span{display:block;padding:10px;font-size:11px;text-align:center;color:var(--gold)}.codex-copy{min-width:0}.codex-row h3{font-size:20px;line-height:1.4;margin:3px 0 10px;color:var(--gold)}.codex-concept{font-size:12px;color:var(--mute);margin:0 0 18px}.notebook-story{font:15px/2.05 'Batang','Noto Serif KR',serif;color:#d4c6ab;white-space:pre-line;overflow-wrap:anywhere;margin:0}.note-signature{font:12px/1.8 'Batang',serif;color:#a58c62;margin-top:16px}.codex-row .reward{font-size:12px;color:var(--gold);padding-top:14px;margin-top:15px;border-top:1px solid var(--line)}.roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:18px}.roster span{border:1px solid var(--line);text-align:center;font-size:11px;color:#9c907c;padding:7px 3px}.roster span.done{border-color:#887448;color:var(--gold)}.product{padding:22px;background:var(--panel);border:1px solid var(--line);margin-bottom:14px;display:flow-root;overflow-wrap:anywhere}.product h3{font-size:19px;margin:9px 0}.product p{font-size:13px;color:var(--mute)}.product .price{font:25px Georgia;color:var(--gold)}.product button{float:right;min-height:44px;background:transparent;border:1px solid #806b48;color:var(--gold);padding:8px 12px;font-size:13px}.notice{padding:15px;background:#211c15;color:#c2ac86;border:1px solid #51422b;font-size:12px;line-height:1.9;margin-bottom:18px;overflow-wrap:anywhere}
.note-nudge{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;margin-top:15px;border:1px solid #9a7649;background:#2b2117}.note-nudge p{margin:0;font-size:13px;color:#ddc5a1}.note-button{min-height:46px;border:1px solid #9b7c4e;background:#3b2d1d;padding:10px 14px;color:#ead1a1;font-size:13px;white-space:nowrap}.entry .note-button{display:block;margin-top:13px;white-space:normal;width:100%}#toast{position:fixed;bottom:28px;left:50%;max-width:calc(100vw - 32px);width:max-content;transform:translate(-50%,12px);background:#342819;border:1px solid #bc9658;padding:13px 20px;color:#f3d9a4;z-index:40;opacity:0;transition:.25s;pointer-events:none;font-size:13px;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.flash{animation:flash .7s}@keyframes flash{50%{box-shadow:inset 0 0 70px #c0873c77}}.mobile-nav{display:none}
dialog{color:#ece2d2;background:#15120f;border:1px solid #806a46;padding:0;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#050403e6;backdrop-filter:blur(5px)}.dialog-head{position:sticky;top:0;z-index:1;background:#211b13;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:16px;margin:0;color:var(--gold)}.dialog-close{min-width:46px;min-height:46px;background:#2c241b;border:1px solid #725b3b;font-size:22px}.art-dialog{width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}.art-dialog img{display:block;width:100%;height:auto;max-height:calc(100dvh - 160px);object-fit:contain}.art-caption{margin:0;padding:12px 18px;color:var(--mute);font-size:12px}.note-dialog{width:min(640px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;background:linear-gradient(125deg,#2a2319,#16130f)}.note-body{padding:25px}.note-body h3{font:22px/1.5 'Batang',serif;color:#e2c28c;margin:8px 0 20px}.note-decipher{border-top:1px solid #645132;margin-top:25px;padding-top:16px}.note-decipher summary{min-height:44px;cursor:pointer;color:var(--gold);font-size:14px}.note-decipher p{color:#e4cba5;font-size:14px;white-space:pre-line}.art-dialog[open],.note-dialog[open]{overscroll-behavior:contain}body:has(dialog[open]){overflow:hidden}
@media (max-width:1279px) and (min-width:900px){.shell{grid-template-columns:210px minmax(0,1fr);gap:22px;padding:24px}.journal{grid-column:2;max-height:none}.log{max-height:320px;min-height:180px}.header-end{font-size:10px}.codex-row{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:899px){:root{scroll-padding-top:14px}header{padding:12px 20px;gap:12px}.sigil{width:46px;height:54px}.brand-wordmark{font-size:31px}.brand small{font-size:10px;letter-spacing:3px}.header-end{display:none}.shell{grid-template-columns:minmax(0,1fr);gap:20px;padding:18px 20px}.player-sidebar{min-width:0}.player-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;min-height:72px;padding:13px 16px;color:#ddd1b9}.player-summary::-webkit-details-marker{display:none}.player-summary b{display:block;font-size:14px}.player-summary small{display:block;color:var(--mute);font-size:12px;margin-top:3px}.summary-chevron{font-size:17px;color:var(--gold);transition:transform .2s}.player-panel[open] .summary-chevron{transform:rotate(180deg)}.player-details{display:grid;grid-template-columns:120px minmax(0,1fr);border-top:1px solid var(--line)}.hunter{align-self:start}.hunter-title{padding:10px}.hunter-title b{font-size:13px}.hunter-title span{font-size:9px}.stats{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:8px}.level,.stats>.bar,.evolve,.upgrade,.sub{grid-column:1/-1}.stats>.bar{margin:0 0 4px}.stat{margin:0;font-size:12px}.stat b{font-size:16px}.evolve{margin-top:2px;padding-top:8px}.upgrade{margin:0}.sub{margin:0}.brief{display:none}.journal{grid-column:auto;max-height:none}.log{max-height:330px;min-height:180px}.topline{margin-bottom:10px}.boss-label{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;align-items:center;padding:15px 18px}.boss-label .seal-number{grid-row:1/3;align-self:center}.boss-label h2{font-size:26px;letter-spacing:2px;margin:0}.boss-label p{font-size:12px}.tabs{margin-bottom:16px}.codex-row{grid-template-columns:180px minmax(0,1fr)}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid #675031;background:#16130ff5;backdrop-filter:blur(12px)}.mobile-nav button{min-height:48px;background:transparent;border:0;border-radius:3px;font-size:13px;color:#b6aa94}.mobile-nav button.active{color:#f0d9a5;background:#3a2c1b}.mobile-nav button span{display:block;font-size:10px;line-height:1.1;color:#99815b;letter-spacing:1px;margin-bottom:4px}body{padding-bottom:calc(77px + env(safe-area-inset-bottom))}#toast{bottom:calc(86px + env(safe-area-inset-bottom))}footer{padding:0 20px;margin-bottom:20px}body:has(.chat-form input:focus) .mobile-nav{display:none}}
@media(max-width:599px){header{padding:10px 14px}.sigil{width:43px;height:50px}.brand-wordmark{font-size:29px;letter-spacing:1.5px}.brand small{font-size:9px;letter-spacing:2.4px}.shell{padding:14px 12px;gap:18px}.player-summary{padding:12px;min-height:70px}.player-summary b{font-size:13px}.player-summary small{font-size:11px}.player-details{grid-template-columns:92px minmax(0,1fr)}.hunter-title b{font-size:12px}.stats{padding:12px;column-gap:12px}.stat{display:block;font-size:11px}.stat b{display:block;font-size:16px}.sub{font-size:10px}.topline h1{font-size:23px}.tabs{display:none}.boss-label{grid-template-columns:1fr;gap:7px;padding:15px}.boss-label .seal-number{grid-row:auto;justify-self:start}.boss-label h2{font-size:27px}.boss-info{padding:14px 2px;font-size:13px}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.actions:has(button:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}.actions button{padding:11px 6px;min-height:48px}.section-head{margin-top:22px}.section-head span{font-size:10px}.demons{gap:7px}.demon-card div{padding:9px 6px}.demon-card b{font-size:12px}.demon-card small{font-size:10px}.codex-row{grid-template-columns:minmax(0,1fr);gap:17px;padding:16px}.codex-portrait{width:100%}.codex-row h3{font-size:22px}.notebook-story{font-size:15px;line-height:2}.roster{gap:5px}.roster span{font-size:10px}.product{padding:18px}.notice{padding:13px}.note-nudge{align-items:stretch;flex-direction:column;gap:10px}.note-button{width:100%;white-space:normal}.note-body{padding:20px}.art-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.dialog-head{padding:9px 12px}.dialog-head h2{font-size:14px}.art-caption{padding:12px;font-size:11px}.quick{gap:7px}.quick button{flex:1;min-width:60px}#toast{font-size:12px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Cooperative RPG panels share the original art and responsive layout. */
select{font:inherit;max-width:100%;color:#e8dcc7;background:#15130f;border:1px solid #655236;min-height:44px;padding:8px}button:disabled{cursor:not-allowed}.profile-toolbar{max-width:1560px;margin:auto;padding:12px 28px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.profile-toolbar button,.inline-actions button,.social-card button{min-height:44px;padding:9px 13px;border:1px solid #79613d;background:#2d251a;color:#e0c79c}.profile-toolbar label{margin-right:auto;font-size:12px;color:var(--mute)}.profile-toolbar select{margin-left:8px}.seal-placeholder{min-height:250px;background:radial-gradient(ellipse at center,#36291b,#14110e 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;border-bottom:1px solid #4e3e29;color:#9f7e50;gap:12px}.seal-placeholder b{font:80px Georgia;color:#a58c62}.seal-placeholder span{letter-spacing:4px;font-size:10px}.small-placeholder{min-height:110px;font:32px Georgia;border:0}.counter-impact{display:flex;align-items:center;gap:18px;border:1px solid #b15a47;background:#361a14;padding:16px;margin-top:14px;animation:flash .7s}.counter-impact img{width:50px;height:auto;object-fit:contain}.counter-impact b{font-size:21px;color:#ffcab0}.counter-impact p{margin:0;color:#deab93}#field-actions{margin-top:16px}#combat-panel{border:1px solid #59482f;padding:18px;margin-top:15px;background:#1b1712}.combat-heading{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;color:var(--gold);font-size:12px}.telegraph{padding:14px;border-left:2px solid #ac6041;background:#2b2116;font-size:15px;line-height:1.9}.member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.member{border:1px solid #51432d;padding:12px;min-width:0;overflow-wrap:anywhere}.member b{font-size:12px;display:block}.member small,.member span{font-size:11px;display:block;color:#b8aa92}.member .bar{margin:7px 0 0}.member.fallen{opacity:.55}.target-label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:15px 0;font-size:12px}.combat-actions button{min-height:64px}.combat-actions small{display:block;font-size:10px;color:#b5a58d}.inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.social-card,.class-card{padding:22px;background:linear-gradient(120deg,#211b14,#171512);border:1px solid #59492f;margin-bottom:16px;min-width:0}.social-card h2,.class-card h2{font:22px/1.5 'Batang',serif;color:var(--gold);margin:8px 0 16px}.social-card p,.class-card p{font-size:12px;color:#b7a98f;overflow-wrap:anywhere}.class-card.selected{border-color:var(--gold)}.skill-list>div{border-top:1px solid #453923;padding:14px 0}.skill-list b{color:#deca9f;font-size:14px}.skill-list small{display:block;color:#a79576;font-size:11px}.skill-list p{margin:6px 0 0}.social-card form{display:flex;flex-wrap:wrap;align-items:end;gap:9px;margin:18px 0}.social-card label{flex:1;min-width:120px;font-size:12px;color:#b8a98e}.social-card input,.social-card select{display:block;width:100%;min-width:0;min-height:44px;background:#100f0c;border:1px solid #685132;color:#e3d3b3;font-size:16px;padding:9px;margin-top:7px}.quest-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;border-bottom:1px solid #453923;padding:12px 0;font-size:12px}.quest-row span{color:#d1b47e}.clan-roster>div{padding:11px 0;border-bottom:1px solid #453923}.clan-roster b{font-size:13px;display:block}.clan-roster span{font-size:11px;color:#b3a68e}.record-state{font-size:12px;color:#cfb581}.locked{opacity:.7}.codex-copy .inline-actions button{min-height:44px}#class-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.class-card{margin:0}.tabs{gap:22px}.tabs button{white-space:nowrap}.entry.round{font-size:11px;color:#bca67f}.demons{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:899px){.profile-toolbar{padding:12px 22px 0}.profile-toolbar label{width:100%;display:flex;justify-content:space-between;align-items:center}.profile-toolbar select{max-width:70%}.social-card,.class-card{padding:17px}}
@media(max-width:599px){.profile-toolbar{padding:10px 12px 0;gap:6px}.profile-toolbar button{font-size:11px;padding:8px 10px;flex:1}#class-list{grid-template-columns:1fr}#combat-panel{padding:13px}.combat-actions.actions:has(button:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}.combat-actions.actions{grid-template-columns:repeat(2,minmax(0,1fr))}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member{padding:9px}.member b{font-size:11px}.target-label select{width:100%}.seal-placeholder{min-height:200px}.small-placeholder{min-height:80px}.social-card form{align-items:stretch}.social-card form button{width:100%}.social-card h2{font-size:20px}.counter-impact{padding:13px}}

.member-grid:has(.member:only-child){grid-template-columns:1fr}.counter-impact{position:fixed;z-index:45;top:90px;right:20px;width:min(360px,calc(100vw - 32px));margin:0;pointer-events:none;box-shadow:0 12px 40px #0009}
@media(max-width:599px){.counter-impact{top:12px;right:16px}.counter-impact b{font-size:18px}}

/* Local owner resource tools. Permissions are checked again by the server. */
.profile-toolbar .test-tools-entry{border-color:#a85d47;background:#351e16;color:#f1c89e}.test-tools-entry small{font:10px Georgia;color:#dd997f;margin-left:5px}.test-tools-dialog{width:min(640px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto}.test-tools-body{padding:20px}.test-tools-owner{margin:0;color:var(--gold);font-size:13px}.test-tools-copy{font-size:12px;color:var(--mute);line-height:1.8}.test-resource-row{padding:15px 0;border-bottom:1px solid var(--line)}.test-resource-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:10px}.test-resource-row output{font:22px Georgia;color:#f0ce8f;overflow-wrap:anywhere}.test-resource-buttons{display:flex;gap:8px;flex-wrap:wrap}.test-resource-buttons button{min-height:44px;flex:1;padding:9px;border:1px solid #816540;background:#30261a;font-size:12px;color:#e4c89c}.test-resource-buttons button[data-resource-op="remove"]{background:#281b17;border-color:#795144}.test-resource-buttons button[data-resource-op="set"]{background:#201e18}.test-tools-body form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.test-tools-body form label{font-size:12px;color:var(--mute);min-width:0}.test-tools-body input,.test-tools-body select{display:block;width:100%;margin-top:7px;min-height:46px;padding:9px;background:#12100d;color:#efddba;border:1px solid #6d5739;font-size:16px}.test-tools-body form .test-resource-buttons{grid-column:1/-1}#test-tools-feedback{font-size:13px;color:#e9cb94;min-height:24px;margin:12px 0 0;overflow-wrap:anywhere}
@media(max-width:599px){.test-tools-body{padding:15px}.test-resource-buttons button{min-width:90px}.test-resource-row output{font-size:20px}.test-tools-body form{grid-template-columns:1fr}.test-tools-body form .test-resource-buttons{grid-column:auto}}

/* Connected growth: previews, scouting, guaranteed collection and support. */
.growth-overview{border:1px solid var(--line);padding:16px;margin-top:16px;background:#201a13}.growth-overview button,.growth-goal button{min-height:44px;padding:8px 12px;border:1px solid #79613d;background:#2d251a;color:#e0c79c}.growth-goal{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #453923;font-size:12px;line-height:1.8}.growth-goal span{min-width:0;overflow-wrap:anywhere}.growth-goal button{flex-shrink:0}.engraving-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.engraving-card{border:1px solid #51432d;padding:14px;min-width:0}.engraving-card.selected{border-color:var(--gold);background:#30271b}.engraving-card h3{font-size:14px;color:var(--gold)}.preset-row,.support-row{padding:14px 0;border-bottom:1px solid #453923;font-size:12px}.preset-row>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.support-row b{overflow-wrap:anywhere}#support-content details{margin-top:16px}#support-content summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--gold)}#growth-content button{white-space:normal}#growth-content .social-card h2{font-size:20px}
@media(max-width:599px){.engraving-grid{grid-template-columns:1fr}.growth-overview{padding:13px}.preset-row button{flex:1}.growth-goal{font-size:12px}}

/* Compact navigation: character progression lives in its own destination. */
.profile-toolbar{flex-wrap:nowrap;padding-top:10px;gap:8px;min-width:0}
.profile-toolbar button{border-radius:10px;min-height:40px;height:40px;padding:7px 12px;font-size:12px;line-height:1.2;white-space:nowrap;flex:0 0 auto;transition:background .15s,border-color .15s}
.profile-toolbar button:hover{background:#443421;border-color:#b99a63}
#web-account{min-width:0;margin-right:auto;gap:8px}#web-account-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--gold)}
.guest-notice{max-width:1504px;margin:10px auto 0;padding:8px 16px;display:flex;align-items:center;gap:10px;border:1px solid #3c352b;border-radius:10px;background:#1b1813;font-size:12px;color:#c1b49b}
.guest-notice span{flex:1;min-width:0}.guest-notice small{color:#938979}.guest-notice button{border:0;background:transparent;color:var(--gold);padding:4px;min-height:36px;white-space:nowrap}
.character-sheet{padding:22px;border:1px solid #685032;border-radius:14px;background:linear-gradient(125deg,#30241a,#191714);margin-bottom:16px}
.character-sheet h2{margin:5px 0 0;font-size:24px;line-height:1.35}.character-sheet p{color:var(--gold);margin:4px 0 18px;font-size:12px}
.character-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.character-stats>div{padding:10px 12px;background:#100e0d66;border:1px solid #69533666;border-radius:9px}.character-stats small{display:block;color:var(--mute);font-size:11px}.character-stats b{display:block;font-size:22px;font-weight:500;color:#efdebe}
.character-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#181512;border:1px solid #493a29;border-radius:12px;padding:5px;margin-bottom:18px}
.character-tabs button{border:0;border-radius:8px;background:transparent;color:#aaa08d;min-height:44px;font-size:13px;white-space:nowrap;padding:8px 4px}.character-tabs button.active{background:#59402a;color:#f5dfba;box-shadow:0 2px 8px #0003}
.inline-actions button,.social-card button,.actions button,.quick button,.note-button{border-radius:9px}
@media(max-width:899px){
 header{padding-top:9px;padding-bottom:9px}.profile-toolbar{padding:8px 12px 0;gap:6px}.profile-toolbar button{padding:6px 10px;min-height:38px;height:38px;font-size:11px}
 #web-account{gap:6px}#web-account-name{max-width:100px;font-size:11px}#web-account button{font-size:11px}
 .guest-notice{margin:8px 12px 0;padding:7px 10px;font-size:11px;line-height:1.5}.guest-notice small{display:block;font-size:10px}
 .shell{padding-top:12px;gap:12px}.player-summary{min-height:56px;padding:9px 12px}.tabs{display:none}
 .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom));gap:3px}
 .mobile-nav button{min-height:46px;font-size:11px;border-radius:10px}.mobile-nav button span{font-size:9px;letter-spacing:.5px;margin-bottom:3px}.mobile-nav button.active{background:#533820;color:#ffe6ba}
 .character-sheet{padding:18px;margin-bottom:12px}.character-sheet h2{font-size:22px}.character-sheet p{margin-bottom:12px}.character-stats b{font-size:20px}.character-tabs{margin-bottom:14px}
 .growth-overview{padding:9px 12px;margin-top:12px;border-radius:10px}.growth-overview>.eyebrow,.growth-overview>.growth-goal{display:none}.growth-overview .inline-actions{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.growth-overview button{min-height:40px;padding:7px 6px;font-size:12px}
 #field-actions button{min-height:44px;font-size:12px;padding:9px 5px}.topline h1{font-size:22px}.topline{margin-bottom:8px}
 .quick{flex-wrap:nowrap;overflow-x:auto;padding:10px;gap:7px;scrollbar-width:thin}.quick button{flex:0 0 auto;white-space:nowrap;min-width:60px;min-height:40px;height:40px;padding:7px 10px}
}
@media(max-width:374px){#web-account-name{max-width:70px}.profile-toolbar button{padding-left:7px;padding-right:7px}.character-tabs button{font-size:12px}}