/* Campaigns, sessions and character creation. Presentation only, scoped to these pages. */
.voyage-page { --voyage-danger:#e0a59a; --voyage-green:#a4c4ab; color-scheme:dark; }
.voyage-page .wrap { max-width:1480px; padding:32px clamp(18px,4vw,56px) 28px; }
.voyage-page .back { font:500 10px/1.5 var(--portal-ui); letter-spacing:.12em; color:var(--portal-muted); margin-bottom:24px; }
.voyage-page .voyage-eyebrow { font:600 10px/1.5 var(--portal-ui); text-transform:uppercase; letter-spacing:.19em; color:var(--gold-soft); margin:0; }
.voyage-hero { display:flex; align-items:center; justify-content:space-between; gap:32px; position:relative; padding:12px 24px 38px 0; margin-bottom:34px; border-bottom:1px solid var(--portal-line); isolation:isolate; }
.voyage-hero::before { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 82% 40%,#ffd3940a,transparent 45%); pointer-events:none; }
.voyage-page .voyage-hero h1 { font:600 clamp(48px,5.7vw,80px)/.98 var(--portal-title); letter-spacing:.005em; text-transform:uppercase; margin:18px 0 22px; color:var(--ink); }
.voyage-page .voyage-hero h1 em { font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; text-transform:none; color:var(--gold-soft); letter-spacing:-.03em; }
.voyage-intro { font:13px/1.85 var(--portal-ui); color:var(--portal-muted); margin:0; }
.voyage-crest { flex:none; width:290px; height:250px; display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; }
.voyage-crest img { width:220px; height:220px; object-fit:contain; filter:drop-shadow(0 14px 25px #0008); position:relative; transition:transform .3s; }
.voyage-crest:hover img { transform:translateY(-4px); }
.voyage-crest>span:last-child { font:500 8px var(--portal-ui); letter-spacing:.2em; text-transform:uppercase; color:var(--portal-muted); margin-top:8px; }
.voyage-orbit { position:absolute; width:230px; height:230px; border:1px solid #ffd39424; border-radius:50%; top:0; }
.voyage-orbit::before { content:''; position:absolute; inset:16px; border:1px dashed #ffd3941c; border-radius:50%; }
.voyage-orbit::after { content:''; position:absolute; inset:35px; border:1px solid #ffd39416; transform:rotate(45deg); }
.voyage-section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.voyage-section-head h2 { margin:6px 0 0; font:500 34px/1.1 var(--portal-title); color:var(--ink); }
.voyage-section-head>span { font:11px/1.6 var(--portal-ui); color:var(--portal-muted); }
.voyage-page .voyage-section-head .voyage-eyebrow { font-size:9px; color:var(--portal-muted); }
.voyage-page .panel { border:1px solid var(--portal-line); background:var(--portal-surface); border-radius:8px; box-shadow:none; }
.voyage-page :is(input.in,select.in,textarea.in) { min-width:0; max-width:100%; background:#090a0d; color:var(--ink); border:1px solid #f2e9d826; border-radius:5px; padding:11px 13px; font:400 13px/1.6 var(--portal-ui); box-shadow:none; }
.voyage-page :is(input.in,select.in,textarea.in):focus { outline:2px solid #ffd39470; outline-offset:2px; }
.voyage-page .hint { font:11px/1.8 var(--portal-ui); margin-top:10px; overflow-wrap:anywhere; }
.voyage-page .hint.err { color:var(--voyage-danger); }
.voyage-page .hint.ok { color:var(--voyage-green); }
.voyage-page .btn.danger { background:transparent; border-color:#e0a59a2d; color:var(--voyage-danger); }
.voyage-page .btn.danger:hover { background:#e0a59a10; }
.voyage-page :is(button,summary,a) { -webkit-tap-highlight-color:transparent; }
.voyage-jumps { display:flex; flex-wrap:wrap; gap:12px 30px; border-block:1px solid var(--portal-line); padding:19px 0; margin:25px 0; }
.voyage-jumps a { color:var(--portal-muted); text-decoration:none; font:600 11px/1.5 var(--portal-ui); display:inline-flex; gap:8px; align-items:center; }
.voyage-jumps a::before { content:'↗'; color:var(--gold-soft); font-size:15px; }
.voyage-jumps a:hover { color:var(--gold-soft); }
.voyage-page :is(.camp-section,.notebook,.session-map,.diary,#detailWrap) { scroll-margin-top:24px; }
.voyage-page .empty { padding:32px; border:1px dashed #ffd39430; border-radius:6px; color:var(--portal-muted); font:13px/1.8 var(--portal-ui); background:#ffd39404; }

/* Campaign library and headquarters. */
.mode-campaign .clist { grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); gap:18px; }
.mode-campaign .ccard { display:flex; flex-direction:column; align-items:start; gap:9px; position:relative; text-align:left; padding:26px; min-height:210px; border:1px solid var(--portal-line); background:linear-gradient(140deg,#ffd3940a,transparent 65%),#141419; border-radius:8px; color:var(--ink); font-family:var(--portal-ui); overflow:hidden; cursor:pointer; }
.mode-campaign .ccard:hover { transform:translateY(-3px); box-shadow:0 16px 30px #0003; border-color:#ffd39460; }
.mode-campaign .ccard.sel { outline:0; border-color:#ffd39485; box-shadow:inset 3px 0 var(--gold-soft); }
.campaign-card-mark { position:absolute; right:20px; top:16px; font:70px/1 Georgia,serif; color:#ffd39410; pointer-events:none; }
.campaign-name { position:relative; font:500 32px/1.15 var(--portal-title); padding-right:38px; overflow-wrap:anywhere; }
.mode-campaign .badge { font:600 9px/1.5 var(--portal-ui); letter-spacing:.09em; text-transform:uppercase; padding:5px 8px; border-radius:3px; white-space:normal; }
.mode-campaign .badge.gm { background:#ffd39410; color:var(--gold-soft); border:1px solid #ffd39430; }
.mode-campaign .badge.pl { background:#a4c4ab0a; color:var(--voyage-green); border:1px solid #a4c4ab30; }
.mode-campaign .ccard .meta { font:11px var(--portal-ui); color:var(--portal-muted); margin-top:auto; padding-top:22px; width:100%; border-top:1px solid var(--portal-line); }
.mode-campaign .actions { margin:24px 0 50px; gap:18px; align-items:start; }
.mode-campaign .camp-entry { padding:0; margin:0; background:#0f1014; }
.camp-entry summary { display:flex; align-items:center; gap:16px; list-style:none; padding:22px; cursor:pointer; min-height:98px; }
.camp-entry summary::-webkit-details-marker,.camp-editor summary::-webkit-details-marker { display:none; }
.entry-number { font:500 28px var(--portal-title); color:#ffd39460; }
.camp-entry summary b { display:block; font:500 24px/1.2 var(--portal-title); color:var(--ink); }
.camp-entry summary small { display:block; font:11px/1.6 var(--portal-ui); color:var(--portal-muted); margin-top:5px; }
.camp-entry summary i { font:400 21px var(--portal-ui); color:var(--gold-soft); margin-left:auto; }
.camp-entry[open] summary { border-bottom:1px solid var(--portal-line); }
.camp-entry[open] summary i { transform:rotate(45deg); }
.entry-body { padding:22px; }
.mode-campaign .detail { padding:0; margin:0; border:0; background:transparent; }
.mode-campaign .detail>.row { margin-top:12px; gap:18px; align-items:center; }
.mode-campaign .detail h3.dt { font:500 clamp(34px,4vw,52px)/1.08 var(--portal-title); color:var(--ink); margin:0; overflow-wrap:anywhere; }
.camp-columns { display:grid; grid-template-columns:minmax(0,1fr) 335px; gap:30px; align-items:start; }
.camp-main,.camp-sidebar { display:flex; flex-direction:column; gap:24px; min-width:0; }
.camp-section { min-width:0; background:#121318; border:1px solid var(--portal-line); padding:25px; border-radius:8px; }
.camp-section>.sep:first-child { display:none; }
.voyage-page .camp-section>label.fld { display:block; font:500 26px/1.2 var(--portal-title); color:var(--ink); text-transform:none; letter-spacing:0; margin:0 0 20px; }
.mode-campaign .camp-section .sep { margin:22px 0; background:var(--portal-line); }
.mode-campaign .readbox { background:none; border:0; border-left:1px solid #ffd39455; border-radius:0; padding:0 0 0 18px; font:13px/1.9 var(--portal-ui); color:var(--portal-muted); overflow-wrap:anywhere; }
.mode-campaign .nextdate { display:block; background:linear-gradient(100deg,#ffd39413,transparent); color:var(--gold-soft); border:0; border-left:2px solid var(--gold-soft); border-radius:0; padding:18px 20px; font:500 15px/1.6 var(--portal-ui); margin-bottom:20px; overflow-wrap:anywhere; }
.mode-campaign .nextdate b { font:500 30px var(--portal-title); margin:0 8px; }
.mode-campaign .evlist { gap:0; }
.mode-campaign .evrow { background:none; border:0; border-bottom:1px solid var(--portal-line); border-radius:0; padding:14px 0; gap:16px; }
.mode-campaign .evdate { font:600 10px var(--portal-ui); color:var(--gold-soft); letter-spacing:.04em; }
.mode-campaign .evtit { font:13px/1.7 var(--portal-ui); overflow-wrap:anywhere; }
.mode-campaign .evrow .btn { margin-left:auto; min-width:36px; flex:none; }
.camp-editor { border-top:1px solid var(--portal-line); margin-top:20px; }
.camp-editor summary { cursor:pointer; list-style:none; padding:16px 0; color:var(--gold-soft); font:600 11px/1.6 var(--portal-ui); display:flex; align-items:center; justify-content:space-between; gap:20px; }
.camp-editor summary::after { content:'+'; font-size:20px; }
.camp-editor[open] summary::after { content:'−'; }
.camp-brief .camp-editor { border:0; margin:0; }
.camp-brief .camp-editor summary { padding-top:0; color:var(--portal-muted); }
.mode-campaign .camp-editor textarea { margin-top:8px; }
.mode-campaign .loglist { gap:0; margin-top:0; }
.mode-campaign .logcard { padding:0 0 26px 21px; margin-left:4px; border:0; border-left:1px solid #ffd39435; border-radius:0; background:none; position:relative; }
.mode-campaign .logcard::before { content:''; position:absolute; width:7px; height:7px; top:8px; left:-4px; border:1px solid var(--gold-soft); transform:rotate(45deg); background:#121318; }
.mode-campaign .logcard:last-child { padding-bottom:2px; }
.mode-campaign .loghead { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; }
.mode-campaign .logdate { font:500 10px var(--portal-ui); color:var(--gold-soft); }
.mode-campaign .logtit { font:500 25px/1.2 var(--portal-title); min-width:100px; overflow-wrap:anywhere; }
.mode-campaign .logbody { font:12px/1.9 var(--portal-ui); color:var(--portal-muted); overflow-wrap:anywhere; margin-top:8px; }
.mode-campaign .roster { margin:0; gap:0; }
.mode-campaign .mrow { align-items:start; flex-wrap:wrap; gap:10px; padding:16px 0; border:0; border-bottom:1px solid var(--portal-line); border-radius:0; background:none; }
.mode-campaign .mrow:first-child { padding-top:0; }
.mode-campaign .mrow:last-child { border-bottom:0; padding-bottom:0; }
.mode-campaign .mrow .who { flex-basis:145px; overflow-wrap:anywhere; }
.mode-campaign .mrow .u { font:600 13px/1.6 var(--portal-ui); }
.mode-campaign .mrow .c { font:11px/1.7 var(--portal-ui); margin-top:3px; }
.mode-campaign .gmtag { font:600 8px/1.7 var(--portal-ui); color:var(--gold-soft); letter-spacing:.04em; }
.mode-campaign .mrow .btn { font-size:9px; min-height:32px; padding:6px 9px; }
.mode-campaign .codebox { display:block; width:100%; padding:14px 0; text-align:center; font:500 36px/1 var(--portal-title); letter-spacing:.24em; color:var(--gold-soft); border:1px solid #ffd3942d; border-radius:5px; background:#ffd39407; margin-bottom:6px; overflow-wrap:anywhere; }
.camp-manage>.row { gap:10px; }
.mode-campaign .camp-manage select { width:100%; flex-basis:100%; }
.mode-campaign .empty2 { font:12px/1.8 var(--portal-ui); color:var(--portal-muted); padding:8px 0; }
.camp-chart { margin-top:30px; padding:28px; }
.camp-chart>.hint { max-width:850px; margin:10px 0 24px; }
.camp-chart>.row { gap:10px; }
.mode-campaign .camp-chart .btn[aria-pressed=true] { background:#ffd394; color:#241b10; border-color:#ffd394; }
.mode-campaign .camp-chart .btn[aria-pressed=false] { background:transparent; color:var(--portal-muted); border-color:var(--portal-line); }

@media(max-width:1100px) {
 .camp-columns { grid-template-columns:minmax(0,1fr) 285px; gap:20px; }
 .camp-section { padding:21px; }
 .voyage-crest { width:230px; }
 .mode-campaign .evrow { flex-wrap:wrap; gap:8px; }.mode-campaign .evdate { flex-basis:100%; }
}
@media(max-width:800px) {
 .voyage-hero { padding-right:0; }.voyage-crest { width:180px; }.voyage-crest img { width:175px; height:175px; }.voyage-orbit { width:175px; height:175px; top:25px; }.voyage-crest>span:last-child { max-width:160px; text-align:center; line-height:1.8; }
 .camp-columns { grid-template-columns:1fr; }.camp-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.camp-crew { grid-row:span 2; }.camp-section { padding:23px; }
 .voyage-page .portal-links { gap:16px; }.voyage-page .portal-brand { letter-spacing:.1em; }
}
@media(max-width:600px) {
 .voyage-page .wrap { padding:24px 16px; }.voyage-page .portal-topbar { padding:16px; gap:14px; }.voyage-page .portal-links { order:3; flex-basis:100%; justify-content:space-between; }.voyage-page .portal-links a { font-size:10px; }.voyage-page .portal-brand { max-width:200px; min-width:0; flex:1; font-size:9px; }.voyage-page .portal-brand>span:first-child { flex:none; width:32px; height:32px; }.voyage-page #glc-login-slot { margin-left:auto; }
 .voyage-hero { display:block; padding:8px 0 28px; overflow:hidden; }.voyage-page .voyage-hero h1 { font-size:54px; position:relative; z-index:1; }.voyage-intro { font-size:12px; position:relative; z-index:1; }.voyage-hero .voyage-eyebrow { font-size:9px; }.voyage-crest { position:absolute; right:-44px; bottom:3px; width:190px; opacity:.13; z-index:0; pointer-events:none; }.voyage-crest>span:last-child { display:none; }
 .voyage-section-head { flex-direction:column; align-items:start; gap:12px; }.voyage-section-head h2 { font-size:31px; }.voyage-section-head>span { font-size:11px; }
 .mode-campaign .actions { grid-template-columns:1fr; margin-bottom:36px; gap:12px; }.camp-entry summary { padding:20px 18px; gap:13px; }.camp-entry summary small { font-size:10px; }.entry-body { padding:19px; }.entry-body .row { flex-wrap:wrap; }.entry-body .row input { flex-basis:100%; }
 .voyage-page :is(input.in,select.in,textarea.in) { font-size:16px; }.voyage-page .btn { white-space:normal; min-height:44px; }.voyage-page .btn.sm { min-height:40px; }
 .mode-campaign .clist { grid-template-columns:1fr; gap:14px; }.mode-campaign .ccard { padding:23px; min-height:185px; }.campaign-name { font-size:30px; }
 .mode-campaign .detail h3.dt { font-size:36px; }.mode-campaign .detail>.row { gap:14px; }.mode-campaign .detail>.row .badge { margin-left:0!important; }.voyage-jumps { gap:16px 24px; padding:17px 0; }.voyage-jumps a { font-size:10px; }
 .camp-sidebar { display:flex; }.camp-section { padding:20px; }.camp-main,.camp-sidebar { gap:18px; }.camp-columns { gap:18px; }.mode-campaign .nextdate { padding:16px; font-size:13px; }.mode-campaign .nextdate b { display:block; margin:3px 0; font-size:32px; }
 .mode-campaign .camp-editor .row>input { flex:1 1 100%!important; width:100%; }.mode-campaign .camp-section>label.fld { font-size:24px; }.mode-campaign .logtit { font-size:23px; }.mode-campaign .evrow .btn { min-width:40px; }.camp-chart { padding:18px 12px; margin-top:22px; }.camp-chart>label.fld,.camp-chart>.hint,.camp-chart>.row { margin-left:6px; margin-right:6px; }.mode-campaign .mrow .btn { min-height:40px; }.voyage-page .portal-footer { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
 .voyage-page *,.voyage-page *::before,.voyage-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }.voyage-crest:hover img,.mode-campaign .ccard:hover { transform:none; }
}

/* Session desk: the journal is the primary working surface. */
.mode-session .session-hero{position:relative;text-align:left;margin:0;padding:14px 175px 15px 0;min-height:156px;isolation:isolate}
.mode-session .hero .kick{font:600 10px var(--portal-ui);letter-spacing:.18em;color:var(--gold-soft);text-transform:uppercase}
.mode-session .hero h1{font:500 clamp(38px,4.6vw,64px)/1.08 var(--portal-title);text-shadow:none;margin:13px 0 19px;text-align:left;overflow-wrap:anywhere}
.mode-session .hero .editname{display:inline-flex;gap:16px;align-items:center;max-width:100%;border:0;padding:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:text}
.mode-session .hero .editname>span:first-child{min-width:0;overflow-wrap:anywhere}.mode-session .hero .pencil{font:16px var(--portal-ui);color:var(--gold-soft);flex:none;opacity:.7}
.mode-session .hero input.nameinp{font:500 clamp(30px,4.5vw,60px)/1.15 var(--portal-title);text-align:left;max-width:100%;padding:0 0 7px;border-bottom:1px solid #ffd39480}
.session-seal{position:absolute;right:0;top:0;width:150px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.session-seal img{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 8px 24px #0007)}.session-seal span{font:500 8px var(--portal-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--portal-muted)}
.session-desk{display:grid;grid-template-columns:275px minmax(0,1fr);gap:30px;align-items:start;margin:30px 0}
.mode-session .session-companions{display:flex;flex-direction:column;gap:20px;margin:0;position:sticky;top:22px;min-width:0}.mode-session .session-companions>.voyage-eyebrow{font-size:9px;color:var(--portal-muted);margin-bottom:0}
.mode-session .card{border:1px solid var(--portal-line);border-radius:8px;background:#121318;box-shadow:none;padding:26px;min-width:0}
.mode-session .card>h2{font:500 31px/1.1 var(--portal-title);color:var(--ink);margin:0 0 16px;display:block}
.mode-session .session-companions .card{padding:23px}.mode-session .session-companions .card>h2{font-size:28px;margin-bottom:18px}
.mode-session .session-companions .lab{font:500 9px/1.8 var(--portal-ui);letter-spacing:.04em;text-transform:none}.mode-session .session-companions select{font:400 11px/1.6 var(--portal-ui);width:100%;height:43px;padding:10px}
.mode-session .linked{flex-direction:column;align-items:start;border:0;border-radius:0;border-top:1px solid var(--portal-line);background:none;padding:20px 0 0;margin-top:20px;gap:16px}
.mode-session .linked .av{width:65px;height:65px;flex:0 0 65px;border-radius:8px;border:1px solid #ffd39425;background:#ffd39406;color:var(--gold-soft);font-size:29px}
.mode-session .linked .av img{width:100%;height:100%;object-fit:cover}
.mode-session .linked .nm{font:500 25px/1.2 var(--portal-title);color:var(--ink);overflow-wrap:anywhere}.mode-session .linked .sb{font:11px/1.8 var(--portal-ui);color:var(--portal-muted);margin-top:5px}
.session-open{display:block;margin-top:21px;color:var(--gold-soft);text-decoration:none;font:600 10px/1.6 var(--portal-ui);padding-top:15px;border-top:1px solid var(--portal-line)}.session-open:hover{color:#ffe0ad}
.mode-session .notebook{padding:28px;background:linear-gradient(140deg,#ffd39406,transparent 60%),#141419}
.mode-session .notebook>h2{font-size:38px;margin-bottom:8px}.mode-session .help{background:none;border:0;border-radius:0;padding:0;margin:0 0 22px;font:12px/1.9 var(--portal-ui);color:var(--portal-muted)}
.mode-session .nbnav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 17px;padding-top:17px;border-top:1px solid var(--portal-line)}
.mode-session .nbind{font:600 10px/1.6 var(--portal-ui);letter-spacing:.08em;text-align:center;color:var(--gold-soft)}
.mode-session .nbbtn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 12px;font:600 10px var(--portal-ui);letter-spacing:.01em;border:1px solid var(--portal-line);border-radius:4px;background:#ffffff03;color:var(--portal-muted)}
.mode-session .nbbtn:hover{background:#ffd3940c;border-color:#ffd39445}.mode-session .nbbtn.add{color:var(--gold-soft);border-color:#ffd39435}.mode-session .nbbtn.del{color:var(--voyage-danger);background:none;border-color:transparent}.mode-session .nbbtn.del:hover{background:#e0a59a0a;border-color:#e0a59a30}
.mode-session .nbpage{display:block;min-height:465px;max-width:100%;padding:28px 30px 34px;border:1px solid #c4ac7c;border-radius:4px;color:#463622;font:400 15px/31px var(--portal-ui);background-color:#e9ddc5;background-image:linear-gradient(90deg,#b49d7130,transparent 3%,transparent 97%,#b49d7120),repeating-linear-gradient(transparent 0 30px,#8a75501b 30px 31px);background-position:0 0,0 27px;background-attachment:local;box-shadow:inset 0 0 30px #8a755012,0 10px 25px #0003;caret-color:#463622;resize:vertical;color-scheme:light}
.mode-session .nbpage:focus{outline:2px solid #ffd39485;outline-offset:4px;box-shadow:inset 0 0 30px #8a755012,0 10px 25px #0003}.mode-session .nbpage::placeholder{color:#7c694d}
.mode-session .nbtools{gap:10px;margin-top:18px;flex-wrap:wrap}.mode-session .nbsaved{font:600 10px var(--portal-ui);color:var(--voyage-green)}
.mode-session .session-map{margin:36px 0;padding:28px}.mode-session .session-map>.help{max-width:860px}
.mode-session .diary{margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:30px;align-items:start}
.mode-session .diary>h2,.mode-session .diary>.help{grid-column:1}.mode-session .diary>.entry,.mode-session .diary>.empty{grid-column:1}
.mode-session .diary>.addrow{grid-column:2;grid-row:1/span 40;border-left:1px solid var(--portal-line);padding-left:28px;margin:0;gap:14px}
.mode-session .diary .addrow .lab{font:500 25px var(--portal-title);text-transform:none;letter-spacing:0;color:var(--ink);margin-bottom:5px}
.mode-session .diary .addrow textarea{min-height:150px}.mode-session .diary .addrow .btn{width:100%;min-height:43px}
.mode-session .entry{display:flex;align-items:start;gap:14px;background:none;border:0;border-top:1px solid var(--portal-line);border-radius:0;padding:20px 0;margin:0;min-width:0}.mode-session .entry .badge{width:34px;height:34px;flex:none;background:#ffd3940a;border:1px solid #ffd39424;border-radius:6px;display:grid;place-items:center;color:var(--gold-soft);font-size:15px}.mode-session .entry .body{min-width:0;flex:1;overflow-wrap:anywhere}.mode-session .entry .et{font:500 24px/1.3 var(--portal-title);color:var(--ink)}.mode-session .entry .ed{font:12px/1.85 var(--portal-ui);color:var(--portal-muted);margin-top:7px;white-space:pre-wrap}.mode-session .entry .ets{font:500 9px/1.7 var(--portal-ui);color:#a69a86;margin-top:12px}.mode-session .entry .del{font:600 9px/1.5 var(--portal-ui);padding:8px 9px;border:1px solid transparent;color:var(--voyage-danger);background:none;border-radius:4px;min-height:34px}.mode-session .entry .del:hover{background:#e0a59a0b;border-color:#e0a59a2a}
.mode-session .notfound{padding:60px 25px;border:1px solid var(--portal-line);border-radius:8px;background:#141419;font:13px/1.8 var(--portal-ui)}.mode-session .notfound a{color:var(--gold-soft)}
@media(max-width:1100px){.session-desk{grid-template-columns:235px minmax(0,1fr);gap:22px}.mode-session .card,.mode-session .notebook{padding:23px}.mode-session .session-companions .card{padding:18px}.mode-session .diary{grid-template-columns:minmax(0,1fr) 275px;gap:23px}.mode-session .diary>.addrow{padding-left:23px}.mode-session .nbpage{padding-inline:23px}}
@media(max-width:800px){.session-desk{grid-template-columns:1fr;gap:23px}.mode-session .session-companions{display:grid;grid-template-columns:1fr 1fr;position:static;gap:18px}.session-companions>.voyage-eyebrow{grid-column:1/-1}.mode-session .session-companions select{font-size:12px}.mode-session .linked{flex-direction:row;align-items:center;gap:14px}.mode-session .linked .av{width:52px;height:52px;flex-basis:52px}.mode-session .linked .nm{font-size:22px}.mode-session .diary{grid-template-columns:1fr}.mode-session .diary>.addrow{grid-column:1;grid-row:auto;border:0;border-top:1px solid var(--portal-line);padding:24px 0 0;margin-top:8px}.mode-session .diary .addrow .btn{width:auto}.mode-session .hero .editname{font-size:44px}}
@media(max-width:600px){.mode-session .session-hero{padding:8px 0 10px;overflow:hidden;min-height:0}.session-seal{opacity:.11;right:-30px;top:-10px;z-index:-1;pointer-events:none}.session-seal span{display:none}.mode-session .hero .editname{font-size:39px}.mode-session .hero .kick{font-size:9px}.mode-session .hero h1{margin:15px 0}.mode-session .voyage-intro{font-size:12px}.mode-session .session-companions{grid-template-columns:1fr;gap:14px}.mode-session .session-companions .card{padding:20px}.mode-session .session-companions .card>h2{font-size:25px;margin-bottom:13px}.mode-session .session-companions select{font-size:16px}.mode-session .linked{padding-top:16px;margin-top:16px}.mode-session .session-open{margin-top:17px;font-size:11px}.mode-session .notebook{padding:20px 15px}.mode-session .notebook>h2{font-size:33px}.mode-session .nbnav{gap:6px}.mode-session .nbbtn{font-size:9px;padding:8px;min-height:42px}.mode-session .nbind{font-size:9px;letter-spacing:0}.mode-session .nbpage{font-size:16px;line-height:31px;padding:23px 17px;min-height:415px;background-position:0 0,0 22px}.mode-session .help{font-size:11px}.mode-session .nbtools{gap:8px}.mode-session .nbsaved{font-size:9px}.mode-session .session-map{padding:22px 12px;margin:26px 0}.mode-session .session-map>h2,.mode-session .session-map>.help{margin-left:6px;margin-right:6px}.mode-session .diary{padding:21px 18px;margin-top:22px}.mode-session .diary>h2{font-size:29px}.mode-session .entry{gap:10px;flex-wrap:wrap}.mode-session .entry .badge{width:30px;height:30px}.mode-session .entry .et{font-size:23px}.mode-session .entry .del{min-height:40px}.mode-session .diary>.addrow{gap:12px}.mode-session .notebook .help{margin-bottom:17px}}

/* Character creation studio. Existing choices, formulas and seven steps are retained. */
.mode-creator .wrap{max-width:1640px;padding-inline:clamp(18px,3.5vw,56px)}
.creator-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:7px 0 28px;border-bottom:1px solid var(--portal-line);margin-bottom:32px}
.creator-heading h1{font:600 clamp(42px,4.4vw,64px)/1.02 var(--portal-title);color:var(--ink);margin:13px 0 0;text-transform:uppercase}
.creator-heading h1 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;text-transform:none;color:var(--gold-soft);letter-spacing:-.02em}
.creator-heading>p{font:12px/1.8 var(--portal-ui);color:var(--portal-muted);margin:0;text-align:right}.creator-heading>p a{display:inline-block;margin-top:7px;font:600 10px var(--portal-ui);color:var(--gold-soft);text-decoration:none}
.mode-creator .creation-studio{display:grid;grid-template-columns:175px minmax(0,1fr) 290px;gap:26px;align-items:start}
.mode-creator .stepper{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:start;gap:0;position:sticky;top:24px;margin:0;min-width:0;padding:13px 0}
.mode-creator .stepper button{display:flex;align-items:center;gap:12px;position:relative;padding:18px 8px 18px 0;background:transparent;border:0;border-radius:0;color:var(--portal-muted);text-align:left;min-height:73px;font:500 11px var(--portal-ui);box-shadow:none;letter-spacing:0}
.mode-creator .stepper button:not(:last-child)::after{content:'';position:absolute;left:14px;width:1px;top:52px;bottom:-18px;background:#ffd39420;pointer-events:none}
.mode-creator .stepper button .n{width:29px;height:29px;flex:none;border:1px solid #ffd39430;border-radius:50%;background:#0d0e12;color:var(--portal-muted);font:500 17px var(--portal-title);z-index:1}
.creator-step-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.creator-step-copy b{font:500 21px/1.05 var(--portal-title);color:var(--portal-muted)}.creator-step-copy small{font:10px/1.4 var(--portal-ui);color:#978f83}
.mode-creator .stepper button.active{background:none;color:var(--gold-soft)}.mode-creator .stepper button.active .n{background:var(--gold-soft);border-color:var(--gold-soft);color:#241b10;box-shadow:0 0 0 5px #ffd39409}.mode-creator .stepper button.active b{color:var(--ink)}.mode-creator .stepper button.active small{color:var(--gold-soft)}
.mode-creator .stepper button.done .n{border-color:#ffd39470;color:var(--gold-soft);background:#ffd39410}.mode-creator .stepper button:hover b{color:var(--gold-soft)}
.creator-work{min-width:0}.mode-creator #panel{padding:32px;border-radius:9px;border:1px solid var(--portal-line);background:linear-gradient(140deg,#ffd39405,transparent 45%),#141419;box-shadow:none;min-height:580px}
.mode-creator .kicker{font:600 9px var(--portal-ui);letter-spacing:.18em;color:var(--gold-soft);margin-bottom:12px}.mode-creator #panel h2{font:500 42px/1.08 var(--portal-title);letter-spacing:.01em;color:var(--ink);margin:0 0 20px}
.mode-creator .explain{font:12px/1.9 var(--portal-ui);color:var(--portal-muted);background:none;border:0;border-bottom:1px solid var(--portal-line);border-radius:0;padding:0 0 23px;margin:0 0 25px;overflow-wrap:anywhere}.mode-creator .explain b{font-weight:600;color:var(--ink)}
.mode-creator label.fld{font:600 9px/1.7 var(--portal-ui);letter-spacing:.11em;color:var(--portal-muted);margin:24px 0 9px}
.mode-creator #panel :is(input[type=text],textarea,select){font:400 13px/1.8 var(--portal-ui);background:#090a0d;border:1px solid #f2e9d826;border-radius:5px;color:var(--ink);padding:12px 14px;min-width:0;max-width:100%;box-shadow:none}.mode-creator #panel input[type=text]{min-height:47px}.mode-creator #panel textarea{min-height:150px}.mode-creator #panel input[aria-label="Nome del pirata"]{font:500 26px/1.3 var(--portal-title);padding:14px}.mode-creator #panel :is(input[type=text],textarea,select):focus{outline:2px solid #ffd39460;outline-offset:2px;border-color:#ffd39460}
.mode-creator .nav{padding:20px 0;margin-top:0;position:sticky;bottom:0;background:#0a0a0ef5;backdrop-filter:blur(12px);z-index:5;border-bottom:1px solid var(--portal-line)}
.mode-creator .nav .btn{font:600 11px/1.4 var(--portal-ui);letter-spacing:.04em;text-transform:none;padding:12px 22px;min-height:44px;border-radius:5px}.mode-creator .nav .btn:hover{transform:none}
.mode-creator .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}.mode-creator .cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}
.mode-creator .card{width:100%;min-width:0;display:flex;align-items:center;gap:14px;text-align:left;font-family:var(--portal-ui);background:#101115;border:1px solid var(--portal-line);border-radius:6px;padding:18px 15px;min-height:125px;position:relative;color:var(--ink);transition:border-color .18s,background .18s,transform .18s;box-shadow:none;cursor:pointer}
.mode-creator .card:hover{background:#ffd39409;border-color:#ffd39450;transform:translateY(-2px)}.mode-creator .card.sel{background:linear-gradient(120deg,#ffd39414,#141419);border-color:#ffd39485;box-shadow:inset 2px 0 var(--gold-soft)}.mode-creator .card.sel::after{content:'✓';position:absolute;right:9px;top:7px;color:var(--gold-soft);font:600 11px var(--portal-ui)}
.mode-creator .card .ci{flex:none;display:grid;place-items:center;width:64px}.mode-creator .card .ci img{width:64px;height:64px;object-fit:contain}.mode-creator .card .ci svg{width:40px;height:40px}.mode-creator .card .cb{min-width:0}.mode-creator .card .t{font:500 25px/1.1 var(--portal-title);color:var(--ink);overflow-wrap:anywhere}.mode-creator .card .d{font:10px/1.8 var(--portal-ui);color:var(--portal-muted);margin-top:8px;overflow-wrap:anywhere}
.mode-creator .infobox{padding:17px 19px;font:12px/1.9 var(--portal-ui);border:0;border-left:2px solid #ffd39470;border-radius:0;background:#ffd39408;color:var(--portal-muted);margin-top:21px;overflow-wrap:anywhere}.mode-creator .infobox b{font-weight:600;color:var(--gold-soft)}.mode-creator .infobox.red{background:#e0a59a08;border-color:#e0a59a60;color:var(--portal-muted)}.mode-creator .infobox.red b{color:var(--voyage-danger)}
.mode-creator .attrpick{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 0}.mode-creator .attrcard{font-family:var(--portal-ui);background:#101115;border:1px solid var(--portal-line);color:var(--ink);border-radius:7px;padding:25px 16px;min-height:178px;box-shadow:none;position:relative}.mode-creator .attrcard .an{font:500 27px/1.2 var(--portal-title);margin-top:14px}.mode-creator .attrcard .as{font:10px/1.6 var(--portal-ui);letter-spacing:0;color:var(--portal-muted);margin-top:6px}.mode-creator .attrcard.sel{border-color:#ffd39490;background:#ffd3940b;box-shadow:inset 0 -2px var(--gold-soft)}.mode-creator .attrcard.locked{opacity:1;background:#ffd39408;border-color:#ffd3942f;cursor:default}.mode-creator .attrcard.locked .as{color:var(--gold-soft)}.mode-creator .attrcard.sel::after{content:'✓';position:absolute;top:12px;right:13px;color:var(--gold-soft)}
.mode-creator .skillrow{padding:16px 0;gap:16px;border-bottom:1px solid var(--portal-line)}.mode-creator .skillrow .sn{display:block;font:500 23px/1.2 var(--portal-title);color:var(--ink)}.mode-creator .skillrow .sd{display:block;font:11px/1.7 var(--portal-ui);color:var(--portal-muted);margin-top:3px}.mode-creator .skillrow.role{padding:18px;background:#ffd3940a;border:1px solid #ffd39425;border-radius:6px;margin-bottom:6px}.mode-creator .pick{gap:6px}.mode-creator .pick button{min-height:37px;min-width:35px;padding:8px 9px;background:#ffffff03;border:1px solid var(--portal-line);border-radius:4px;color:var(--portal-muted);font:500 16px var(--portal-title)}.mode-creator .pick button.on{background:#ffd3941a;border-color:#ffd39475;color:var(--gold-soft)}.mode-creator .pick button:disabled{opacity:1;cursor:default}.mode-creator .counter{font:11px/1.9 var(--portal-ui);letter-spacing:0;margin:18px 0;padding:14px 0;border-bottom:1px solid var(--portal-line);color:var(--portal-muted)}.mode-creator .counter b{color:var(--gold-soft)}
.mode-creator .togglecard{width:100%;font:500 13px/1.7 var(--portal-ui);text-align:left;color:var(--ink);background:#101115;border:1px solid var(--portal-line);border-radius:7px;padding:22px 18px;gap:15px;margin:0}.mode-creator .togglecard.on{border-color:#ffd39480;background:#ffd3940a}.mode-creator .togglecard .tg{width:38px;height:22px;background:#ffffff15}.mode-creator .togglecard .tg::after{width:16px;height:16px;background:#a69a86}.mode-creator .togglecard.on .tg{background:var(--gold-soft)}.mode-creator .togglecard.on .tg::after{left:19px;background:#241b10}.mode-creator .togglecard .pv-empty{font:11px/1.7 var(--portal-ui);margin-top:4px}.mode-creator #panel>.row2{grid-template-columns:1fr;margin-top:0}.mode-creator #panel>.row2 .cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-creator #panel>.row2 .cards.three .card{flex-direction:column;align-items:start;padding:18px 13px;gap:12px}.mode-creator #panel>.row2 .cards.three .ci{width:auto}
.mode-creator .sumgrid{grid-template-columns:1fr;gap:0;margin-top:22px}.mode-creator .sumrow{padding:15px 0;gap:20px;border-bottom:1px solid var(--portal-line);align-items:start}.mode-creator .sumrow .k{font:600 9px/1.8 var(--portal-ui);letter-spacing:.06em;color:var(--portal-muted);flex:0 0 110px}.mode-creator .sumrow .v{font:500 13px/1.7 var(--portal-ui);color:var(--ink);overflow-wrap:anywhere}.mode-creator #panel .btn.big{min-height:50px;font:600 12px var(--portal-ui);letter-spacing:.02em;text-transform:none}
.mode-creator .preview{position:sticky;top:24px;display:block;border:0;border-radius:0;background:transparent;padding:0;min-width:0}.creator-preview-label{font:600 9px var(--portal-ui);letter-spacing:.18em;color:var(--portal-muted);text-transform:uppercase;margin:0 0 16px}
.mode-creator .pv-port{width:100%;aspect-ratio:4/5;border:1px solid #ffd39445;border-radius:7px;background:radial-gradient(ellipse at 50% 22%,#ffd3940d,transparent 65%),#121318;position:relative;overflow:hidden;color:var(--portal-muted);padding:20px;font-family:var(--portal-ui);cursor:pointer}.mode-creator .pv-port::after{content:'';position:absolute;inset:7px;border:1px solid #ffd39414;border-radius:3px;pointer-events:none}.mode-creator .pv-port img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.creator-photo-prompt{display:flex;flex-direction:column;align-items:center;gap:15px;position:relative}.creator-photo-prompt>span{display:grid;place-items:center;width:83px;height:83px;border:1px solid #ffd39432;border-radius:50%;color:#ffd39480;font:45px Georgia,serif;box-shadow:0 0 0 11px #ffd39404;margin-bottom:13px}.creator-photo-prompt b{font:500 26px/1.1 var(--portal-title);color:var(--ink);max-width:170px}.creator-photo-prompt small{font:10px/1.6 var(--portal-ui);color:var(--portal-muted)}
.mode-creator .pv-name{font:500 34px/1.1 var(--portal-title);letter-spacing:.01em;color:var(--ink);margin:19px 0 8px;overflow-wrap:anywhere}.mode-creator .pv-amb{font:italic 20px/1.3 'Cormorant Garamond',serif;color:var(--gold-soft);overflow-wrap:anywhere}.mode-creator .gh-pills{margin-top:16px;gap:7px}.mode-creator .pill{font:500 9px/1.5 var(--portal-ui);letter-spacing:0;border:1px solid var(--portal-line);border-radius:4px;background:#ffd39405;padding:7px 9px;max-width:100%;overflow-wrap:anywhere}.mode-creator .pill.gold{border-color:#ffd39435;color:var(--gold-soft)}
.mode-creator .pv-k{font:600 8px/1.6 var(--portal-ui);letter-spacing:.14em;color:var(--portal-muted);margin:24px 0 13px;padding-top:17px;border-top:1px solid var(--portal-line)}.mode-creator .pv-attrs{gap:10px}.mode-creator .pv-attr .an{font:600 8px var(--portal-ui);letter-spacing:.1em;color:var(--portal-muted);margin-top:6px}.mode-creator .pv-stat{border:0;border-radius:0;border-right:1px solid var(--portal-line);padding:5px 3px;background:none}.mode-creator .pv-stat:last-child{border-right:0}.mode-creator .pv-stat .k{font:600 8px var(--portal-ui);letter-spacing:.08em;color:var(--portal-muted)}.mode-creator .pv-stat .v{font:500 26px var(--portal-title);color:var(--gold-soft);margin-top:4px}.mode-creator .pv-list{font:11px/1.9 var(--portal-ui);color:var(--portal-muted)}.mode-creator .pv-list b{font:600 11px var(--portal-ui);color:var(--gold-soft)}.mode-creator .pv-empty{font:11px/1.8 var(--portal-ui);color:var(--portal-muted)}
.mode-creator #panel.done-card{padding:60px 35px;min-height:440px;background:radial-gradient(ellipse at 50% 0,#ffd39412,transparent 60%),#141419}.mode-creator .done-card .seal{font-size:66px;color:var(--gold-soft);margin-bottom:25px}.mode-creator #panel.done-card h2{font-size:48px;max-width:900px;margin:0 auto 25px;overflow-wrap:anywhere}.mode-creator .done-actions{margin-top:35px;gap:15px}.mode-creator .done-actions .btn{font:600 11px var(--portal-ui);text-transform:none;min-height:44px}
@media(min-width:1600px){.mode-creator .creation-studio{grid-template-columns:180px minmax(0,1fr) 330px;gap:32px}.mode-creator .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-creator .card.big{flex-direction:column;align-items:start;min-height:210px}.mode-creator .card.big .ci{width:82px}.mode-creator .card.big .ci img{width:82px;height:82px}}
@media(max-width:1250px){.mode-creator .creation-studio{grid-template-columns:145px minmax(0,1fr) 250px;gap:20px}.mode-creator #panel{padding:26px}.mode-creator .card{flex-direction:column;align-items:start;padding:18px;gap:12px}.mode-creator .card .t{font-size:25px}.mode-creator .stepper button{gap:10px}.creator-step-copy small{font-size:9px}.creator-step-copy b{font-size:21px}.mode-creator .pv-name{font-size:30px}.mode-creator .creator-heading>p{font-size:11px}}
@media(max-width:1050px){.mode-creator .creation-studio{grid-template-columns:minmax(0,1fr) 255px;gap:22px}.mode-creator .stepper{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:static;padding:0 0 16px;border-bottom:1px solid var(--portal-line)}.mode-creator .stepper button{display:flex;flex-direction:column;align-items:start;gap:12px;min-width:0;padding:12px 6px;min-height:0}.mode-creator .stepper button:not(:last-child)::after{top:26px;left:40px;right:7px;bottom:auto;width:auto;height:1px}.creator-step-copy small{font-size:8px}.creator-step-copy b{font-size:20px}.mode-creator .preview{top:20px}.mode-creator #panel h2{font-size:37px}.creator-heading{align-items:start}.creator-heading h1{font-size:49px}}
@media(max-width:850px){.mode-creator .creation-studio{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.mode-creator #panel{padding:23px}.mode-creator .pv-port{aspect-ratio:4/5}.mode-creator .pv-name{font-size:29px}.mode-creator .card .ci img{width:57px;height:57px}.mode-creator .card .ci{width:57px}.mode-creator .card{padding:15px}.mode-creator .card .t{font-size:23px}.mode-creator .creator-heading>p{max-width:200px}.mode-creator .skillrow{gap:10px;flex-wrap:wrap}.mode-creator .skillrow .pick{margin-left:auto}}
@media(max-width:650px){.mode-creator .wrap{padding:23px 16px}.creator-heading{flex-direction:column;gap:19px;margin-bottom:20px;padding-bottom:23px}.creator-heading h1{font-size:48px}.creator-heading>p{text-align:left;max-width:none!important;font-size:12px!important}.mode-creator .creation-studio{grid-template-columns:1fr;gap:22px}.mode-creator .stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;padding-bottom:18px}.mode-creator .stepper button{padding:10px 6px;gap:9px;border:1px solid var(--portal-line);border-radius:5px;background:#ffffff02;align-items:center}.mode-creator .stepper button:not(:last-child)::after{display:none}.mode-creator .stepper button.active{border-color:#ffd39465;background:#ffd39409}.creator-step-copy{align-items:center;gap:0}.creator-step-copy b{font:500 18px var(--portal-title)}.creator-step-copy small{display:none}.mode-creator .stepper button .n{width:24px;height:24px;font-size:14px}.mode-creator .stepper button.active .n{box-shadow:none}.mode-creator #panel{padding:25px 19px;min-height:0}.mode-creator #panel h2{font-size:36px}.mode-creator .explain{font-size:12px;padding-bottom:20px;margin-bottom:20px}.mode-creator label.fld{font-size:9px}.mode-creator #panel :is(input[type=text],textarea,select){font-size:16px;padding:11px 12px}.mode-creator #panel input[aria-label="Nome del pirata"]{font-size:25px}.mode-creator .nav{padding:15px 0}.mode-creator .nav .btn{font-size:11px;padding:12px 16px}.mode-creator .cards,.mode-creator .cards.three{gap:10px}.mode-creator .card{padding:16px 12px;min-height:170px;gap:12px;align-items:start}.mode-creator .card .ci,.mode-creator .card .ci img{width:59px;height:59px}.mode-creator .card .t{font-size:24px}.mode-creator .card .d{font-size:10px;line-height:1.7}.mode-creator .card.sel::after{right:8px;top:7px}.mode-creator .attrcard{min-height:176px;padding:22px 12px}.mode-creator .attrcard .an{font-size:26px}.mode-creator .attrcard .as{font-size:10px}.mode-creator .skillrow{flex-wrap:nowrap;gap:10px}.mode-creator .skillrow .sn{font-size:23px}.mode-creator .skillrow .sd{font-size:10px}.mode-creator .pick{gap:4px}.mode-creator .pick button{min-height:42px;min-width:32px;padding:8px 7px;font-size:16px}.mode-creator .skillrow.role{padding:15px 12px;flex-wrap:wrap}.mode-creator .togglecard{padding:18px 13px;gap:10px;flex-wrap:wrap}.mode-creator .togglecard>span:first-child{display:none}.mode-creator .togglecard{font-size:13px}.mode-creator .togglecard .tg{flex:none}.mode-creator #panel>.row2 .cards.three{grid-template-columns:1fr}.mode-creator #panel>.row2 .cards.three .card{flex-direction:row;align-items:center;min-height:110px;gap:15px}.mode-creator .infobox{font-size:12px;padding:16px}.mode-creator .sumrow{gap:12px;flex-direction:column}.mode-creator .sumrow .k{flex:auto}.mode-creator .sumrow .v{text-align:left;font-size:13px}
 .mode-creator .preview{display:grid;grid-template-columns:115px minmax(0,1fr);position:static;padding:24px 19px;border:1px solid var(--portal-line);border-radius:8px;background:#121318;gap:7px 17px;scroll-margin-top:20px}.creator-preview-label{grid-column:1/-1;margin:0 0 12px}.mode-creator .pv-port{grid-column:1;grid-row:2/span 3;width:115px;height:155px;padding:10px;aspect-ratio:auto}.creator-photo-prompt{gap:8px}.creator-photo-prompt>span{width:34px;height:34px;font-size:21px;box-shadow:none;margin-bottom:0}.creator-photo-prompt b{font-size:15px}.creator-photo-prompt small{font-size:8px;line-height:1.5}.mode-creator .pv-name{grid-column:2;font-size:27px;margin:0;align-self:start}.mode-creator .pv-amb{grid-column:2;font-size:18px}.mode-creator .gh-pills{grid-column:2;margin-top:0;align-self:start}.mode-creator .pill{font-size:8px;padding:5px 6px}.mode-creator .preview .pv-k,.mode-creator .preview .pv-attrs,.mode-creator .preview .pv-stats,.mode-creator .preview .pv-list,.mode-creator .preview .pv-empty{grid-column:1/-1}.mode-creator .preview .pv-more{display:block}.mode-creator .pv-k{margin-top:13px;padding-top:17px;margin-bottom:5px}.mode-creator .pv-attrs{display:grid;margin-top:9px}.mode-creator .pv-stats{margin-top:9px}.mode-creator .pv-list,.mode-creator .pv-empty{font-size:11px}.mode-creator #panel.done-card{padding:42px 23px;min-height:400px}.mode-creator #panel.done-card h2{font-size:38px}.mode-creator .done-actions{flex-direction:column;align-items:stretch}
}
@media(max-width:360px){.mode-creator .card{padding:14px 10px}.mode-creator .card .t{font-size:22px}.mode-creator #panel{padding:23px 16px}.mode-creator .skillrow{flex-wrap:wrap}.mode-creator .skillrow .pick{margin-left:auto}.mode-creator .preview{grid-template-columns:90px minmax(0,1fr);gap:8px 13px;padding:20px 15px}.mode-creator .pv-port{width:90px;height:140px}.creator-photo-prompt b{font-size:14px}.mode-creator .pv-name{font-size:24px}}

.mode-creator:has(#panel.done-card) .creator-heading>p a{display:none}

@media(prefers-reduced-motion:reduce){.mode-creator .card:hover{transform:none}}