/* Physical archive stationery. Decorative assets contain no interface text. */
html:has(>.archive-studio),html:has(body.archive-studio){background:#17281e url('assets/archive-world/market-exchange-hd.jpg') center/cover fixed}
body.archive-studio{max-width:1280px;min-height:100svh;padding:32px 38px 48px;background:linear-gradient(#10231de6,#14291ee8);color:#e7e4bf}
body.archive-studio.embedded{padding:24px 32px 38px;background:linear-gradient(#12281be0,#13271ced)}
.archive-studio .sheet,.archive-studio dialog,.archive-studio .market-heading,.archive-studio .market-card{
 clip-path:none;border:18px solid transparent;border-image:url('assets/archive-world/archive-paper-edge.svg') 24 stretch;
 background-color:#e9dfb4;background-image:repeating-linear-gradient(0deg,transparent 0 31px,#76794e0e 31px 32px),radial-gradient(#6d724921 .65px,transparent .8px);background-size:auto,5px 5px;background-clip:padding-box;
 box-shadow:5px 7px 0 #07150b66;filter:none;color:#2d412b;position:relative;
}
.archive-studio .sheet:before,.archive-studio .market-heading:before,.archive-studio .market-card:before{
 content:'';position:absolute;top:-31px;left:calc(50% - 36px);width:72px;height:32px;background:url('assets/archive-world/archive-paper-clip.svg') center/contain no-repeat;pointer-events:none;z-index:1;
}
.archive-studio .sheet:after,.archive-studio dialog:after,.archive-studio .market-heading:after,.archive-studio .market-card:after{display:none}
.archive-studio .sheet{padding:25px 25px 30px}
.archive-studio .sheet>.eyebrow{display:inline-block;border-bottom:2px solid #829166;padding:0 0 8px;color:#536c43;letter-spacing:.1em}
.archive-studio .sheet>h1{margin:17px 0 22px;font-size:25px;line-height:1.4;border-bottom:1px solid #acb184;padding-bottom:20px}
.archive-studio .sheet h2{color:#334e30}
.archive-studio .sheet input,.archive-studio .sheet textarea,.archive-studio .sheet select{background:#f3eac9;border:1px solid #9aab7d;border-bottom:2px solid #7b8e60;box-shadow:inset 2px 2px #c8c89e55}
.archive-studio .sheet label{font:10px/1.7 var(--archive-pixel)}
.archive-studio .sheet label input,.archive-studio .sheet label textarea,.archive-studio .sheet label select{font:14px/1.5 var(--archive-copy)}
.archive-studio .sheet label small{font:11px/1.7 var(--archive-copy)}
.archive-studio main[data-screen=write]{gap:30px;padding-top:14px}
.archive-studio .terms{margin-top:32px;background-color:#d4d6ac;transform:rotate(.6deg)}
.archive-studio .terms:before{display:block}
.archive-studio .terms h2{font-size:13px;letter-spacing:.03em}
.archive-studio>nav{gap:7px;padding:8px 0 15px;border-bottom:2px solid #79836277;box-shadow:0 2px #09180d;}
.archive-studio>nav button,.archive-studio header>#connect{position:relative;background:linear-gradient(#44553a,#2b402c);border:2px solid #8b9267;border-top-color:#b9b58a;border-bottom-color:#172b1d;color:#eee9c7;box-shadow:3px 3px #0a190f;font-size:10px;min-height:46px}
.archive-studio>nav button[aria-pressed=true]{background:#d9dfb2;color:#293e28;border-color:#adb98b;border-top-color:#edf0c9;box-shadow:0 3px #758758}
.archive-studio>nav button:hover,.archive-studio header>#connect:hover{background:#536747;color:#fff7d3}
.archive-studio>nav button[aria-pressed=true]:hover{background:#e5e9c4;color:#293e28}
.archive-studio header{padding-bottom:12px}
.archive-studio .market-heading,.archive-studio.embedded .market-heading{margin:26px 0 28px;min-height:158px;padding:19px 24px 22px;gap:24px}
.archive-studio .market-heading h1,.archive-studio.embedded .market-heading h1{font-size:28px;margin:12px 0;line-height:1.35;max-width:630px}
.archive-studio .market-heading p{font-size:14px;color:#5a6b48}
.archive-studio .network-stamp{flex-shrink:0;position:relative;margin:38px 6px 0 0;background:none;color:#4c6740;border:3px double #627a4c;box-shadow:none;transform:rotate(-5deg);padding:10px 14px;font-size:9px}
.archive-studio .network-stamp:before{content:'';position:absolute;width:64px;height:74px;right:32px;bottom:calc(100% + 5px);background:url('assets/archive-world/page-pixel.png') center/contain no-repeat;image-rendering:pixelated;transform:rotate(5deg)}
.archive-studio .network-stamp small{color:#61764c}
.archive-studio .market-tabs{gap:12px;border:0;margin-bottom:14px;}
.archive-studio .market-tabs button{background:#253f2c;border:1px solid #6d8254;border-bottom:3px solid #132b1a;padding:10px 15px;color:#bfcda6;font-size:9px;box-shadow:2px 2px #07170c}
.archive-studio .market-tabs [aria-pressed=true]{background:#b9c99a;color:#243b27;border-color:#aabd8c;border-bottom-color:#738959}
.archive-studio .market-filters{background:#233c2ce8;border:2px solid #71835c;box-shadow:inset 0 2px #a3ab7833,3px 4px #08190e88;padding:14px}
.archive-studio .market-meta{color:#c1cca7;margin:15px 2px 24px}
.archive-studio .market-grid{gap:30px 26px}
.archive-studio .market-card{padding:15px 12px 16px;transition:transform .15s ease;}
.archive-studio .market-card:before{width:48px;height:24px;left:calc(50% - 24px);top:-27px;background-size:48px 24px}
.archive-studio .market-card:hover{background-color:#f0e7c1;transform:translateY(-3px)}
.archive-studio .market-card-top{gap:12px;padding-top:5px}
.archive-studio .market-card h2{font-size:11px}
.archive-studio .token-stamp{height:44px;flex-basis:44px}
.archive-studio .market-metrics{margin:18px 0 12px;padding:14px 0;border-color:#9ea97c}
.archive-studio .market-metrics dd{font-size:25px;color:#304a30}
.archive-studio .market-card>button,.archive-studio .sheet .primary,.archive-studio dialog .primary{background:#354e31;border:2px solid #748858;border-bottom-color:#213a25;color:#f0eccb;box-shadow:2px 3px #a0ac7d}
.archive-studio .market-card>button:hover,.archive-studio .sheet .primary:hover{background:#4b663c}
.archive-studio main[data-screen=payouts],.archive-studio main[data-screen=burns]{max-width:920px;margin:30px auto}
.archive-studio main[data-screen=payouts]>.sheet,.archive-studio main[data-screen=burns]>.sheet{padding:32px 38px 36px;}
.archive-studio main[data-screen=payouts] h1,.archive-studio main[data-screen=burns] h1{font-size:27px}
.archive-studio .sheet .empty{position:relative;border:1px dashed #97a579;background:#d8dcb655;padding:24px 22px 24px 86px;color:#586c44;min-height:92px;display:flex;align-items:center}
.archive-studio .sheet .empty:before{content:'';position:absolute;left:18px;top:calc(50% - 28px);width:46px;height:56px;background:url('assets/archive-world/parcel-pixel.png') center/contain no-repeat;image-rendering:pixelated;opacity:.7}
.archive-studio dialog{padding:24px 24px 28px;background-color:#e9dfb4}
.archive-studio dialog .close{top:8px;right:10px}
.archive-studio dialog>h2{padding-right:28px;margin-top:6px}
.archive-studio .market-disclaimer{color:#b2c19b}
.archive-studio dialog .market-disclaimer{color:#596d49}
.app-dialog{background:#253b2c;border:3px solid #8c946c;border-top-color:#b6b38a;border-bottom-color:#101f15;clip-path:none;box-shadow:0 16px 60px #000a,inset 0 0 0 3px #14291d;padding:6px 8px 10px}
.app-dialog:after{display:none}
.app-toolbar{background:linear-gradient(#3c5038,#293e2c);border-bottom:2px solid #8b9266;padding:12px 16px;margin-bottom:7px;color:#e4e4bb}
.app-toolbar h2,.app-toolbar>a{color:#e4e4bb}
.app-toolbar button{background:#233b29;color:#e3e4b8;border:2px solid #8e996b;box-shadow:2px 2px #102417}
.app-dialog #platformFrame{border:1px solid #6e7f52;background:#192c20}
@media(max-width:700px){body.archive-studio,body.archive-studio.embedded{padding:18px 14px 28px}.archive-studio .sheet{padding:20px 16px 24px;border-width:14px}.archive-studio .terms{margin-top:12px;transform:none}.archive-studio .sheet>h1{font-size:21px}.archive-studio main[data-screen=write]{gap:26px}.archive-studio>nav button{font-size:8px;padding-inline:6px}.archive-studio .market-heading,.archive-studio.embedded .market-heading{padding:18px 14px 22px;gap:20px;margin-top:26px}.archive-studio .market-heading h1,.archive-studio.embedded .market-heading h1{font-size:22px}.archive-studio .network-stamp{margin:0;font-size:8px;transform:rotate(-3deg);padding:8px 12px}.archive-studio .network-stamp:before{display:none}.archive-studio .market-card{padding:15px 14px 20px}.archive-studio main[data-screen=payouts]>.sheet,.archive-studio main[data-screen=burns]>.sheet{padding:22px 18px 26px}.archive-studio main[data-screen=payouts] h1,.archive-studio main[data-screen=burns] h1{font-size:21px}.archive-studio .sheet .empty{padding:64px 16px 20px;display:block}.archive-studio .sheet .empty:before{top:12px;left:16px;width:32px;height:40px}.app-toolbar{padding:8px 10px}.app-dialog{padding:4px 5px 7px}.archive-studio dialog{border-width:12px;padding:24px 16px}.archive-studio dialog>h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.archive-studio .market-card:hover{transform:none}}
/* The same stationery sits directly in the playable scene. */
.objective-panel,.discovery-card,.printing-meter,.note-dialog#draftDialog,.note-dialog#noteDialog,.note-dialog#mapDialog{
  clip-path:none;border:12px solid transparent;border-image:url('assets/archive-world/archive-paper-edge.svg') 24 stretch;
  background-color:#e9dfb4;background-clip:padding-box;box-shadow:4px 6px #07150b66;
}
.objective-panel{padding:12px 16px 14px}
.discovery-card{padding:12px 15px 16px}
.objective-panel:before,.discovery-card:before{top:-22px;bottom:auto;left:calc(50% - 24px);width:48px;height:24px;background:url('assets/archive-world/archive-paper-clip.svg') center/contain no-repeat}
.objective-panel:after,.discovery-card:after,.printing-meter:after,.note-dialog:after{display:none}
.note-dialog#draftDialog,.note-dialog#noteDialog,.note-dialog#mapDialog{padding:24px 32px 30px}
@media(max-width:600px){.objective-panel{padding:10px 12px 12px}.discovery-card{padding:10px 12px 13px}.note-dialog#draftDialog,.note-dialog#noteDialog,.note-dialog#mapDialog{padding:20px 22px 24px}}
/* Ink Protocol identity: the ink mark stays square at every size. */
.masthead .brand img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}
.archive-studio header .brand img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated}
@media(max-width:600px){.masthead .brand{gap:8px;font-size:9px}.masthead .brand img{width:24px;height:24px}.masthead .brand small{font-size:5px;letter-spacing:.12em}.archive-studio header .brand img{width:28px;height:28px}}
.masthead .brand img,.archive-studio header .brand img{filter:none}
/* Compact paper directions keep the original clipped sheet and clasp. */
.quest-hud .objective-panel{
  width:305px;max-width:100%;padding:11px 13px 12px;
  background-color:#e9dfb4;
  background-image:repeating-linear-gradient(0deg,transparent 0 27px,#76794e0e 27px 28px),radial-gradient(#6d724921 .65px,transparent .8px);
  background-size:auto,5px 5px;background-clip:padding-box;
  border:8px solid transparent;border-image:url('assets/archive-world/archive-paper-edge.svg') 24 stretch;
  border-radius:0;clip-path:none;box-shadow:4px 5px 0 #07150b66;
  backdrop-filter:none;filter:none;color:#263b2b;
}
.quest-hud .objective-panel:before{
  display:block;content:'';position:absolute;top:-17px;bottom:auto;left:calc(50% - 19px);
  width:38px;height:19px;background:url('assets/archive-world/archive-paper-clip.svg') center/contain no-repeat;
}
.quest-hud .objective-panel:after{display:none}
.quest-hud .objective-panel>span{font:7px/1.5 var(--archive-pixel);color:#617354;letter-spacing:.02em;margin:0 0 6px;padding:0 0 4px;border-bottom:1px dashed #869675}
.quest-hud .objective-panel strong{font:11px/1.45 var(--archive-pixel);color:#263b2b;letter-spacing:0}
.quest-hud .objective-panel small{display:block;font:9px/1.5 var(--archive-pixel);color:#354d35;max-width:none;margin-top:5px;text-shadow:none}
.quest-hud .objective-panel .back-button{width:100%;min-height:28px;margin:6px 0 0;padding:5px 0 0;border:0;border-top:1px dashed #869675;font:7px/1.5 var(--archive-pixel);color:#506644;text-align:left}
.quest-hud .objective-panel .back-button:hover{color:#243b27}
@media(max-width:600px){
  .quest-hud .objective-panel{width:245px;max-width:calc(100% - 42px);padding:9px 10px 10px;border-width:7px}
  .quest-hud .objective-panel:before{top:-15px;left:calc(50% - 17px);width:34px;height:17px}
  .quest-hud .objective-panel>span{font-size:6px;margin-bottom:5px;padding-bottom:4px}
  .quest-hud .objective-panel strong{font-size:11px}
  .quest-hud .objective-panel small{font-size:9px;line-height:1.45;margin-top:4px}
  .quest-hud .objective-panel .back-button{font-size:7px;margin-top:5px;padding-top:4px}
}