/* The Legend of D0nald: the RTWL desk look (Chango + Gluten) with a gold accent. Forked from elon.css; variables below override desk.css on this page only. */
:root { --brand: #d4a017; --brand-deep: #7a5a00; --ink: #2b2118; --field: #fff8e6; --line: rgba(74, 52, 10, 0.16); }
body { background-color: var(--field); }
.lod-title { color: #7a5a00; text-shadow: 0 2px 0 #f5d77a; }
.lod-pick { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; margin-top: 10px; }
.lod-pick select { font: inherit; padding: 7px 10px; border-radius: 10px; border: 1px solid var(--brand); background: #fff; min-height: 38px; max-width: 100%; }
.lod-pick .note { margin: 0; }
.setup { margin-bottom: 14px; }
.setup .note { margin: 8px 0 0; font-size: .85rem; color: rgba(74,52,10,.75); }
.setup .note.bad { color: #b3261e; font-weight: 600; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.small { font-size: .85rem; }
.lg-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); gap: 16px; align-items: start; }
@media (max-width: 880px) { .lg-layout { grid-template-columns: 1fr; } }
.lg-layout aside { display: grid; gap: 16px; min-width: 0; }
.lg-main { min-width: 0; }

/* status bar (forked from legendofgrok/log.css) */
.lg-status { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(70px, 1fr) minmax(0, .8fr) minmax(76px, 1.1fr) minmax(0, .8fr) minmax(0, 1.4fr); gap: 8px; margin-bottom: 10px;
  padding: 8px 12px; border-radius: 12px; background: #7a5a00; color: #fff8e1; }
.lg-status .k { display: block; font-size: .65rem; letter-spacing: .14em; text-transform: uppercase; opacity: .8; font-weight: 600; }
.lg-status .v { display: block; font-family: Chango, Georgia, serif; font-size: .9rem; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; line-height: 1.25; }
.lg-status .loc .v { font-size: .95rem; }
#s-score, #s-moves { white-space: nowrap; overflow-wrap: normal; }
.pips { display: inline-flex; gap: 2px; align-items: center; height: 1.2rem; }
.pips i { width: 6px; height: 14px; border-radius: 3px; background: rgba(255,255,255,.22); display: block; }
.pips i.on { background: #ffd54f; box-shadow: 0 0 6px rgba(255,213,79,.7); }
.pips i.low { background: #ffb4a8; box-shadow: 0 0 6px rgba(255,120,100,.7); }
@media (max-width: 560px) { .lg-status { grid-template-columns: 1fr 1fr 1fr; } .lg-status .loc { grid-column: 1 / -1; } .lg-status .rank { grid-column: span 2; } }

/* transcript */
.lg-log { height: clamp(300px, 52vh, 560px); overflow-y: auto; overscroll-behavior: contain; padding: 12px 14px; border-radius: 14px; background: #1c160a;
  color: #f3ead2; border: 1px solid #7a5a00; box-shadow: inset 0 0 30px rgba(212,160,23,.12), 0 0 0 1px rgba(212,160,23,.12);
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: .95rem; line-height: 1.5; }
.lg-log:focus-visible { outline: 3px solid rgba(212,160,23,.5); }
.lg-log p { margin: 0 0 .55em; white-space: pre-line; overflow-wrap: anywhere; }
.lg-log .echo { color: #ffcc33; font-weight: 700; margin-top: .9em; }
.lg-log .room { font-family: Chango, Georgia, serif; color: #ffd54f; font-size: 1.05rem; margin-top: .4em; text-shadow: 0 0 10px rgba(255,213,79,.35); }
.lg-log .exits { color: #9fd0ff; }
.lg-log .items { color: #efe9a0; }
.lg-log .sys, .lg-log .amb { color: #b8a77e; font-style: italic; }
.lg-log .warn { color: #ffcf6b; }
.lg-log .hint { color: #c8b6ff; }
.lg-log .pts { color: #ffe27a; font-weight: 600; }
.lg-log .trust { color: #ffd54f; }
.lg-log .trustdown { color: #ff9d8f; }
.lg-log .menuq { color: #fff; font-weight: 700; }
.lg-log .menuopt { padding-left: 1.2em; color: #f5e3a8; }
.lg-log .choice { color: #f5e3a8; }
.lg-log .divider { text-align: center; color: #8a7a50; letter-spacing: .2em; margin: .8em 0; }
.lg-log .endbox { border: 1px solid #ffd54f; border-radius: 12px; padding: 12px 14px; margin: .8em 0; background: rgba(212,160,23,.1); }
.lg-log .endbox h4 { font-family: Chango, Georgia, serif; font-weight: 400; margin: 0 0 .5em; color: #ffd54f; font-size: 1.25rem; }
.lg-log .endbox p { color: #fff6dc; }

/* chips */
.lg-cmd { margin-top: 10px; }
.lg-chips { display: flex; flex-direction: column; gap: 6px; margin: 10px 0; }
@media (max-width: 560px) { .lg-log { height: clamp(220px, 40vh, 420px); font-size: .88rem; padding: 10px 11px; } .chip { padding: 5px 10px; font-size: .85rem; } }
.chiprow { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.chiprow .lab { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: var(--brand-deep); font-weight: 600; min-width: 4.2em; }
.chip { font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; padding: 6px 12px; min-height: 36px; border-radius: 999px; border: 1px solid var(--brand); background: #fff; color: var(--ink); }
.chip:hover, .chip:focus-visible { background: rgba(212,160,23,.16); outline: none; border-color: var(--brand-deep); }
.chip.exit { background: rgba(212,160,23,.14); }
.chip.verb { border-style: dashed; }
.chip.menu { border-radius: 12px; text-align: left; max-width: 100%; }
.chip:disabled { opacity: .45; cursor: default; }

/* command line */
.lg-cmd { display: flex; align-items: center; gap: 8px; }
.lg-cmd .prompt { font-family: ui-monospace, Menlo, Consolas, monospace; font-weight: 700; color: var(--brand-deep); font-size: 1.2rem; }
.lg-cmd input { margin-top: 0; font-size: 16px; font-family: ui-monospace, Menlo, Consolas, monospace; flex: 1 1 auto; min-width: 0; }
.lg-cmd .btn { flex: 0 0 auto; }
.tools { margin-top: 10px; gap: 8px; }
.tools .btn { flex: 1 1 auto; padding: 7px 12px; }
details.cmds { margin-top: 8px; font-size: .88rem; }
details.cmds summary { cursor: pointer; color: var(--brand-deep); font-weight: 600; }
details.cmds p { margin: 6px 0 0; }

/* side panels */
.slots { display: grid; gap: 6px; }
.slot { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 8px; align-items: center; padding: 8px 10px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.slot .nm { font-weight: 600; }
.slot .det { font-size: .82rem; color: rgba(74,52,10,.75); overflow-wrap: anywhere; }
.slot .acts { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.slot .acts button { font: inherit; font-size: .8rem; font-weight: 600; cursor: pointer; padding: 4px 9px; border-radius: 999px; border: 1px solid var(--brand); background: #fff; color: var(--brand-deep); }
.slot .acts button:hover:not(:disabled), .slot .acts button.sure { background: var(--brand); color: #fff; }
.slot .acts button:disabled { opacity: .4; cursor: default; }
.slot.empty .det { font-style: italic; }
.endlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.endlist li { display: flex; justify-content: space-between; gap: 8px; padding: 5px 9px; border-radius: 10px; border: 1px solid var(--line); background: #fff; font-size: .95rem; }
.endlist li.found { border-color: var(--brand); background: rgba(212,160,23,.12); font-weight: 600; }
.endlist li .kind { font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--brand-deep); align-self: center; }
.end-card { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(212,160,23,.18), 0 10px 30px rgba(74,52,10,.1); }
.end-card h3 { margin-bottom: 6px; }
.end-card .big { font-family: Chango, Georgia, serif; font-size: 2rem; color: var(--brand-deep); margin: 4px 0; }
.end-card .btn { margin: 8px 8px 0 0; }
.end-card p { margin: .3em 0; }

/* ---- The Legend of El0n additions ---- */
.lod-title { font-size: clamp(2rem, 5vw, 3rem); margin: 6px 0 4px; }
.lod-tag { margin: 0 0 14px; color: var(--brand-deep); font-weight: 600; }
.lg-log .lesson { color: #9be7ff; font-weight: 700; }
.lg-log .build { color: #ffd27a; font-weight: 700; }
.lg-log .stall { color: #ffb4a8; font-weight: 700; border-left: 3px solid #ff8a7a; padding-left: 8px; }
.lg-log .picnote { color: #c8b6ff; font-style: italic; }
.lessons { margin: 0; padding-left: 1.2em; font-size: .92rem; }
.lessons li { margin: 2px 0; }
.lessons li.no { color: rgba(74,52,10,.45); list-style: circle; }
@media (max-width: 560px) { .lg-status { grid-template-columns: 1fr 1fr 1fr; } }
.lg-status { grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)); }
.lg-status .loc { grid-column: span 2; }
@media (max-width: 560px) { .lg-status { grid-template-columns: 1fr 1fr 1fr; } .lg-status .loc { grid-column: 1 / -1; } }
/* header links + player docs pages (about.html, commands.html) */
.lod-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; }
.lod-links { display: inline-flex; flex-wrap: wrap; gap: 8px; }
.lod-links a { font-weight: 600; color: var(--brand-deep); text-decoration: none; padding: 5px 12px; min-height: 34px; display: inline-flex; align-items: center; border: 1px solid var(--brand); border-radius: 999px; background: #fff; }
.lod-links a:hover, .lod-links a:focus-visible { background: rgba(212,160,23,.16); outline: none; }
.doc-nav { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 14px; }
.doc-nav .back { font-weight: 600; }
.doc { line-height: 1.6; overflow-wrap: anywhere; }
.doc h1 { margin-top: 0; }
.doc h2 { font-family: Chango, Georgia, serif; font-weight: 400; font-size: 1.35rem; margin: 1.4em 0 .5em; color: var(--brand-deep); scroll-margin-top: 12px; }
.doc h3 { font-family: Gluten, Georgia, serif; font-weight: 600; font-size: 1.12rem; margin: 1.1em 0 .3em; scroll-margin-top: 12px; }
.doc ul { padding-left: 1.3em; margin: .4em 0 .8em; }
.doc li { margin: .2em 0; }
.doc code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .88em; background: #1c160a; color: #ffd54f; padding: 1px 6px; border-radius: 6px; white-space: nowrap; }
.doc hr { border: 0; border-top: 1px dashed rgba(74,52,10,.25); margin: 1.4em 0; }
.doc a { color: var(--brand-deep); }
.doc-table { overflow-x: auto; margin: .6em 0 1em; }
.doc-table table { min-width: 520px; }
.doc-table td code { white-space: normal; }
.doc-toc { margin-bottom: 14px; }
.doc-toc ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.doc-toc a { display: inline-block; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--line); background: #fff; text-decoration: none; font-weight: 600; font-size: .9rem; }
.doc-foot { text-align: center; margin-top: 18px; }
.doc-foot .btn { text-decoration: none; display: inline-block; }
@media (max-width: 560px) { .doc { padding: 14px; font-size: .97rem; } .doc code { white-space: normal; } }
/* status grid in a narrower column (chat side rail): rank gets two cells and only breaks between words */
.lg-status .rank { grid-column: span 2; }
.lg-status .rank .v { overflow-wrap: break-word; }

/* ---- gold skin for the shared workbench (advkit.css) and chat (chat.css), on this page only ---- */
.kit { border-color: rgba(212,160,23,.5); background: linear-gradient(180deg, #fffcf2, #fff6dd); box-shadow: 0 0 0 1px rgba(212,160,23,.1), 0 8px 24px rgba(74,52,10,.1); }
.kit-tabs { background: #241a07; border-bottom-color: #7a5a00; }
.kit-tab { color: #f3e3b0; }
.kit-tab.on { background: rgba(255,213,79,.16); color: #fff8e1; border-color: rgba(255,213,79,.45); box-shadow: 0 0 12px rgba(255,213,79,.2) inset; }
.kit-tab:focus-visible { outline-color: #ffd54f; }
.kit-muted, .kit-alt { color: rgba(74,52,10,.72); }
.kit-reg.here { box-shadow: 0 0 0 2px rgba(212,160,23,.4); }
.kit-reg.sel { background: rgba(212,160,23,.16); }
.kit-map { background: #241a07; }
.kit-map:focus-visible { outline-color: rgba(255,213,79,.7); }
.kit-map-lines line { stroke: #ffd54f; }
.kit-room { background: #3a2b0c; border-color: rgba(255,213,79,.4); color: #f8ecc4; }
.kit-room.near { background: #5a4310; border-color: #ffd54f; }
.kit-room.near:hover { background: #6e5214; }
.kit-room.here { background: #d4a017; color: #1c1405; border-color: #ffe9a3; box-shadow: 0 0 14px rgba(255,213,79,.7); }
.kit-room.stub { color: #b8a77e; }
.kit-cmdprev, .kit-display { background: #1c160a; color: #ffd54f; }
.kit-program { border-color: rgba(212,160,23,.55); }
.kit-slider input[type=range] { accent-color: #d4a017; }
.kit-cell.start { box-shadow: inset 0 0 0 2px #d4a017; }
.kit-cell.on, .kit-slot.on circle { background: #d4a017; fill: #d4a017; color: #1c1405; }
.kit-slot:focus circle { stroke: #ffd54f; }
.kit-key:active { background: rgba(212,160,23,.22); }
.kit-build.built { background: rgba(212,160,23,.1); }
.kit-bar { background: #f1e7cc; }
.kit-bar i { background: linear-gradient(90deg, #d4a017, #ffd54f); }
.ggc { color: #fff6dc; background: linear-gradient(160deg, rgba(212,160,23,.24), #2a1f08 55%); border-color: rgba(255,213,79,.4); box-shadow: 0 10px 30px rgba(42,31,8,.35), inset 0 1px 0 rgba(255,255,255,.07); }
.ggc-head, .ggc-text { color: #fff6dc; }
.ggc-head:focus-visible, .ggc-in:focus-visible, .ggc-send:focus-visible, .ggc-log:focus-visible { outline-color: #ffd54f; }
.ggc-live.ggc-on, .ggc-badge { background: #ffd54f; box-shadow: 0 0 8px #ffd54f; }
.ggc-log { background: rgba(20,14,3,.55); border-color: rgba(255,213,79,.2); }
.ggc-msg { border-bottom-color: rgba(255,213,79,.12); }
.ggc-who { color: #ffd54f; }
.ggc-me .ggc-who { color: #fff0b0; }
.ggc-grp { border-color: rgba(255,213,79,.35); }
.ggc-empty, .ggc-grp, .ggc-note, .ggc-time, .ggc-count { color: #d9c690; }
.ggc-time::before, .ggc-text::before { color: #b8a77e; }
.ggc .ggc-in { color: #fff6dc; background: rgba(20,14,3,.7); }
.ggc .ggc-in::placeholder { color: #b8a77e; }
.ggc .ggc-in:focus { border-color: #ffd54f; }
.ggc-send { color: #1c1405; background: linear-gradient(180deg, #ffe27a, #d4a017); box-shadow: 0 0 14px rgba(212,160,23,.45); }