/* v3 original-detail kit. Load after the feature paper styles. Geometry and
   business state stay with their owning components; these layers only paint. */
.world-home.paper-hud {
  --paper-rule:#ded7c9;
  --paper-control-edge:#d8cbb5;
  --paper-control-hover:#bda88b;
  --paper-peach:#f2e4d5;
  --paper-highlight:#fffdf8;
}

/* The 12px corner slices never stretch. The transparent centre is deliberately
   not filled by border-image. Keep focus and scrolling children unclipped. */
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.hud-dock,.hud-agent-card,.world-status-hud,.world-zoom-controls,.hud-map-actions,.hud-map-menu,.world-audio-panel,.resident-sheet) {
  isolation:isolate;
  background:transparent!important;
  border-color:transparent!important;
  border-radius:0!important;
  box-shadow:0 3px 10px #263f3618!important;
}
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.hud-dock,.hud-agent-card,.world-status-hud,.world-zoom-controls,.hud-map-actions,.hud-map-menu,.world-audio-panel,.resident-sheet)::before {
  content:"";
  display:block;
  position:absolute;
  inset:-1px;
  z-index:-1;
  pointer-events:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  transform:none;
  background:var(--paper-surface);
  clip-path:polygon(var(--paper-frame-cut,6px) 0,calc(100% - var(--paper-frame-cut,6px)) 0,100% var(--paper-frame-cut,6px),100% calc(100% - var(--paper-frame-cut,6px)),calc(100% - var(--paper-frame-cut,6px)) 100%,var(--paper-frame-cut,6px) 100%,0 calc(100% - var(--paper-frame-cut,6px)),0 var(--paper-frame-cut,6px));
}
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.hud-dock,.hud-agent-card,.world-status-hud,.world-zoom-controls,.hud-map-actions,.hud-map-menu,.world-audio-panel,.resident-sheet)::after {
  content:"";
  display:block;
  position:absolute;
  inset:-1px;
  z-index:2;
  pointer-events:none;
  box-sizing:border-box;
  border:calc(var(--paper-frame-slice,12)*1px) solid transparent;
  border-image:var(--paper-frame,url('/assets/paper-ui/frames/window.svg')) var(--paper-frame-slice,12) stretch;
  border-radius:0;
  background:none;
  box-shadow:none;
  transform:none;
}
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.world-zoom-controls,.hud-map-actions) {overflow:visible}
.world-home.paper-hud .hud-dock {--paper-frame:url('/assets/paper-ui/frames/dock.svg');--paper-frame-cut:5px}
.world-home.paper-hud :is(.hud-agent-card,.world-status-hud) {--paper-frame:url('/assets/paper-ui/frames/card.svg');--paper-frame-cut:4px}
.world-home.paper-hud :is(.world-zoom-controls,.hud-map-actions) {position:relative;--paper-frame:url('/assets/paper-ui/frames/control.svg');--paper-frame-slice:8;--paper-frame-cut:4px}
.world-home.paper-hud :is(.hud-map-menu,.world-audio-panel) {--paper-frame:url('/assets/paper-ui/frames/card.svg');--paper-frame-cut:4px}
.world-home.paper-hud .hud-agent-card .hud-locate-agent {border-left-color:var(--paper-rule)}

/* Use the existing pressed state, including the personal manager's entry. */
.world-home.paper-hud .hud-dock .hud-dock-button {border-radius:0;color:var(--paper-ink);box-shadow:none}
.world-home.paper-hud .hud-dock .hud-dock-button:hover:not(:disabled) {background:#f0eadd}
.world-home.paper-hud .hud-dock .hud-dock-button[aria-pressed=true],
.world-home.paper-hud .hud-dock .hud-dock-button[aria-pressed=true]:hover {
  background:var(--paper-peach);
  color:#a95539;
  box-shadow:inset 0 1px #be634680,inset 0 -2px var(--paper-accent);
}
.world-home.paper-hud .hud-dock .hud-dock-button:active:not(:disabled) {background:#e9dfcc}
.world-home.paper-hud .hud-dock .hud-dock-button:focus-visible {outline-offset:1px}

/* Plain title + icon, a paper highlight, and a fine warm rule. No ornaments
   are added to headings that did not have them in the confirmed originals. */
.world-home.paper-hud :is(.hud-root .hud-window>.hud-window-header,.world-detail>.world-detail-top) {
  background:linear-gradient(#fffcf566,#f7f3e800);
  border-bottom:1px solid var(--paper-rule);
  border-radius:5px 5px 0 0;
}
.world-home.paper-hud :is(.hud-reader-footer,.manager-actions,.paper-mail-context,.manager-object) {
  border-color:var(--paper-rule);
  box-shadow:0 -1px #fffdf866;
}
.world-home.paper-hud :is(.town-section+.town-section,.paper-mail-meta,.paper-mail-history,.behavior-log-detail>section,.character-card-interests,.character-card-friendship) {border-color:var(--paper-rule)}
.world-home.paper-hud .town-section-number {box-shadow:inset 0 1px #ffffff38}

/* Outlined actions share a warm hairline and an inner highlight. List rows,
   text links, tabs, colour swatches and icon-only tools keep their own paint. */
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.world-audio-panel,.resident-sheet) :is(button,.button):where(:not(.hud-window-header button,.world-detail-top button,.text-button,.manager-nav-button,.manager-object button,.role-tabs button,.appearance-attribute-tabs button,.appearance-color-option,.look-option,.stage-action-controls button,.paper-mail-box,.paper-mail-row,.paper-mail-refresh,.hud-friends-tabs button,.hud-items>button,.hud-friendship-request,.behavior-log-row,.password-toggle,.world-audio-close,.town-status-refresh,#manager-copy-id)) {
  --paper-button-fill:#fbf8f0;
  --paper-button-hover:#f0eadd;
  --paper-button-down:#e9dfcc;
  --paper-button-edge:var(--paper-control-edge);
  --paper-button-highlight:var(--paper-highlight);
  background:var(--paper-button-fill);
  border-color:var(--paper-button-edge);
  border-radius:5px;
  box-shadow:inset 0 1px var(--paper-button-highlight);
}
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.world-audio-panel,.resident-sheet) :is(button,.button):where(:not(.hud-window-header button,.world-detail-top button,.text-button,.manager-nav-button,.manager-object button,.role-tabs button,.appearance-attribute-tabs button,.appearance-color-option,.look-option,.stage-action-controls button,.paper-mail-box,.paper-mail-row,.paper-mail-refresh,.hud-friends-tabs button,.hud-items>button,.hud-friendship-request,.behavior-log-row,.password-toggle,.world-audio-close,.town-status-refresh,#manager-copy-id)):hover:not(:disabled) {
  background:var(--paper-button-hover);
  border-color:var(--paper-control-hover);
}
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.world-audio-panel,.resident-sheet) :is(button,.button):where(:not(.hud-window-header button,.world-detail-top button,.text-button,.manager-nav-button,.manager-object button,.role-tabs button,.appearance-attribute-tabs button,.appearance-color-option,.look-option,.stage-action-controls button,.paper-mail-box,.paper-mail-row,.paper-mail-refresh,.hud-friends-tabs button,.hud-items>button,.hud-friendship-request,.behavior-log-row,.password-toggle,.world-audio-close,.town-status-refresh,#manager-copy-id)):active:not(:disabled) {
  background:var(--paper-button-down);
  box-shadow:inset 0 1px 2px #614d3920;
}
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.world-audio-panel,.resident-sheet) .primary {
  --paper-button-fill:var(--paper-accent);
  --paper-button-hover:#a9543a;
  --paper-button-down:#954a34;
  --paper-button-edge:#ac583d;
  --paper-button-highlight:#d78c6d;
  color:#fffaf3;
}
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.world-audio-panel,.resident-sheet) .danger {
  --paper-button-fill:#fff4ec;
  --paper-button-hover:#f6e4d8;
  --paper-button-down:#efd8ca;
  --paper-button-edge:#c99b8c;
  color:#9d442e;
}
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.world-audio-panel,.resident-sheet) :is(button,.button):disabled {
  opacity:1;
  color:#91998f;
  background:#eae6dc;
  border-color:#d9d7ce;
  box-shadow:none;
}
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.world-audio-panel,.world-prompt-panel) :is(input:not([type=checkbox],[type=radio],[type=range],[type=file]),textarea,select) {
  border-color:var(--paper-control-edge);
  box-shadow:inset 0 1px 2px #614d3908,0 1px #fffdf880;
}
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.world-audio-panel,.world-prompt-panel) :is(input,textarea,select):disabled {box-shadow:none}
.world-home.paper-hud :is(.hud-root .hud-window,.world-detail,.world-audio-panel,.resident-sheet) :focus-visible {outline:2px solid #577960;outline-offset:3px}

/* Shared inner paper edges; retain each module's existing density and scroll. */
.world-home.paper-hud :is(.hud-inventory-layout,.profile-layout,.appearance-workspace,.preview-card,.town-service-plan,.town-action-row,.manager-shortcuts>button) {
  border-color:var(--paper-rule);
  box-shadow:inset 0 1px #fffdf880;
}
.world-home.paper-hud :is(.hud-inventory-browser,.hud-inventory-detail,.manager-sidebar,.paper-mail-boxes) {border-color:var(--paper-rule)}
.world-home.paper-hud .hud-inventory .hud-items>button {box-shadow:inset 0 1px #fffdf880}
.world-home.paper-hud .hud-inventory .hud-items>button[aria-pressed=true] {box-shadow:inset 0 0 0 1px var(--paper-accent),inset 0 2px #fffdf8}
.world-home.paper-hud .hud-root .hud-window .hud-friends-tabs button {box-shadow:inset 0 1px #fffdf8;border-color:var(--paper-rule)}
.world-home.paper-hud .hud-root .hud-window .hud-friends-tabs button[aria-pressed=true],
.world-home.paper-hud .hud-root .hud-window .hud-friends-tabs button[aria-pressed=true]:hover {box-shadow:inset 0 1px #d78c6d}
.world-home.paper-hud .paper-mailbox .paper-mail-box[aria-pressed=true],
.world-home.paper-hud .paper-mailbox .paper-mail-box[aria-pressed=true]:hover:not(:disabled) {background:var(--paper-accent);color:#fffaf3;box-shadow:inset 0 1px #d78c6d}
.world-home.paper-hud .hud-root .hud-window .account-root :is(.role-tabs,.appearance-attribute-tabs) button {border-radius:0}
.world-home.paper-hud .hud-root .hud-window .account-root .role-tabs button[aria-pressed=true],
.world-home.paper-hud .hud-root .hud-window .account-root .appearance-attribute-tabs button[aria-selected=true] {background:#fffdf840;box-shadow:inset 0 -2px var(--paper-accent)}
.world-home.paper-hud .hud-root .hud-window .account-root .manager-nav-button[aria-current=page] {box-shadow:inset 2px 0 var(--paper-accent)}

/* The identity card's four small pixel corners are present in 02-personal.
   Reconstruct the existing motif with crisp CSS pixels, not text glyphs. */
.world-home.paper-hud .hud-root .hud-window .account-root .resident-identity-card {position:relative}
.world-home.paper-hud .hud-root .hud-window .account-root .resident-identity-card::before,
.world-home.paper-hud .hud-root .hud-window .account-root .resident-identity-card::after {
  content:"";
  position:absolute;
  inset:10px;
  pointer-events:none;
  width:auto;
  height:auto;
  rotate:none;
  background:
    linear-gradient(#cdd4ba 0 0) left top/7px 7px,
    linear-gradient(#cdd4ba 0 0) left 7px top 7px/7px 7px,
    linear-gradient(#cdd4ba 0 0) left top 14px/4px 8px,
    linear-gradient(#cdd4ba 0 0) left 14px top/8px 4px,
    linear-gradient(#cdd4ba 0 0) right top/7px 7px,
    linear-gradient(#cdd4ba 0 0) right 7px top 7px/7px 7px,
    linear-gradient(#cdd4ba 0 0) right top 14px/4px 8px,
    linear-gradient(#cdd4ba 0 0) right 14px top/8px 4px;
  background-repeat:no-repeat;
}
.world-home.paper-hud .hud-root .hud-window .account-root .resident-identity-card::after {rotate:180deg}

/* Independent public profile route: same brand and paper, scoped to this page. */
.world-home.paper-hud.resident-page {background:#ebece2;color:var(--paper-ink);color-scheme:light;font-size:14px;line-height:22px}
.paper-hud.resident-page .nav-wrap {height:44px;min-height:44px;padding:0 24px;gap:20px;max-width:1008px}
.paper-hud.resident-page .brand .brand-name {color:var(--paper-ink)}
.paper-hud.resident-page :is(.resident-page-label,.resident-note,.resident-eyebrow,.resident-information,footer) {color:var(--paper-muted);font-size:12px;line-height:18px}
.paper-hud.resident-page a {color:#476e54}
.paper-hud.resident-page .resident-world-link {display:flex;align-items:center;min-height:36px;font-size:14px}
.paper-hud.resident-page .resident-sheet {padding:0;border:1px solid transparent}
.paper-hud.resident-page .resident-sheet>.native-frame {display:none}
.paper-hud.resident-page .resident-content {background:transparent;padding:24px}
.paper-hud.resident-page .resident-portrait {border:1px solid var(--paper-border);border-radius:8px;background:#e7dfcd;box-shadow:inset 0 1px #fffdf8;overflow:hidden}
.paper-hud.resident-page .resident-identity h1 {font-size:24px;line-height:32px}
.paper-hud.resident-page :is(.resident-section,.resident-information,footer) {border-color:var(--paper-rule)}
.paper-hud.resident-page .resident-section h2 {font-size:16px;line-height:24px}
.paper-hud.resident-page :is(button,a.button) {border-width:1px;min-height:36px;font:inherit;font-weight:500;color:var(--paper-ink)}
.paper-hud.resident-page a.button.primary {color:#fffaf3;min-height:36px}
.paper-hud.resident-page .character-card-tag {background:var(--paper-sage);border:1px solid var(--paper-border);border-radius:5px;color:var(--paper-ink);font-size:12px;line-height:18px;padding:2px 8px}
.paper-hud.resident-page .resident-log-host.hud-root {color:var(--paper-ink);font-size:14px;line-height:22px}
.paper-hud.resident-page .resident-log-host .behavior-log-row {background:transparent;border-color:var(--paper-rule);color:var(--paper-ink)}
.paper-hud.resident-page .resident-log-host .behavior-log-row:hover:not(:disabled) {background:#eeeee4}
.paper-hud.resident-page .behavior-log-coverage {color:var(--paper-muted)}
.paper-hud.resident-page .resident-log-host :is(.behavior-log-copy small,.behavior-log-row time,.behavior-log-detail dt) {color:var(--paper-muted)}
.paper-hud.resident-page footer a {color:#476e54}
@media(max-width:600px) {
  .paper-hud.resident-page .nav-wrap {height:auto;min-height:44px;padding:6px 12px;gap:4px 12px}
  .paper-hud.resident-page .resident-page-label {order:3;width:100%}
  .paper-hud.resident-page .resident-content {padding:20px}
}
