/* Original cabinet treatment. Mechanics and tile order live in treasure.js. */
.treasure-body{background:radial-gradient(ellipse at 14% 20%,#42315180,transparent 55%),radial-gradient(ellipse at 90% 65%,#4d3f2840,transparent 50%),#191725}
.treasure-surface{background:linear-gradient(140deg,#332b42,#262436);border-color:#b899633b;box-shadow:0 20px 60px #08071550,inset 0 1px #f8dd9b15}
.treasure-body .quick-guide{background:#fbe4b908;border-color:#e4c49224;color:#d9cbdc}
.tile-board{position:relative;min-height:410px;background:radial-gradient(ellipse at center,#6d506738,transparent 70%),repeating-linear-gradient(0deg,transparent 0 33px,#d6b78904 34px 35px),#201e2d;border:1px solid #d4b98b28;border-radius:16px;padding:24px;gap:15px;box-shadow:inset 0 3px 20px #07061450}
.tile-space{aspect-ratio:1.16}.relic-tile{border:2px solid #e7c88e;border-radius:12px;background:linear-gradient(145deg,#fff9e6,#eed9b8);box-shadow:0 5px 0 #b49464,0 8px 0 #795f48,0 12px 15px #08061365,inset 0 0 0 4px #fff9e180;isolation:isolate;transition:transform .16s,box-shadow .16s}
.relic-tile:after{content:"";position:absolute;inset:7px;border:1px solid #ad884e66;border-radius:6px;pointer-events:none}
.relic-tile svg{width:73%;height:78%;filter:drop-shadow(0 2px 1px #6c44352b)}.tile-corner{font-size:9px;color:#a88043;opacity:.8;top:8px;left:10px}.tile-corner-bottom{top:auto;left:auto;right:10px;bottom:8px}
.relic-tile[data-depth="1"]{box-shadow:0 4px 0 #b49464,0 7px 10px #08061360}.relic-tile[data-depth="3"]{box-shadow:0 5px 0 #b49464,0 9px 0 #795f48,0 13px 0 #ad916b,0 17px 15px #08061360}
.relic-tile:active{transform:translateY(3px)}.tile-space.empty{border:1px dashed #b89b6630;border-radius:12px;background:#b5976805}.tile-space.empty:after{content:"✧";color:#b89b6630;font-size:24px;position:absolute;inset:0;display:grid;place-items:center}
.tray-area{margin-top:24px;padding:16px;background:linear-gradient(#493740,#312b34);border:1px solid #be98714d;border-radius:14px;box-shadow:inset 0 2px 4px #0b071850}.tray-heading{color:#e5cb9d;letter-spacing:1.6px}.tray{gap:7px}.tray-slot{height:63px;background:#1717228c;border:1px solid #b3926236;border-radius:9px;box-shadow:inset 0 3px 5px #08051150}.tray-slot.filled{background:linear-gradient(145deg,#fff5dd,#e8d4b6);border-color:#e7c88e;box-shadow:0 3px 0 #a68154,inset 0 0 0 3px #fff6df50}.tray-slot svg{width:48px;height:48px;max-width:96%}.tray.danger{outline:1px solid #ed9c75;outline-offset:5px;border-radius:9px}.tray.danger+.game-message{color:#ffd3a6}
.treasure-body .lore-figure{height:auto;margin:16px -10px 10px}.lore-figure img{width:100%;height:auto;display:block;border-radius:12px}.treasure-body .lore-panel{background:radial-gradient(ellipse at top,#5f44682c,transparent),#ffffff03;border-color:#d2b6852b}
.treasure-body .sidebar-panel{border-color:#b9996930}.treasure-body .tool-symbol{background:linear-gradient(135deg,#dbc395,#b08350);color:#382a38;border:1px solid #f8e8be66;box-shadow:inset 0 1px 2px #fff7d875,0 3px 8px #10091550}
.treasure-body .modal-card{background:radial-gradient(ellipse at top,#62476c,#2b243b 65%);border:1px solid #d9b98769;box-shadow:0 30px 90px #070411a8,inset 0 0 0 6px #d9b9870b}.modal-ornament svg{height:96px;width:96px}.treasure-body .modal-ornament{height:112px}.overlay[data-result="loss"] .modal-card{border-color:#e8a184}.overlay[data-result="win"] .modal-ornament{animation:award .6s ease-out}.matched{animation:satchelMatch .5s ease-out}.celebrate{animation:messageGlow .65s ease-out}.shuffled .relic-tile{animation:reveal .28s ease-out}
@keyframes satchelMatch{40%{box-shadow:0 0 24px #b1ffd380;background:#abd0aa30}100%{box-shadow:none}}@keyframes messageGlow{40%{color:#fcf0bb;transform:translateY(-2px)}}@keyframes award{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes reveal{from{transform:translateY(-6px);opacity:.6}to{transform:translateY(0);opacity:1}}
@media(hover:hover){.relic-tile:hover{transform:translateY(-3px);background:#fff9e8}.treasure-body .tool-button:hover{border-color:#f1ce8f70;background:#f6d7a30b}}
@media(max-width:1120px){.tile-board{padding:20px;min-height:370px;gap:13px}}
@media(max-width:540px){.tile-board{padding:13px 12px 18px;gap:11px;min-height:290px}.tile-space{aspect-ratio:1.04}.relic-tile{border-radius:8px}.relic-tile:after{inset:5px;border-radius:4px}.relic-tile svg{width:80%;height:82%}.tile-corner{font-size:7px;top:5px;left:6px}.tile-corner-bottom{top:auto;left:auto;right:6px;bottom:5px}.tray-area{padding:12px 8px;margin-top:18px}.tray{gap:4px}.tray-slot{height:44px;border-radius:6px}.tray-slot svg{width:36px;height:36px}.tray-heading{letter-spacing:1px}.treasure-body .modal-ornament{height:90px}.modal-ornament svg{width:80px;height:80px}}
.treasure-body .lore-figure{transform:none}
@media(min-width:781px){.tile-board{grid-template-columns:repeat(4,minmax(0,150px));justify-content:center;min-height:420px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}