@font-face{font-family:Cinzel;src:url('./assets/Cinzel-VariableFont_wght.ttf')}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#eee9dd;color:#263e3b;font:14px/1.5 system-ui,sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid #bec6bc;background:#fffdf5;color:#263e3b;padding:8px 12px;border-radius:5px;transition:background .15s}button:hover:not(:disabled){background:#e2e8dc}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #b97930;outline-offset:3px}h1,h2,p{margin:0}h1,h2{font-family:Cinzel,Georgia,serif;font-weight:500}h1{font-size:clamp(22px,2.5vw,35px);line-height:1.2}h2{font-size:22px}p+p{margin-top:12px}[hidden]{display:none!important}.masthead{height:77px;background:#203e3c;color:#f4edd9;padding:0 30px;display:flex;align-items:center;gap:30px;border-bottom:3px solid #b28b50}.brand{font:16px Cinzel,serif;letter-spacing:2px}.brand span{display:block;font:9px system-ui;letter-spacing:3px;margin-top:5px;opacity:.7}.chapter{margin-left:auto;font-size:11px;letter-spacing:2px}.badge{font-size:9px;border:1px solid #b69b67;color:#dfc38e;padding:4px 8px;border-radius:20px;margin-left:12px}.masthead button{background:transparent;color:inherit;border-color:#74867d;font-size:12px}main{display:grid;grid-template-columns:minmax(0,1fr) 284px;max-width:1900px;margin:auto;min-height:calc(100vh - 77px)}.workspace{min-width:0;padding:28px 26px 20px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:#688079;margin-bottom:9px}.table-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}#save-status{font-size:10px;color:#6a7b6f;max-width:170px;text-align:right}.toolbar{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#faf7ee;border:1px solid #cfcfc1;border-radius:8px 8px 0 0}.selection strong,.selection span{display:block}.selection strong{font-size:13px}.selection span{font-size:10px;color:#708179}.actions{display:flex;gap:5px;flex-wrap:wrap}.actions button{font-size:12px;padding:6px 9px}.table-scroll{height:clamp(380px,53vh,650px);overflow:auto;background:#b9c4b4;border:1px solid #a5b3a6;border-top:0;position:relative;background-image:radial-gradient(ellipse at 35% 40%,#d4d8c880,transparent 70%),repeating-linear-gradient(30deg,#60766809 0px,#60766809 1px,transparent 1px,transparent 4px)}#table-size{position:relative;min-width:100%;min-height:100%}#table{width:1400px;height:1050px;position:absolute;transform-origin:top left}.table-watermark{position:absolute;left:450px;top:450px;color:#47645440;text-align:center;font:25px Cinzel;letter-spacing:6px;pointer-events:none}.table-watermark span{font:14px system-ui;letter-spacing:3px}.piece{position:absolute;border:0;background:none;padding:0;border-radius:2px;touch-action:none;cursor:grab;transform-origin:center;box-shadow:2px 8px 20px #1b30283d;user-select:none}.piece:hover:not(:disabled){background:none}.piece img,.piece svg{display:block;width:100%;height:100%;pointer-events:none}.piece.selected{outline:3px solid #ae783a;outline-offset:7px}.piece:active{cursor:grabbing}.table-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:10px;color:#61776d}.table-bottom>div{display:flex;align-items:center;gap:6px}.table-bottom button,.table-bottom select{font-size:11px;padding:5px 8px}select{border:1px solid #bcc7bd;border-radius:4px;background:#fffcf4;color:inherit;padding:6px}.inventory{border-top:1px solid #c5cbbd;padding-top:14px}.inventory-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.inventory h2{font:13px system-ui;font-weight:600}.inventory-heading>span{font-size:10px;color:#64786e}#item-count{font-weight:400;margin-left:6px;color:#6f7e72}#shelf{display:flex;gap:9px;overflow-x:auto;padding:3px 3px 10px}.shelf-item{flex:0 0 112px;background:#f8f6ec;padding:7px;border:1px solid #c8cebe;text-align:left;position:relative}.shelf-thumb{height:58px;display:flex;justify-content:center;margin-bottom:7px;overflow:hidden}.shelf-thumb img,.shelf-thumb svg{max-width:100%;height:100%;object-fit:contain}.shelf-item span{display:block;font-size:10px;line-height:1.3}.shelf-item small{font-size:9px;color:#63766d}.shelf-item[aria-pressed=true]{border-color:#9b6d37;background:#efe4ce}.backpack{background:#f9f6ed;border-left:1px solid #cdd0c1;padding:28px 24px;position:relative}.bag-art{height:162px;position:relative;margin:0 auto 22px;width:140px}.bag-handle{position:absolute;left:46px;top:0;width:48px;height:35px;border:9px solid #644b31;border-radius:25px}.bag-body{position:absolute;inset:18px 5px 0;border-radius:35px 35px 19px 19px;background:linear-gradient(100deg,#54664e,#78836b 45%,#526348);border:1px solid #3b4d3b;box-shadow:4px 7px 12px #18312524}.bag-flap{position:absolute;inset:0 -2px auto;height:56px;background:#64775b;border:1px solid #435b43;border-radius:26px 26px 25px 25px}.bag-strap{position:absolute;top:4px;width:13px;height:77px;background:#86613e;border:1px solid #604a33;border-radius:2px}.bag-strap:after{content:'';position:absolute;top:40px;left:-2px;width:15px;height:15px;border:2px solid #be9a5e;border-radius:3px}.bag-strap.left{left:24px}.bag-strap.right{right:24px}.bag-pocket{position:absolute;bottom:9px;left:25px;right:25px;height:50px;border:1px solid #3a503a;border-radius:5px 5px 12px 12px;background:#5a6e51;text-align:center;color:#e5d8b7;padding:6px;font-size:24px}#progress{list-style:none;margin:0 0 23px;padding:0;border-bottom:1px solid #d2d6c7}#progress li{font-size:11px;color:#899184;padding:7px 0;border-top:1px solid #e1e1d5;display:flex;gap:9px;align-items:center}#progress .current{color:#314d45;font-weight:700}#progress .done{color:#677963}#progress .num{border:1px solid currentColor;border-radius:50%;width:19px;height:19px;text-align:center;line-height:17px;font-size:10px}#lock-name{font-size:19px;margin-bottom:8px}.muted{color:#65786d;font-size:12px}.code-row{display:flex;gap:8px;margin-top:5px}#lock-form{margin-top:17px}#lock-form label{font-size:11px}#combination{width:130px;min-width:0;flex:1;padding:7px 10px;border:1px solid #a9b9aa;border-radius:4px;background:#fffdf5;font:25px ui-monospace,monospace;letter-spacing:6px;color:#263e3b}.primary{background:#294f46;color:#fff5df;border-color:#294f46}.primary:hover:not(:disabled){background:#3b6656;color:white}#lock-message{font-size:12px;margin:12px 0;min-height:18px}#lock-message.error{color:#9c4334}.text-button{background:none;border:0;padding:4px 0;text-decoration:underline;text-underline-offset:3px;font-size:12px}.hint{background:#eee8d8;border-left:2px solid #bc9153;padding:9px 11px;margin:9px 0;font-size:12px}.notes{margin-top:22px;border-top:1px solid #d3d7c8;padding-top:14px}.notes summary{cursor:pointer;font-size:12px}.notes textarea{margin-top:9px;resize:vertical;width:100%;min-height:110px;background:#fffdf5;border:1px solid #c7cdbd;padding:9px;border-radius:4px;font-size:12px}.session-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.session-controls button{font-size:10px;padding:5px 7px}dialog{border:1px solid #a1b2a1;border-radius:12px;padding:0;background:#f9f6ec;color:#263e3b;max-width:calc(100vw - 32px);box-shadow:0 20px 80px #152e2955}dialog::backdrop{background:#142a25b8;backdrop-filter:blur(4px)}.dialog-top{padding:17px 22px;border-bottom:1px solid #cdd4c4;display:flex;gap:16px;align-items:center;justify-content:space-between}.dialog-top h2{font-size:20px}.dialog-top .eyebrow{margin:0}.dialog-top>div:last-child{display:flex;align-items:center;gap:9px}.dialog-top label{font-size:12px}.intro-body{padding:28px 36px 36px;max-width:590px}.intro-body h2{font-size:32px;margin-bottom:18px}.intro-body p{font-size:14px}.intro-body ul{padding-left:20px;font-size:13px;line-height:1.9}.intro-body .primary{margin-top:20px}.chapter-no{font:48px Cinzel;color:#ab8a51;margin-bottom:8px!important}.intro-body .muted{font-size:12px}#viewer{width:1100px;height:90vh}#viewer-scroll{height:calc(100% - 110px);overflow:auto;background:#d7dcce;padding:20px}#viewer-art{margin:auto;position:relative;max-width:none}#viewer-art img,#viewer-art svg{width:100%;height:100%;display:block}.viewer-caption{font-size:11px;text-align:center;padding:10px}#light-dialog{width:1150px;max-height:95vh;overflow:auto}.light-instructions{padding:14px 22px;font-size:12px;color:#63796d;max-width:850px}.light-controls{display:flex;gap:20px;flex-wrap:wrap;padding:0 22px 16px}.light-controls>div{display:flex;gap:6px;align-items:center}.light-controls label{font-size:11px}.light-controls button,.light-controls select{font-size:11px;padding:6px 8px}#light-window{height:360px;position:relative;overflow:hidden;background:#23362f;touch-action:none;cursor:move;border-top:1px solid #82907d;border-bottom:1px solid #82907d}#light-window.lit{background:#fcf4d8;box-shadow:inset 0 0 65px #e9c977}#light-scene{position:absolute;width:1900px;height:2500px;transform-origin:0 0}#light-scene img{position:absolute;width:1500px;height:1050px;user-select:none;pointer-events:none;max-width:none}#light-upper{z-index:2}#light-window.lit img{filter:brightness(1.12) saturate(.78)}.light-bottom{display:flex;gap:12px;flex-wrap:wrap;padding:18px 22px;align-items:center}.light-bottom button,.light-bottom label,.light-bottom select{font-size:11px}.light-bottom label{display:flex;align-items:center;gap:6px}.nudge{display:flex;gap:4px}.nudge button{min-width:32px}#light-pan{width:135px}#lamp-toggle[aria-pressed=true]{background:#e5c989;border-color:#b68b44}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#234b40;color:#fff3d6;border:1px solid #bca375;border-radius:6px;padding:13px 22px;max-width:min(600px,90vw);box-shadow:0 8px 30px #17352c40;z-index:10;display:none}#toast.show{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#complete p{font-size:13px;margin:14px 0}#complete h2{font-size:24px}@media(min-width:1500px){.workspace{padding:35px 44px}.table-scroll{height:60vh}}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 246px}.workspace{padding:20px 15px}.backpack{padding:22px 17px}.table-heading{display:block}#save-status{display:block;text-align:left;margin-top:8px}.toolbar{flex-wrap:wrap}.table-bottom{flex-wrap:wrap}.chapter{font-size:9px;letter-spacing:1px}.masthead{padding:0 20px;gap:12px}.badge{display:none}.light-controls{gap:8px}.light-controls>div{flex-wrap:wrap}}@media(max-width:680px){.masthead{height:auto;min-height:70px;padding:12px 16px}.brand{font-size:13px}.chapter{display:none}.masthead button{margin-left:auto}main{display:block}.workspace{padding:18px 12px}.backpack{border-left:0;border-top:1px solid #b5c4b1}.bag-art{float:right;height:130px;transform:scale(.8);transform-origin:top right;margin-bottom:0}.backpack> .eyebrow{padding-top:8px}#progress{max-width:65%}.table-scroll{height:390px}.inventory-heading>span{display:none}.table-bottom{font-size:10px}.dialog-top{flex-wrap:wrap;padding:13px}.dialog-top h2{font-size:17px}.dialog-top>div:last-child{flex-wrap:wrap}.intro-body{padding:20px}.light-controls{padding:0 12px 12px}#light-window{height:290px}.light-bottom{padding:12px;gap:8px}.light-instructions{padding:12px}#viewer-scroll{padding:10px}.shelf-item{flex-basis:100px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#save-text{width:100%;height:200px;resize:vertical;margin:15px 0;border:1px solid #b9c6b5;border-radius:5px;padding:10px;background:#fffdf5;font:11px/1.5 ui-monospace,monospace;color:#345146}#save-dialog .actions{margin-top:15px}#save-dialog .primary{margin-top:0}#save-result{font-size:12px;color:#7b5037}