/* Adventure notebook: paint only. Existing responsive layout and hit boxes own geometry. */
:root{
 --paper:#fffaf0;--ink:#49392e;--ink-soft:#66584b;--teal:#416887;--deep:#35536b;
 --mint:#e7eee3;--gold:#9a702c;--red:#a3463a;--line:#c7b89e;--bg:#aac3cf;
 --olive:#536746;--wood:#82684e;--stitch:#c4b69b;
 --note-blue:#416887;--note-blue-soft:#e5eef2;--note-green:#4c6243;--note-green-soft:#e8eddf;
 --note-warning:#805021;--note-warning-soft:#fff1d5;--note-danger:#963e33;--note-danger-soft:#f9e8e1;
 --note-shadow:0 2px 6px #624b3220;
}
.cloth-ui,.tutorial-environment{color:var(--ink);background:#aac3cf}
.cloth-ui .workspace{background:repeating-linear-gradient(0deg,#ffffff12 0 1px,transparent 1px 4px),#aac3cf}
.cloth-ui #main-content{
 background:linear-gradient(115deg,#ffffff50,transparent 45%),#fff8e9;
 border-color:#b8a68a;box-shadow:inset 0 0 0 5px #f2e8d4,inset 0 0 0 6px #d7c7ab,0 2px 5px #604c3420;
}
.cloth-ui.time-night #main-content{background:linear-gradient(115deg,#ffffff30,transparent 45%),#f1f2e8;color:var(--ink)}
.cloth-ui .inspector,.cloth-ui .companion-sidebar{
 background:linear-gradient(105deg,#ffffff50,transparent 40%),var(--paper);border-color:#baa98d;
 box-shadow:inset 0 0 0 4px #f2e9d6,0 2px 5px #59472f1a;
}
.cloth-ui .common-header,.cloth-ui .topbar,.tutorial-app-header,.tutorial-fixed-status{
 color:var(--ink);background:var(--paper);border-color:#bca88a;box-shadow:0 2px 5px #5e493426;
}
.cloth-ui .brand,.cloth-ui .day-number,.cloth-ui h1,.cloth-ui h2,.cloth-ui h3,dialog h2,dialog h3{color:#513b2b}
.cloth-ui .brand-mark{background:#597087;border-color:#d8e4e8;color:#fffaf0;outline-color:#597087}
.cloth-ui .eyebrow,.cloth-ui .recipe-category{color:#5b6a4b}
.cloth-ui .resourcebar{background:#e7edf0;border-color:#a6bdc8}
.cloth-ui .resource{color:#435d70;border-color:#b4c6cd}
.cloth-ui .resource:hover:not(:disabled){background:#d7e5eb}
.cloth-ui .weather-symbol{color:#8c6428}
.cloth-ui .white-panel,.cloth-ui .make-card,.cloth-ui .route-card,.cloth-ui .status-card,.cloth-ui .item-card,
.cloth-ui .food-item,.cloth-ui .more-grid button,.cloth-ui .event-stage{
 color:var(--ink);background:var(--paper);border-color:#c7b89e;box-shadow:var(--note-shadow);
}
.cloth-ui .make-card{outline-color:#d6c9b1}
.cloth-ui .tag[data-work-state="ready"],.cloth-ui .tag[data-work-state="done"]{color:#415338;background:#e8eddf}
.cloth-ui .tag[data-work-state="building"]{color:#35566d;background:#e5eef2;outline:1px dashed #7290a0;outline-offset:-2px}
.cloth-ui .tag[data-work-state="locked"]{color:#685c49;background:#e8e3d8;outline:1px dashed #a79982;outline-offset:-2px}
.cloth-ui .tag[data-work-state="blocked"]{color:#805021;background:#fff1d5}
.cloth-ui .next-action,.cloth-ui .goal-panel{
 background:linear-gradient(110deg,#ffffff60,transparent 60%),#eef0e4;border-color:#b3bc9f;outline-color:#c7cfb6;
 box-shadow:0 2px 0 #e4decc,0 4px 5px #66523b15;
}
.cloth-ui .goal-panel{background:linear-gradient(110deg,#ffffff60,transparent 60%),#f3ebe1;border-color:#c8b39e;outline-color:#d6c3ad}
.cloth-ui .primary,dialog .primary,.tutorial-environment .primary{
 background:linear-gradient(180deg,#ffffff0b,transparent),var(--note-blue);border-color:#355875;color:#fff;
 border-radius:10px;box-shadow:0 2px 0 #304b62,inset 0 0 0 2px #ffffff20;
 outline:1px dashed #c9d9e1;outline-offset:-5px;
}
.cloth-ui .primary:hover:not(:disabled),dialog .primary:hover:not(:disabled),.tutorial-environment .primary:hover:not(:disabled){background:#365b78}
.cloth-ui .soft-button,dialog .soft-button,.tutorial-environment .soft-button{
 background:#f4eddf;border-color:#b7a78d;color:#54422e;box-shadow:inset 0 1px #ffffffc0;
}
.cloth-ui .soft-button:hover:not(:disabled),dialog .soft-button:hover:not(:disabled){background:#e7eef0;border-color:#6c8da3;color:#324e62}
.cloth-ui .text-button,dialog .text-button{color:#365d78;text-decoration-color:#7897ac}
.cloth-ui .text-button:hover,dialog .text-button:hover{color:#28485e}
.cloth-ui .section-tabs{background:#ede9de}
.cloth-ui .section-tabs button,.cloth-ui .action-tile,.tutorial-environment .tutorial-choice{color:#51412f;background:#fcf7eb;border-color:#b7ab92}
.cloth-ui .section-tabs .selected,.cloth-ui .action-tile.selected,.tutorial-environment .tutorial-choice.selected{
 color:var(--note-green);background:var(--note-green-soft);border-color:var(--note-green);
 box-shadow:inset 0 -3px var(--note-green);text-decoration:underline;text-underline-offset:3px;
}
.cloth-ui .bottom-nav{background:linear-gradient(0deg,#f0e4cd,#fff9ed);border-color:#a48c69;box-shadow:0 -2px 6px #604a2e20}
.cloth-ui .bottom-nav button{background:#fff9ed;color:#67513c;border-color:#bba98b;box-shadow:inset 0 1px #fffdf7}
.cloth-ui .bottom-nav button.active{background:var(--note-green);color:#fff;border-color:#d6dec9;box-shadow:inset 0 0 0 3px #7e9168}
.cloth-ui .bottom-nav button.active b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.cloth-ui .bottom-nav button:not(.active):hover{background:#e4eced;border-color:#69869a}
.cloth-ui .companion-card{background:#faf5e8;border-color:#bdaf93}
.cloth-ui .companion-card.selected{background:#edf0e1;border-color:#5d714e;outline:1px dashed #8b9d73;outline-offset:-5px}
.cloth-ui .order-nui,.cloth-ui .order-nui .order-work{color:#4d5140}
.cloth-ui .companion-details{background:#eee8d8;color:#544932}
.cloth-ui .activity-badge,.cloth-ui .tag.good,.cloth-ui .condition-clear,.cloth-ui .building-summary,.cloth-ui .completion-note{background:#e8eddf;color:#415338;border-color:#92a27d}
.cloth-ui .tag.warn,.cloth-ui .cost.short,.cloth-ui .replacement-notice,.cloth-ui .work-reasons,.pending-plans{
 background:var(--note-warning-soft);color:var(--note-warning);border-color:#a4783d;
}
.cloth-ui .work-reasons strong,.cloth-ui .crew-warning,.cloth-ui .disabled-reason{color:#805021}
.cloth-ui .tag.danger,.cloth-ui .danger,.cloth-ui .order-stats .low{color:var(--note-danger)}
.cloth-ui .cost{color:#594b35;background:#efe9dc}
.cloth-ui .muted,.cloth-ui .order-work small,dialog .muted{color:#695c4c}
.cloth-ui .making-toolbar input,.cloth-ui .making-toolbar select,.cloth-ui select,.cloth-ui input,dialog input,dialog textarea,dialog select{
 color:var(--ink);background:#fffcf5;border-color:#a99980;accent-color:var(--note-green);
}
.cloth-ui input::placeholder,dialog input::placeholder{color:#756954;opacity:1}
.cloth-ui .meter,.cloth-ui .mini-track{background:#dfdece}
.cloth-ui .meter i,.cloth-ui .mini-track i{background:#52778e}
.cloth-ui .meter.gold i{background:#8b7746}
.cloth-ui .meter.bad i{background:#a55140}
.cloth-ui .camp-building-list button,.cloth-ui .camp-conversation,.cloth-ui .camp-additions,.cloth-ui .camp-resident-list{
 color:#55442e;background:#fbf5e7;border-color:#b7a68a;
}
.camp-view-controls button{color:#53442f;background:#faf5e8;border-color:#a5957c}
.camp-view-controls button[aria-pressed="true"]{color:#fff;background:var(--note-green);border-color:#3f5337;box-shadow:inset 0 -3px #273a21;text-decoration:underline;text-underline-offset:3px}
.cloth-ui .camp-viewport,.cloth-ui .map-viewport{border-color:#927d5e}
.cloth-ui .map-pin .pin-name{background:#fff7e7;border-color:#a18b6b;color:#533e28}
.cloth-ui .map-pin.selected .pin-name{background:var(--note-green);color:#fff;border-color:#f3d184}
.cloth-ui .map-pin.locked .pin-name{background:#e8e2d4;color:#695b46}
.cloth-ui .plan-marker{color:#445138;background:#f1f2e5;border-color:#798f68}
.cloth-ui .plan-marker.draft{color:#724d20;background:#fff1d5;border-color:#9d6c2d}
.cloth-ui .dialog-header,dialog .dialog-header{background:#f0e9d8;color:#513e2c;border-color:#bcaa8c}
dialog{background:var(--paper);border-color:#a68e6c;box-shadow:inset 0 0 0 5px #f1e7d2,0 12px 38px #392b2340}
dialog::backdrop{background:#29363e70}
#toast{color:#fff;background:#3f586c;border-color:#b2c7d4;box-shadow:0 3px 12px #263a4b35}
.tutorial-environment .tutorial-main,.tutorial-environment .tutorial-roadmap,.tutorial-environment .tutorial-panel{color:var(--ink);background:var(--paper);border-color:#c4b398}
.cloth-ui button:disabled,dialog button:disabled,.tutorial-environment button:disabled{
 color:#6c6253;background:#ebe8df;border-color:#b7ad9d;box-shadow:none;opacity:1;
 outline:1px dashed #a89d89;outline-offset:-4px;cursor:not-allowed;
}
.cloth-ui .companion-card .order-nui:disabled{background:transparent}
.cloth-ui button:focus-visible,.cloth-ui a:focus-visible,.cloth-ui summary:focus-visible,.cloth-ui input:focus-visible,.cloth-ui select:focus-visible,
dialog button:focus-visible,dialog input:focus-visible,dialog textarea:focus-visible,dialog select:focus-visible,.tutorial-environment button:focus-visible{
 outline:3px solid #2f688c;outline-offset:2px;box-shadow:0 0 0 4px #fffaf0;
}
/* Retain each legacy glyph's measured advance and line height; the vector is paint only. */
.ui-icon{position:relative}
.cloth-ui .resource>.ui-label,.cloth-ui .action-tile>.ui-label,.cloth-ui .tag>.ui-label{font:inherit}
.ui-icon-space{font:inherit;visibility:hidden}
.ui-icon svg{position:absolute;left:50%;top:50%;width:1em;height:1em;max-width:none;transform:translate(-50%,-50%);pointer-events:none;overflow:visible}
.ui-icon-space,.ui-icon svg{user-select:none}
@media(forced-colors:active){
 .cloth-ui .primary,.cloth-ui .bottom-nav button.active,.camp-view-controls button[aria-pressed="true"]{outline-color:ButtonText}
 .ui-icon svg{stroke:currentColor}
}