.page-window__body:has(>.rpg) {padding:0;} .rpg {display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:10px;min-height:100%;padding:10px;background:var(--color-face);} .rpg__hero {display:grid;align-content:start;gap:8px;padding:8px;box-shadow:var(--bevel-window);} .rpg__portrait {position:relative;display:grid;place-items:end center;height:260px;overflow:hidden;box-shadow:var(--bevel-sunken);background:linear-gradient(transparent 70%,rgba(0,0,0,.55)),repeating-conic-gradient(#1b1840 0 25%,#2a2f86 0 50%) 0 100% / 28px 14px no-repeat,linear-gradient(var(--brand-dusk),var(--brand-primary) 62%,var(--brand-forest) 62%);} .rpg__portrait::after {content:"";position:absolute;inset:62% 0 0;background:repeating-conic-gradient(var(--brand-dusk) 0 25%,var(--brand-forest) 0 50%) 0 0 / 24px 24px;transform:perspective(160px) rotateX(55deg);transform-origin:top;opacity:.9;} .rpg__portrait img {position:relative;z-index:1;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;} .rpg__locked {position:absolute;z-index:2;top:8px;left:8px;padding:1px 6px;background:#000000;color:var(--brand-mint);font:700 11px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;} .rpg__id {display:grid;align-content:start;gap:8px;min-width:0;} .yc .rpg__name {margin:0;font-size:18px;line-height:1.2;overflow-wrap:anywhere;} .yc .rpg__username {margin:0;font:700 12px/1.3 var(--font-mono);color:var(--brand-primary);overflow-wrap:anywhere;} .yc .rpg__class {margin:0;color:var(--brand-dusk);font-weight:700;} .rpg__stats {display:grid;gap:4px;margin:0;padding:6px;background:#000000;color:var(--brand-mint);box-shadow:var(--bevel-sunken);font:12px/1.4 var(--font-mono);} .rpg__stats div {display:flex;justify-content:space-between;gap:8px;} .rpg__stats dt {color:var(--brand-secondary);} .rpg__stats dd {margin:0;font-weight:700;} .rpg__exp dd {display:flex;flex:1;align-items:center;gap:6px;} .rpg__exp meter {flex:1;height:10px;} .rpg__menu {display:flex;flex-direction:column;gap:8px;min-width:0;} .rpg__tabs {display:flex;flex-wrap:wrap;gap:2px;margin-bottom:-10px;padding-left:4px;} .yc .rpg__tabs button {position:relative;min-height:var(--control-height);padding:3px 12px;border:0;background:var(--color-face);box-shadow:inset 1px 1px 0 var(--color-highlight),inset -1px 0 0 #000000,inset -2px 0 0 var(--color-shadow);color:var(--color-ink);font:inherit;} .yc .rpg__tabs button[aria-selected="true"] {z-index:1;padding-bottom:6px;font-weight:700;} .rpg__panel {padding:12px;box-shadow:var(--bevel-window);} .yc .rpg__panel h2 {margin:0 0 10px;font-size:16px;} .yc .rpg__panel h3 {margin:12px 0 6px;font-size:14px;} .rpg.is-tabbed .rpg__panel:not(.is-active) {display:none;} .rpg.is-tabbed .rpg__panel>h2 {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);} .yc .rpg__notice {margin:0;padding:6px 8px;background:var(--color-paper);box-shadow:var(--bevel-status);font-weight:700;} .rpg__notice--error {color:#b00000;} .rpg__quest {display:grid;gap:4px;padding:8px;background:var(--color-paper);box-shadow:var(--bevel-status);} .yc .rpg__actions {justify-content:flex-start;} .rpg__form {display:grid;gap:8px;max-width:420px;} .rpg__form label {display:grid;gap:2px;} .rpg__readonly {display:grid;gap:4px;margin:0 0 8px;} .rpg__readonly div {display:flex;gap:8px;} .rpg__readonly dt {min-width:70px;font-weight:700;} .rpg__readonly dd {margin:0;} .rpg__slots {display:grid;gap:6px;} .rpg__slot {display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:6px 8px;background:var(--color-paper);box-shadow:var(--bevel-status);} .rpg__slot div {display:grid;gap:2px;} .rpg__achievements {display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;margin:0;padding:0;list-style:none;} .rpg__achievement {display:grid;grid-template-columns:32px 1fr;gap:0 8px;padding:6px;background:var(--color-paper);box-shadow:var(--bevel-status);color:var(--color-shadow);} .rpg__achievement>:not(.rpg__badge) {grid-column:2;} .rpg__badge {grid-row:span 3;display:grid;place-items:center;width:32px;height:32px;background:var(--color-face);box-shadow:var(--bevel-sunken);font:700 18px/1 var(--font-mono);} .rpg__achievement.is-unlocked {color:var(--color-ink);} .rpg__achievement.is-unlocked .rpg__badge {background:var(--brand-dusk);color:#ffe24a;box-shadow:var(--bevel-raised);} .rpg__control {display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:1fr;gap:6px;margin:0;padding:0;list-style:none;} .yc .rpg__control a {display:grid;grid-template-columns:32px 1fr;gap:0 8px;padding:6px;background:var(--color-face);box-shadow:var(--bevel-raised);color:var(--color-ink);text-decoration:none;} .yc .rpg__control a:hover,.yc .rpg__control a:focus-visible {background:var(--color-select);color:var(--color-select-ink);} .rpg__control li {display:grid;} .yc .rpg__control a {height:100%;align-content:start;} .rpg__control img {grid-row:span 2;} .rpg__control span {font-size:11px;} .yc .rpg__footer {justify-content:flex-end;margin-top:auto;} @media (max-width:640px),(max-height:480px) {.rpg {grid-template-columns:1fr;padding:6px;} .rpg__hero {grid-template-columns:112px minmax(0,1fr);align-items:start;gap:10px;} .rpg__portrait {height:150px;} .rpg__id {gap:2px;} .rpg__id .rpg__stats {margin-top:6px;} .rpg__war {grid-column:1 / -1;} .rpg__slot {grid-template-columns:32px 1fr;} .rpg__slot .yc-btn {grid-column:1 / -1;}} .rpg__missions {display:grid;gap:4px;margin:4px 0 0;padding:0;list-style:none;} .rpg__missions li {display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:0 8px;padding:4px;background:var(--color-face);box-shadow:var(--bevel-raised);} .rpg__missions li>span:not(.rpg__badge) {grid-column:2;font-size:11px;} .rpg__missions .rpg__badge {grid-row:span 2;} .rpg__missions small {grid-column:3;grid-row:1 / span 2;color:var(--brand-dusk);font-weight:700;} .rpg__next dd {color:#ffe24a;} .rpg__log {display:grid;gap:2px;max-height:360px;overflow:auto;padding:8px;background:var(--brand-forest);box-shadow:var(--bevel-sunken);color:#c6c4d6;font:12px/1.45 var(--font-mono);} .yc .rpg__log p {margin:0;} .rpg__log-prompt {color:var(--brand-secondary);} .rpg__log time {color:#8a88a0;} .rpg__log-line.is-achievement {color:#ffe24a;} .rpg__sigil {width:24px;height:24px;vertical-align:middle;} .yc .rpg__class a {color:var(--class-color,var(--brand-dusk));} .rpg__exp meter {width:100%;} .rpg__missions li.is-main {grid-template-columns:32px 1fr auto;box-shadow:var(--bevel-raised),inset 3px 0 0 #ffe24a;} .rpg__missions li.is-main .rpg__badge {background:var(--brand-dusk);color:#ffe24a;} .rpg__missions li .yc-btn {grid-column:3;grid-row:1 / span 2;} .rpg__log--short {max-height:150px;} .rpg__achievement.is-secret .rpg__badge {background:#000000;color:var(--brand-mint);} .rpg__achievement.is-expired {opacity:.6;} .rpg__achievement.is-expired .rpg__badge {background:repeating-linear-gradient(45deg,var(--color-face) 0 4px,var(--color-light) 4px 8px);}