/* Material pass: local type, fibrous paper, worn leather and machined brass. */
@font-face{font-family:Fraunces;src:url('./assets/fonts/Fraunces.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Barlow;src:url('./assets/fonts/Barlow-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('./assets/fonts/Barlow-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
:root{--material-gold:#e7c383;--material-ink:#30291f;--material-line:#987341;--material-serif:Fraunces,Georgia,serif;--material-sans:Barlow,'Segoe UI',sans-serif}
body,button,select{font-family:var(--material-sans)}
.intro h1,.region div>span,.quest h2,.panel h2,.notebook-entry h3,.item-detail h3,.st-detail h3,.st-zone-head h3,.gear-slot strong,.item-name,.dialogue-panel .dialogue-text{font-family:var(--material-serif)}
.intro h1,.panel h2{font-weight:620;font-variation-settings:'SOFT' 28,'WONK' 0}
.quest h2,.notebook-entry h3,.item-detail h3,.st-detail h3,.st-zone-head h3{font-weight:560;font-variation-settings:'SOFT' 26,'WONK' 0}
.intro-content>p,.panel p,.quest p,.st-detail p,.st-zone-head p,.gear-stats,.item-comparison,.inventory-hint button{font-family:var(--material-sans)}
.eyebrow,.instrument-label,.pressure-label,.section-label,.st-slot-key,.map-caption,.intro-meta,.version-label,.save-status{font-family:var(--material-sans)!important;font-weight:700;letter-spacing:.14em}
kbd,.ability kbd{font-family:var(--material-sans);font-weight:700;letter-spacing:.04em}

/* The title is a bound field journal with engraved corner guards. */
.intro{background:radial-gradient(ellipse at 76% 44%,transparent 16%,#07130f66 96%),linear-gradient(90deg,#091811e6 0%,#0d211bb5 40%,#0e231d23 76%)}
.intro-content{padding:32px 43px 29px;border:3px solid #856537;background-image:url('./assets/ui/leather-grain.svg'),radial-gradient(circle at 26% 13%,#334839 0%,#142820 64%,#102018 100%);background-size:144px 144px,auto;box-shadow:inset 0 0 0 2px #1a261b,inset 0 0 0 5px #b3925b,inset 0 0 0 7px #17251b,0 0 0 2px #0d1b13,0 24px 75px #07130fdb;isolation:isolate}
.intro-content::before{inset:10px;width:auto;height:auto;border:1px solid #b9986278;background:radial-gradient(circle at 0 0,#eac987 0 3px,#604827 3.5px 5px,transparent 5.5px),radial-gradient(circle at 100% 0,#eac987 0 3px,#604827 3.5px 5px,transparent 5.5px),radial-gradient(circle at 0 100%,#eac987 0 3px,#604827 3.5px 5px,transparent 5.5px),radial-gradient(circle at 100% 100%,#eac987 0 3px,#604827 3.5px 5px,transparent 5.5px)}
.intro-content::after{inset:19px;width:auto;height:auto;border:0;border-top:1px solid #bd9a6236;border-bottom:1px solid #bd9a6236}
.intro-content>.eyebrow{position:relative;padding:8px 12px 8px 18px;font:700 10px var(--material-sans);letter-spacing:.17em;color:#f1d7a6;background:linear-gradient(90deg,#80663c59,#263c2a66);border:1px solid #a889578c;box-shadow:inset 0 1px #f1d8a02a}
.intro-content>.eyebrow::before{content:'';position:absolute;left:7px;top:50%;width:3px;height:3px;border-radius:50%;background:#ead29a;box-shadow:0 0 6px #f2d18f}
.intro h1{font-size:clamp(42px,4.1vw,58px);line-height:1.06;letter-spacing:-.035em;color:#f6eacb;text-shadow:0 2px 1px #08150f,0 5px 22px #030e0ab3}
.intro h1 em{font-weight:600;color:#e9bc79;text-shadow:0 1px 1px #2e2417}
.intro-content>p{font-size:15px;line-height:1.52;max-width:460px;color:#e4d7b7}
.intro-actions{margin-top:24px}
.intro-meta{margin-top:19px;padding-top:15px;border-top:1px solid #c2a57470;font-size:10px;color:#d5c195}
.intro-controls{margin-top:13px;font-size:12px;color:#e0d1ac}
.intro-note{border:2px solid #a8844c;border-left:4px solid #d4ad68;background-image:url('./assets/ui/leather-grain.svg'),linear-gradient(145deg,#24392bec,#172b22ec);background-size:144px 144px,auto;box-shadow:inset 0 0 0 3px #112018,0 10px 30px #06120cbd}
.intro-note p{font-size:12px}
.version-label{font-size:10px;letter-spacing:.17em}
.wordmark{padding:11px 14px 10px;border:2px solid #ac8953;background-image:url('./assets/ui/leather-grain.svg'),linear-gradient(#27392d,#14261e);background-size:144px 144px,auto;box-shadow:inset 0 0 0 2px #17261b,inset 0 0 0 3px #aa89595e,0 3px 13px #07130bb3}
.wordmark>span{font-family:var(--material-serif);font-size:29px;font-weight:650;letter-spacing:.17em}
.wordmark small{font-family:var(--material-sans);font-weight:700;letter-spacing:.38em}
.region{padding:7px 21px 9px;border-top:1px solid #bb975e7a;border-bottom:1px solid #bb975e7a;background:linear-gradient(90deg,transparent,#15271fcf 20%,#15271fcf 80%,transparent)}
.region div>span{font-weight:580}
.icon-button{width:38px;height:38px;border:2px solid #b89760;background:radial-gradient(circle at 32% 26%,#6e6845,#28392b 70%);box-shadow:inset 0 0 0 2px #1b2a20,0 0 0 1px #342b1d,0 4px 11px #0b160ed1;color:#f2d9a3;font-family:var(--material-serif);font-weight:650;transition:transform .18s,box-shadow .18s,filter .18s}
.icon-button:hover{transform:translateY(-2px);filter:brightness(1.14);box-shadow:inset 0 0 0 2px #1b2a20,0 0 0 1px #e4bf7d,0 5px 14px #0b160ed1}
.icon-button:active{transform:translateY(1px);filter:brightness(.9)}

/* Raised brass controls with a restrained moving reflection. */
.primary-button{position:relative;overflow:hidden;min-height:50px;padding:14px 22px;border:2px solid #eacb8f;background-image:repeating-linear-gradient(94deg,#fff9d317 0 1px,transparent 1px 4px),linear-gradient(160deg,#f1d9a1 0%,#d4ac6b 48%,#9c7040 100%);color:#2c241a;box-shadow:inset 0 0 0 2px #88673d, inset 0 2px 0 #fff2c2b8,0 4px 0 #614427,0 9px 15px #08130cad;font:700 13px var(--material-sans);letter-spacing:.045em;text-shadow:0 1px #f5e0ad88;transition:transform .18s,filter .18s,box-shadow .18s}
.primary-button:hover{filter:brightness(1.12);background-image:repeating-linear-gradient(94deg,#fff9d31d 0 1px,transparent 1px 4px),linear-gradient(160deg,#f5e2b4,#d9b576 48%,#aa7a44)}
.primary-button:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px #88673d,inset 0 2px 0 #fff2c2b8,0 1px 0 #614427,0 3px 8px #08130cad}
.primary-button::before,.primary-button::after{color:#604223;font-size:12px}
.intro-actions .text-button{border:2px solid #a78751;background-image:url('./assets/ui/leather-grain.svg'),linear-gradient(#344637,#172a20);background-size:144px 144px,auto;box-shadow:inset 0 0 0 2px #13231a,0 3px 0 #0b1a12;color:#f3deb1;font:600 13px var(--material-sans)}
.intro-actions .text-button:hover{filter:brightness(1.18);background-image:url('./assets/ui/leather-grain.svg'),linear-gradient(#425640,#1d3326)}
.intro-actions #newGame.hidden + #editorButton{grid-column:1/-1}
.text-button{font-family:var(--material-sans);font-weight:600}

/* Instruments: smoked leather, enamel, and engraved marks. */
.vitals,.abilities,.inventory-hint button,.interaction,.toast{background-image:url('./assets/ui/leather-grain.svg'),linear-gradient(150deg,#3c503bef,#16271fef);background-size:144px 144px,auto}
.vitals{width:240px;border:2px solid #ac8b55;box-shadow:inset 0 0 0 2px #15251a,inset 0 0 0 4px #b99b6355,0 0 0 1px #0c1d13,0 9px 25px #07140bb8}
.vitals::after{content:'';position:absolute;inset:6px;border:1px solid #c4a56b49;pointer-events:none}
.vital-values strong{font-family:var(--material-serif);font-size:21px;font-weight:650;letter-spacing:-.03em;white-space:nowrap}
.stamina-track{height:8px;border:1px solid #91764c;background:#112419;box-shadow:inset 0 2px 3px #0b180fa8,0 1px #e0bf7e4d}
.stamina-track>div{background:linear-gradient(180deg,#e5d38b,#91b287 55%,#527b59);box-shadow:inset 0 1px #fff7c5a8,0 0 9px #bde89a8a}
.quest{border:2px solid #a57d4b;background-image:url('./assets/ui/paper-fibres.svg'),radial-gradient(circle at 17% 12%,#f7e8c6,#d8c197 72%,#bba176);background-size:180px 180px,auto;box-shadow:inset 0 0 0 3px #ead5ab,inset 0 0 0 4px #9d794969,0 5px 0 #6d5030,0 12px 22px #07130e9e;transform:rotate(-.35deg)}
.quest::before{content:'';position:absolute;top:7px;right:9px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fae2aa,#a97b3b 57%,#4e3921);box-shadow:0 1px 2px #574024}
.quest h2{font-size:23px;line-height:1.04;color:#382919}
.quest p{font-size:13px;font-weight:500;color:#4b3927}
.quest .eyebrow{font-size:9px;font-weight:700}
.beacon-dots span{font:600 10px var(--material-sans);letter-spacing:.02em;color:#715332;opacity:1}
.map-wrap{box-shadow:0 0 0 2px #e4bf7d9c,inset 0 0 0 4px #17261e,0 8px 23px #08150eae}
.abilities{border:2px solid #b99a64;box-shadow:inset 0 0 0 3px #17281e,inset 0 2px 0 4px #d7ba7945,0 4px 0 #4c3520,0 10px 25px #06110ad4}
.abilities::before,.abilities::after{content:'';top:50%;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fae1a2,#99703e 55%,#48311c 80%);box-shadow:0 1px 2px #080f08;transform:translateY(-50%)}
.abilities::before{left:7px}.abilities::after{right:7px}
.ability{background-image:radial-gradient(circle at 34% 24%,#526449,#273729 66%,#17271e);box-shadow:inset 0 0 0 2px #15241b,inset 0 1px 0 3px #cfad6d52,0 0 0 1px #d7b77a,0 4px 7px #08150da8;transition:transform .18s,filter .18s,box-shadow .18s}
.ability:hover{transform:translateY(-5px);filter:brightness(1.16);box-shadow:inset 0 0 0 2px #15241b,inset 0 1px 0 3px #e3c78988,0 0 0 2px #f1ce8b,0 8px 13px #08150da8}
.ability:active{transform:translateY(1px);filter:brightness(.92)}
.ability kbd,.intro-controls kbd,.inventory-hint kbd,.movement-hint kbd{background:linear-gradient(#e6c88d,#95774a);border:1px solid #f6dfad;color:#2b291e;box-shadow:inset 0 0 0 1px #705735,0 2px 0 #382b1d}
.ability small{font-family:var(--material-sans);font-size:10px;font-weight:600}
.inventory-hint button{border:2px solid #ae8d58;box-shadow:inset 0 0 0 2px #1a2b21,0 3px 0 #58402a,0 6px 12px #08160dc2;font:600 12px var(--material-sans);transition:transform .18s,filter .18s,box-shadow .18s}
.inventory-hint button:hover{transform:translateX(-3px);filter:brightness(1.15)}
.inventory-hint button:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px #1a2b21,0 1px 0 #58402a}
.interaction,.toast{border:2px solid #c6a26c;box-shadow:inset 0 0 0 2px #13251a,0 8px 22px #09170fd1}

/* Paper dialogs are bound pages with inked rules and brass corner studs. */
.overlay{background:#0a1611d4;backdrop-filter:blur(9px) saturate(.6)}
.overlay>.panel:not(.satchel-panel):not(.skills-panel){border:3px solid #7a5835;background-image:url('./assets/ui/paper-fibres.svg'),radial-gradient(circle at 19% 11%,#f4e4c2,#dac29a 69%,#baa077);background-size:180px 180px,auto;box-shadow:inset 0 0 0 3px #f1dfb8,inset 0 0 0 5px #92714b,0 0 0 3px #17271d,0 0 0 4px #b08d5b,0 24px 75px #07120ccd;animation:page-open .28s cubic-bezier(.17,.78,.22,1) both}
.overlay>.panel:not(.satchel-panel):not(.skills-panel)::before{content:'';position:absolute;inset:11px;pointer-events:none;border:1px solid #9e7a4a75;background:radial-gradient(circle at 0 0,#b0854b 0 3px,#563d25 3.5px 5px,transparent 5.5px),radial-gradient(circle at 100% 0,#b0854b 0 3px,#563d25 3.5px 5px,transparent 5.5px),radial-gradient(circle at 0 100%,#b0854b 0 3px,#563d25 3.5px 5px,transparent 5.5px),radial-gradient(circle at 100% 100%,#b0854b 0 3px,#563d25 3.5px 5px,transparent 5.5px)}
.panel .eyebrow{font:700 10px var(--material-sans);letter-spacing:.17em;color:#75532d}
.panel h2{font-size:36px;letter-spacing:-.02em;color:#32261a;text-shadow:0 1px #fff0cc99}
.panel p{font-size:14px;line-height:1.55;color:#463524}
.overlay .close-panel{border:2px solid #8e6b43;background:linear-gradient(#f5e5c0,#c4a271);box-shadow:inset 0 0 0 2px #e6ce9f,0 2px 0 #5d4129;color:#3c2a1c;transition:transform .18s,filter .18s}
.overlay .close-panel:hover{transform:translateY(-2px);filter:brightness(1.1)}
.controls-list kbd{background:linear-gradient(#ead5a9,#b39867);border:1px solid #785d38;box-shadow:inset 0 1px #fff0ca,0 2px 0 #816440;color:#33291d;font-family:var(--material-sans);font-weight:700}
.help-panel .controls-list>div{border-color:#90734a88;font-size:12px;font-weight:500}
.notebook-entry{border:2px solid #9c7748;background-image:url('./assets/ui/paper-fibres.svg'),linear-gradient(#ead7af,#d7bd8c);background-size:180px 180px,auto;box-shadow:inset 0 0 0 3px #f6e6c5,0 3px 0 #9c7848}
.notebook-entry h3{font-size:19px;font-weight:570}
.notebook-entry p{font-size:13px}
.dialogue-panel .dialogue-text{font-size:21px;font-weight:500}

/* Satchel and skill tree: deep leather case, inset item wells, etched headers. */
.panel.satchel-panel,.panel.skills-panel{border:3px solid #9d7747;background-image:url('./assets/ui/leather-grain.svg'),radial-gradient(circle at 22% 10%,#354638,#17271e 72%,#101e18);background-size:144px 144px,auto;box-shadow:inset 0 0 0 3px #18271e,inset 0 0 0 5px #9c805052,0 0 0 3px #111d16,0 0 0 4px #bd9860,0 20px 70px #05100ad9;animation:case-open .26s cubic-bezier(.18,.7,.28,1) both}
.panel.satchel-panel::before,.panel.skills-panel::before{content:'';position:absolute;inset:7px;pointer-events:none;border:1px solid #b99a6352;z-index:2}
.satchel-heading,.skills-heading{border-bottom:2px solid #ab8957;background-image:url('./assets/ui/leather-grain.svg'),linear-gradient(90deg,#4d4e35,#24382b 70%);background-size:144px 144px,auto;box-shadow:inset 0 -3px #13231a,inset 0 2px #d7b57736}
.satchel-heading h2,.skills-heading h2{font-size:31px;font-weight:620;color:#f4e6c6;text-shadow:0 2px 2px #08160e}
.panel.satchel-panel .satchel-heading .eyebrow,.panel.skills-panel .skills-heading .eyebrow{color:#e7c589;font:700 10px var(--material-sans);letter-spacing:.16em}
.panel.satchel-panel .satchel-heading p,.panel.skills-panel .skills-heading p{color:#d8c9a9;font:500 13px var(--material-sans)}
.panel.satchel-panel .close-panel,.panel.skills-panel .close-panel{background:linear-gradient(#485947,#1d3024);border:2px solid #ba965c;box-shadow:inset 0 0 0 2px #1a2a20,0 2px 0 #0b170f}
.equipment-column,.satchel-storage,.st-slots-bar{background-image:url('./assets/ui/leather-grain.svg'),linear-gradient(#263a2d99,#17291f99);background-size:144px 144px,auto}
.gear-slot,.satchel-item,.st-slot{border:2px solid #82643d;background-image:url('./assets/ui/leather-grain.svg'),linear-gradient(155deg,#354536,#14231b);background-size:144px 144px,auto;box-shadow:inset 0 0 0 2px #15251b,0 2px 0 #0b170f;transition:transform .17s,border-color .17s,filter .17s,box-shadow .17s}
.gear-slot:hover,.satchel-item:hover,.st-slot:focus-within{transform:translateY(-2px);border-color:#d7ae6e;filter:brightness(1.1)}
.satchel-item.selected,.st-slot.filled{border-color:#e4bc79;box-shadow:inset 0 0 0 2px #a6814c,0 0 0 1px #f0cd8c8c,0 4px 12px #09180db8}
.item-art{background:radial-gradient(ellipse at 50% 70%,#c99e5550,transparent 65%)}
.item-name{font-size:13px;font-weight:570;background:#111e17df}
.item-filters button{font-family:var(--material-sans);font-weight:600;transition:color .17s,background .17s,border-color .17s}
.item-filters button:hover{color:#ffe8bc;border-color:#caa668}
.item-filters button[aria-pressed=true]{border:1px solid #d0a96d;background:linear-gradient(#715c3980,#3d452d80);box-shadow:inset 0 1px #e8c58145}
.item-detail{background-image:url('./assets/ui/paper-fibres.svg'),radial-gradient(circle at 30% 5%,#f1e2bd,#cbb287 85%);background-size:180px 180px,auto;border-left:4px solid #8e6b3d;box-shadow:inset 3px 0 #e8d09d,inset 6px 0 #9c784e69}
.item-detail h3{font-weight:620;font-size:25px}
.item-detail .primary-button{font-family:var(--material-sans);font-weight:700;border:2px solid #b99762;background-image:url('./assets/ui/leather-grain.svg'),linear-gradient(#5a6b50,#2b4535);background-size:144px 144px,auto;box-shadow:inset 0 0 0 2px #22372a,0 3px 0 #172a1d;color:#f4ddb0}
.item-detail .primary-button:hover{filter:brightness(1.13)}
.item-detail .upgrade-button{border:2px solid #8f6e42;background-image:url('./assets/ui/paper-fibres.svg'),linear-gradient(#edd7a7,#bd9862);background-size:180px 180px,auto;box-shadow:inset 0 0 0 2px #f5e4bb,0 2px 0 #806039;font-family:var(--material-sans);font-weight:700}
.st-slot select{font-family:var(--material-sans);font-weight:600}

/* The in-game level editor uses the same workshop case without changing its tools. */
body .editor-panel{width:328px;padding:14px;border:3px solid #a9854d;border-radius:3px;background-image:url('./assets/ui/leather-grain.svg'),linear-gradient(145deg,#344637f5,#17291ff5);background-size:144px 144px,auto;box-shadow:inset 0 0 0 2px #13231a,inset 0 0 0 4px #9c80504d,0 0 0 2px #101e15,0 17px 42px #07110ac7;color:#eadbbd;font:500 12px/1.4 var(--material-sans)}
body .editor-panel::before{content:'';position:absolute;inset:7px;border:1px solid #c5a36e45;pointer-events:none}
body .editor-panel header{padding-bottom:8px;border-bottom:1px solid #b4935a8a;font:700 12px var(--material-sans);letter-spacing:.17em;color:#efcf97}
body .editor-play{border:2px solid #e8c284;border-radius:2px;padding:4px 9px;background:linear-gradient(#ebce91,#b68849);box-shadow:inset 0 0 0 1px #8b6437,0 2px 0 #46301c;color:#2d251a;font:700 11px var(--material-sans)}
body .editor-tabs button,body .editor-actions button{border:1px solid #9d7c4e;border-radius:2px;background-image:url('./assets/ui/leather-grain.svg'),linear-gradient(#3b503c,#1d3226);background-size:144px 144px,auto;box-shadow:inset 0 0 0 1px #1b2b20,0 2px 0 #0a170f;color:#ead8b4;font:600 12px var(--material-sans);transition:filter .15s,transform .15s}
body .editor-tabs button:hover,body .editor-actions button:hover,body .editor-palette button:hover{transform:translateY(-1px);filter:brightness(1.15)}
body .editor-tabs button.active{border-color:#edc98a;background:linear-gradient(#e7c689,#a97f45);box-shadow:inset 0 1px #fff0bb,0 2px 0 #64451e;color:#342619}
body .editor-palette{padding:5px;border:1px solid #85683e80;background:#101f18a8;scrollbar-color:#a48350 #1a2c21}
body .editor-palette button{border:1px solid #826945;border-radius:2px;background:#2a4131;box-shadow:inset 0 1px #dbc08c19;color:#e6d8b8;font:600 11px var(--material-sans);transition:filter .15s,transform .15s}
body .editor-palette button.active{border-color:#ecc98b;background:linear-gradient(#e6c68b,#b48b51);color:#2d2418}
body .editor-panel input,body .editor-panel select{border:1px solid #947951;border-radius:2px;background:#12231b;color:#f3e3c0;font:500 12px var(--material-sans);box-shadow:inset 0 2px 4px #07140d}
body .editor-panel input:focus-visible,body .editor-panel select:focus-visible{outline:2px solid #edca8c;outline-offset:1px}
body .editor-inspector{border:1px solid #977b50;background:#172a20c9;box-shadow:inset 0 0 0 2px #2d4130}
body .editor-inspector label{font-size:11px;color:#d9cba9}
body .editor-selected,body .editor-section h3{font-family:var(--material-serif);font-weight:600;color:#f4dbab}
body .editor-help{font-size:11px;color:#d2c29f}
body .editor-status{padding-top:6px;border-top:1px solid #a88b5a66;font-size:11px;color:#bfe2c5}

@keyframes page-open{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes case-open{from{opacity:0;transform:translateY(11px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes instrument-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
.playing-ui:not(.hidden) .vitals{animation:instrument-in .4s .05s ease-out both}
.playing-ui:not(.hidden) .quest{animation:instrument-in .42s .12s ease-out both}
.playing-ui:not(.hidden) .map-wrap{animation:instrument-in .42s .18s ease-out both}
.playing-ui:not(.hidden) .abilities,.playing-ui:not(.hidden) .inventory-hint{animation:instrument-in .38s .2s ease-out both}
@media(max-height:760px) and (min-width:960px){.intro-content{padding-top:26px;padding-bottom:24px}.intro h1{font-size:clamp(42px,3.9vw,55px)}.intro-content>p{font-size:14px}.panel h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.overlay>.panel:not(.satchel-panel):not(.skills-panel),.panel.satchel-panel,.panel.skills-panel,.playing-ui:not(.hidden) .vitals,.playing-ui:not(.hidden) .quest,.playing-ui:not(.hidden) .map-wrap,.playing-ui:not(.hidden) .abilities,.playing-ui:not(.hidden) .inventory-hint{animation:none}.primary-button,.ability,.gear-slot,.satchel-item,.st-node,.st-slot,.icon-button{transition:none}}

/* Type hierarchy: fewer tiny inscriptions, calmer display faces, clearer reading text. */
.intro h1{font-weight:560;letter-spacing:-.028em;line-height:1.09}
.intro h1 em{font-weight:560}
.intro-content>.eyebrow{font-size:11px;letter-spacing:.12em}
.intro-content>p{font-size:16px;line-height:1.58;letter-spacing:.005em}
.intro-meta{font-size:11px;letter-spacing:.1em}
.intro-controls{font-size:13px}
.intro-note p{font-size:13px;line-height:1.5}
.version-label{font-size:11px;letter-spacing:.12em}
.primary-button{font-size:14px}
.intro-actions #start,.intro-actions .text-button{font-size:14px}
.intro-actions #editorButton{display:flex;align-items:center;justify-content:center;gap:13px}
.intro-actions #editorButton.hidden{display:none}
.intro-actions #workshopButton{display:flex;align-items:center;justify-content:center;gap:13px;grid-column:1/-1}.intro-actions #workshopButton.hidden{display:none}
.intro-actions #editorButton kbd,#editorMenu kbd{padding:2px 5px;border:1px solid #d5b77c;background:#172a1f;color:#eddaa9;font-size:10px;line-height:1.1}
.quest .eyebrow{font-size:10px;letter-spacing:.11em}
.quest p{font-size:14px;line-height:1.48}
.beacon-dots span{font-size:11px}
.ability small{font-size:11px}
.inventory-hint button{font-size:13px}
.save-status,.map-caption{font-size:10px;letter-spacing:.08em}
.panel .eyebrow{font-size:11px;letter-spacing:.12em}
.panel h2{font-weight:570;line-height:1.13}
.panel p{font-size:15px;line-height:1.58}
.panel .fine-print{font-size:12px;line-height:1.5}
.panel>.text-button{font-size:14px}
.help-panel>p:not(.fine-print){font-size:14px;line-height:1.58}
.help-panel .controls-list>div{font-size:12px;line-height:1.35}
.help-panel .controls-list kbd{font-size:10px}
#menu .panel>.text-button{display:flex;align-items:center;justify-content:center;gap:12px}
#menu .panel>.text-button.hidden{display:none}
body .editor-panel{width:350px;font-size:13px;line-height:1.42}
body .editor-panel header{font-size:13px;letter-spacing:.13em}
body .editor-palette button,body .editor-panel input,body .editor-panel select,body .editor-inspector label{font-size:12px}
body .editor-help,body .editor-status{font-size:12px}
@media(max-height:760px) and (min-width:960px){.intro-content>p{font-size:15px}.intro-meta{font-size:10px}.intro-note p{font-size:12px}}