/* The room keeps its first angle until the reader approaches the table. */
.desk-look{position:absolute;inset:0;z-index:6;width:100%;border:0;background:transparent;color:#f2d5a0;cursor:zoom-in;display:flex;justify-content:center;align-items:flex-start;padding:0}
.desk-look span{position:relative;top:-43px;font-size:14px;letter-spacing:.14em;padding:8px 18px;text-shadow:0 2px 12px #000;background:linear-gradient(90deg,transparent,#1c130cc9,transparent)}
.desk-look i{font-style:normal;margin-left:10px;display:inline-block;transition:transform .4s}
.desk-look:hover i{transform:translate(3px,3px)}
.desk-look:focus-visible{outline:none}
.desk-look:focus-visible span{outline:2px solid #f0cd85;outline-offset:5px}
.desk-look[hidden]{display:none}
.desk:not(.desk-overhead):not(.desk-visited) .pick-hint{visibility:hidden}
.desk-visited:not(.desk-overhead) .desk-look{inset:auto auto 100% 50%;width:max-content;height:auto;transform:translateX(-50%)}
.desk-visited:not(.desk-overhead) .desk-look span{top:0}
.desk-placeholder{visibility:hidden;pointer-events:none}
.desk-view-open{overflow:hidden}
.desk-view{position:fixed;inset:0;width:100%;height:100svh;max-width:none;max-height:none;margin:0;border:0;padding:0;color:#eadcc1;background:radial-gradient(ellipse at center,#41302044,#100c09dc);overflow:auto}
.desk-view::backdrop{background:#100c0988;backdrop-filter:blur(9px) brightness(.55)}
.desk-view-header{position:absolute;top:28px;left:4%;right:4%;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;pointer-events:none}
.desk-view-header>div,.desk-view-header>button{pointer-events:auto}
.desk-view-header h2{font-size:23px;letter-spacing:.2em;margin-top:5px}
.desk-view-header .eyebrow{font-size:10px}
.desk-view-header .text-button{color:#d9c19a}
.desk-view-stage{min-height:100%;display:grid;place-items:center;perspective:1800px;padding:116px 4% 76px;overflow:clip}
.desk-overhead{position:relative;isolation:isolate;width:100%;max-width:1440px;height:clamp(390px,62svh,610px);margin:0;bottom:auto;padding:0;transform-origin:center;box-shadow:0 30px 75px #0009;border-radius:18px;display:flex;flex-direction:column;justify-content:center}
.desk-overhead .desk-art{inset:0;z-index:-1;border:9px solid #342113;border-radius:18px;background-position:center 36%;background-size:100% 120%;box-shadow:inset 0 0 0 1px #9e754858,inset 0 0 65px #140a0799,0 0 0 1px #9e754838}
.desk-overhead .table-arrangement{width:100%;height:auto;max-width:none;margin:0;padding:30px 4%;display:grid;grid-template-columns:1fr minmax(110px,15%) 1fr;gap:24px;align-items:center}
.desk-overhead .bookmark-group{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:center;margin:0;grid-column:auto}
.desk-overhead .bookmark{height:clamp(150px,24svh,250px);filter:drop-shadow(2px 5px 2px #160b09b3)}
.desk-overhead .bookmark-slot:nth-child(even){transform:translateY(15px)}
.desk-overhead .bookmark-slot.is-active .bookmark{filter:drop-shadow(0 0 13px #e5b45c55) drop-shadow(2px 5px 2px #160b09b3)}
.desk-overhead .bookmark:not(:disabled):hover{transform:translateY(-9px) rotate(0) scale(1.07);filter:drop-shadow(5px 12px 5px #100906aa)}
.desk-overhead .central-book{grid-row:auto;grid-column:auto}
.desk-overhead .central-book .prop{height:clamp(170px,28svh,285px);filter:drop-shadow(4px 7px 3px #170d09b3)}
.desk-overhead .finished-book{width:100%;max-width:165px}
.desk-overhead .pick-hint{top:-38px;font-size:12px}
.desk-overhead .table-caption{position:absolute;bottom:20px;left:15px;right:15px;margin:0;font-size:12px;letter-spacing:.1em}
.desk-view-note{position:absolute;bottom:24px;left:20px;right:20px;text-align:center;font-size:13px;color:#bda783;letter-spacing:.13em;pointer-events:none}
@media(max-width:900px){
 .desk-view-header{top:20px}.desk-view-header h2{font-size:20px}
 .desk-view-header .eyebrow{font-size:8px}.desk-view-header .text-button{font-size:12px}
 .desk-view-stage{padding:104px 20px 64px}
 .desk-overhead{height:auto;min-height:500px;border-radius:12px}
 .desk-overhead .desk-art{border-width:6px;border-radius:12px;background-size:auto 120%}
 .desk-overhead .table-arrangement{padding:38px 22px 58px;grid-template-columns:1fr 100px;gap:30px 16px}
 .desk-overhead.desk-concluded .table-arrangement{grid-template-columns:1fr 125px}
 .desk-overhead .bookmark-group{gap:8px}
 .desk-overhead .bookmark-group:last-child{grid-column:1/-1;margin:0 9%}
 .desk-overhead .bookmark{height:145px}
 .desk-overhead .central-book{grid-row:1;grid-column:2}
 .desk-overhead .central-book .prop{height:158px}
 .desk-overhead .central-book p{font-size:11px;letter-spacing:.03em}
 .desk-overhead .central-book p span{font-size:10px}
 .desk-overhead .table-caption{font-size:10px;bottom:16px;letter-spacing:0}
}
@media(max-width:520px){
 .desk-visited:not(.desk-overhead) .pick-hint{left:0;transform:none}
 .desk-view-stage{padding:94px 12px 52px}
 .desk-overhead{min-height:460px}
 .desk-overhead .table-arrangement{grid-template-columns:1fr 65px;padding:32px 12px 45px;gap:32px 8px}
 .desk-overhead .bookmark-group{gap:1px}
 .desk-overhead .bookmark{height:117px}
 .desk-overhead .bookmark-group:last-child .bookmark{height:138px}
 .desk-overhead .central-book .prop{height:124px}
 .desk-overhead .slot-number{font-size:10px}
 .desk-view-header{left:20px;right:20px;gap:10px}
 .desk-view-note{position:relative;bottom:auto;margin:-32px 0 14px;left:auto;right:auto;font-size:11px}
 .desk-overhead .pick-hint{font-size:10px;top:-27px;letter-spacing:0}
 .desk-look span{top:-32px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.desk-look i{transition:none}.desk-view::backdrop{backdrop-filter:brightness(.5)}}