.camp-modal{width:min(1260px,96vw);max-height:96svh;background:#151919;color:#e6ddc9;border:7px ridge #66543d;padding:0;--camp-day:0}
.camp-modal .modal-head{background:linear-gradient(95deg,#a18a63,#716044);color:#191b18;padding:12px 26px;border-bottom:6px ridge #514638}.camp-modal .modal-head h2{font:600 clamp(26px,3vw,42px) 'Cinzel',Georgia,serif;letter-spacing:.08em}.camp-modal .modal-body{padding:14px;background:linear-gradient(rgba(77,66,45,calc(var(--camp-day)*.15)),transparent),#141b1b}.camp-modal .modal-notice{color:#e6ddc9}
.camp-layout{display:grid;grid-template-columns:42% 58%;border:3px ridge #715e43;background:#141a1a}.camp-clock-column{padding:16px 12px;text-align:center;background:radial-gradient(ellipse at 50% 30%,#33352e,#101617);border-right:5px ridge #715e43}.camp-clock{position:relative;width:100%;aspect-ratio:1}.camp-clock-art{position:absolute;inset:0;overflow:hidden;border-radius:50%}.camp-clock-art img{position:absolute;width:261.4%;height:204%;max-width:none;left:-6%;top:-20.2%;pointer-events:none}.camp-clock:after{content:'';position:absolute;inset:5%;border:1px solid #b19559;box-shadow:0 0 18px #0008,inset 0 0 12px #0008;border-radius:50%;pointer-events:none}.camp-modal .camp-stone{position:absolute;transform:translate(-50%,-50%) rotate(45deg);z-index:2;width:clamp(18px,2vw,27px);height:clamp(18px,2vw,27px);min-height:0;padding:0;border:2px ridge #9c8459;border-radius:3px;background:linear-gradient(125deg,#8b7a59,#2b332e);box-shadow:0 2px 4px #000;touch-action:manipulation}.camp-modal .camp-stone.selected{background:#8ecbd5;border-color:#e3f6f3;box-shadow:0 0 14px #75b9d4}.camp-modal .camp-stone:hover,.camp-modal .camp-stone:focus-visible{outline:3px solid #e6ddc9;outline-offset:4px}.camp-clock-marker{position:absolute;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;background:#fff2bd;box-shadow:0 0 6px 3px #e4b656;z-index:3;pointer-events:none}.camp-clock-column p{margin:12px 0 0;font:18px/1.4 'Source Sans 3',sans-serif}.camp-clock-help{color:#b9aa91}
.camp-sheet{padding:clamp(16px,2.5vw,32px);color:#29231e;background:radial-gradient(ellipse at 45% 35%,#d0ba91,#a68b63);box-shadow:inset 0 0 30px #3e2e2366}.camp-sheet table{width:100%;border-collapse:collapse;font:clamp(16px,1.5vw,22px)/1.4 'Source Sans 3',sans-serif;font-variant-numeric:tabular-nums}.camp-sheet th,.camp-sheet td{padding:14px 7px;text-align:center;border-bottom:1px solid #6a543544}.camp-sheet th:first-child{text-align:left}.camp-sheet thead{font-family:'Cormorant Garamond',Georgia,serif}.camp-sheet th small{display:block;font:14px 'Source Sans 3';color:#514633}.camp-sheet meter{display:block;width:100%;height:7px;margin-top:6px;accent-color:#4a685e}.camp-separator{text-align:center;font:32px Georgia;color:#5a492e;margin:14px auto}.camp-sheet p{font:18px/1.4 'Source Serif 4',Georgia,serif;max-width:65ch}.camp-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.camp-modal .camp-actions button{background:linear-gradient(#373b32,#1d2522);color:#e6ddc9;border:2px ridge #8f764b;min-height:46px;font:600 17px 'Source Sans 3';padding:10px 13px}.camp-modal .camp-actions button:disabled{opacity:.45}.camp-sheet .camp-food-note{font:16px/1.4 'Source Sans 3';color:#514633}.camp-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:radial-gradient(ellipse at 70% 0%,rgba(119,108,73,calc(var(--camp-day)*.3)),transparent 80%);border-top:5px ridge #594e3b}.camp-bottom .party-orbs{width:65%}.camp-bottom p{font:18px 'Source Serif 4';max-width:20ch;color:#b9aa91}.camp-bottom .hero-orb{max-width:180px}.camp-bottom .orb-frame{width:clamp(65px,11vw,145px);height:clamp(65px,11vw,145px)}
.overhear-scene{height:min(60svh,580px);background:#100f0d}.overhear-scene img{width:100%;height:100%;object-fit:contain;display:block}.first-rest-hint{position:absolute;top:72px;left:16px;max-width:380px;background:#141b19ed;border:1px solid #b78a4d;padding:14px;color:#e6ddc9;font:18px/1.4 'Source Serif 4'}.first-rest-hint button{display:block;margin-top:10px}.night-status{font:14px 'Source Sans 3';color:#d1c5ab}
@media(max-width:750px){.camp-layout{grid-template-columns:1fr}.camp-clock-column{border-right:0}.camp-clock{max-width:330px;margin:auto}.camp-sheet th,.camp-sheet td{padding:12px 4px}.camp-bottom{padding:12px}.camp-bottom .party-orbs{width:100%}.camp-bottom>p{display:none}.camp-modal .modal-body{padding:6px}.camp-modal .camp-stone{width:23px;height:23px}}