/* Original handheld-adventure details; ordinary, readable controls. */
:root{--paper:#f3e8cf;--surface:#fff9e9;--ink:#382d27;--muted:#6d5948;--line:#d3bf98;--green:#345d47;--gold:#edc370;--burgundy:#65454a}
body{background-image:radial-gradient(#87623f14 .7px,transparent .7px);background-size:8px 8px}
header{border-bottom:3px double #bba17a;background:#fff9e9f5}
.brand{font-family:Georgia,serif;letter-spacing:-.06em}.brand img{filter:drop-shadow(2px 2px 0 #d8c9a6)}
h1 em{font-style:normal;color:var(--green)}.eyebrow,.tag{font-family:'Courier New',monospace;font-weight:700;line-height:1.5}
.welcome h1{font-size:clamp(2.6rem,5vw,4rem)}.welcome>p{max-width:31rem}.welcome .notice{font-size:.79rem;margin-top:20px}
#auth{gap:clamp(24px,5vw,65px)}.auth-card{border:2px solid #9c865f;border-radius:5px;box-shadow:5px 5px 0 #d4c19a,inset 0 0 0 4px var(--surface),inset 0 0 0 5px #e0d1b0}
.glen-window{margin:26px 0 0;border:4px solid #514630;outline:1px solid #a48d60;outline-offset:3px;border-radius:3px;box-shadow:5px 6px 0 #d1bc93;background:#2d483a;overflow:hidden}
.glen-window img{width:100%;height:auto;display:block;image-rendering:pixelated}.glen-window figcaption{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;color:#f4dfac;font-size:.7rem;line-height:1.6;flex-wrap:wrap}.glen-window figcaption span:first-child{font-family:'Courier New',monospace;font-weight:700;letter-spacing:.08em}
.tabs{background:#e8d9bc;border:1px solid #cbb58c;border-radius:5px}.tabs .active{background:var(--surface);box-shadow:0 2px 0 #c6af87;border-radius:3px}
button,.primary,.secondary,a.secondary,.icon{border-radius:4px}.primary{box-shadow:0 3px 0 #243e30;border:1px solid #284a37}.secondary{box-shadow:0 2px 0 #d1bd95}.primary:active,.secondary:active{transform:translateY(1px);box-shadow:none}
.card,.trade,.panel{border-radius:6px;border:1px solid #baa27a;box-shadow:3px 4px 0 #ded0af}.card-face{border:2px solid #93a082;border-radius:3px;position:relative;min-height:125px;background:linear-gradient(145deg,#eaf0d7,#dbdfbc);box-shadow:inset 0 0 0 4px #ffffff66}.card-face:after{content:'✧';position:absolute;right:11px;top:6px;color:#567052;font-size:1.3rem}.card-face strong{padding-right:12px}.card>p{line-height:1.65}.card .wish-save{margin-top:7px;color:#674449}.wish-match{background:#f4e2af;color:#674519;border:1px solid #c8a164;margin-bottom:5px}
.binder-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 24px;border:1px solid #bfa579;border-radius:5px;background:#ece3c8;overflow:hidden}.binder-overview>div,.binder-overview>button{padding:17px 19px;text-align:left;border-right:1px solid #d3bf98;min-width:0}.binder-overview strong{display:block;font-family:Georgia,serif;font-size:1.8rem;line-height:1.1;color:var(--green)}.binder-overview span{display:block;font-size:.77rem;color:var(--muted);line-height:1.5;margin-top:6px}.binder-overview .overview-link{background:#e1e7cf;border:0;border-radius:0}.overview-link:hover{background:#d6dfbd}.overview-link span{color:#34523b;text-decoration:underline;text-underline-offset:3px}.overview-link:focus-visible{outline-offset:-4px}
#toolbar{gap:12px;align-items:flex-end}.discovery-filter{margin:0;flex:0 1 170px}.search{flex:1 1 240px;max-width:none}#discovery-results{min-height:1.3em;margin-top:-8px}
.wish-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.wish-head h2{font-family:Georgia,serif;font-size:1.8rem;margin:0}.wish-head p{margin:6px 0}.wish-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:22px 0}.wish-entry>div{min-width:0}.wish-entry h3{margin:0}.wish-entry p{margin:6px 0 10px}.wish-entry .actions{margin:0;flex-shrink:0}.wish-book>.small{max-width:52rem}.empty{background:#fff9e9;border:1px dashed #b79c73;border-radius:5px}.empty-spark{display:block;font-size:2rem;color:#916231;margin-bottom:12px}
dialog{border:3px double #947b55;border-radius:6px;box-shadow:0 24px 80px #382b2450}dialog summary{min-height:44px;padding:12px 0;cursor:pointer;color:var(--green)}.pick{border-radius:4px}.pick:has(input:not([value="0"]):focus){border-color:var(--green)}
.notice{border-radius:3px}.section-head h1{letter-spacing:-.025em}.main-tabs{max-width:780px;margin-top:6px}.main-tabs button.active:before{content:'▸ ';color:var(--green)}
@media(max-width:800px){.binder-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.binder-overview>div,.binder-overview>button{border-bottom:1px solid #d3bf98}.wish-entry{align-items:flex-start;flex-direction:column;gap:10px}.wish-entry .actions{flex-wrap:wrap}}
@media(max-width:650px){.glen-window{margin:23px 3px 0;max-width:100%}.glen-window figcaption{padding:10px 12px}.welcome h1{font-size:clamp(2.6rem,11vw,3.4rem)}.binder-overview>div,.binder-overview>button{padding:14px}.binder-overview strong{font-size:1.5rem}.discovery-filter{flex:1 1 40%;min-width:0}.search{flex-basis:100%}.wish-head{align-items:flex-start;flex-wrap:wrap}.auth-card{box-shadow:3px 3px 0 #d4c19a}.card,.trade,.panel{box-shadow:2px 3px 0 #ded0af}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active{transform:none}}