:root{--bg:#130e0b;--paper:#f1dfbe;--cream:#ead2a5;--muted:#b7a48c;--red:#e94b35;--rust:#9c3e2b;--line:rgba(233,207,165,.18);--ink:#241713;--dark:#100b09;--display:'Archivo Narrow','Arial Narrow',Impact,sans-serif;--mono:'DM Mono',monospace;--sans:'Outfit',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}::selection{background:var(--red);color:#fff}
.film{position:fixed;inset:0;z-index:75;pointer-events:none;opacity:.22;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.19' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{position:sticky;top:0;z-index:80;min-height:84px;display:flex;align-items:center;gap:clamp(18px,2vw,32px);padding:12px clamp(18px,3.2vw,62px);background:linear-gradient(180deg,rgba(23,14,11,.98),rgba(20,12,10,.94));border-bottom:1px solid rgba(230,183,117,.2);box-shadow:0 15px 35px rgba(0,0,0,.25);backdrop-filter:blur(12px)}
.identity{display:flex;align-items:center;gap:10px;flex-shrink:0}.identity img{width:55px;height:55px;border-radius:50%;object-fit:contain;background:#000;box-shadow:0 0 0 1px rgba(250,204,146,.2),0 0 24px rgba(228,66,45,.15)}.identity-type strong{display:block;font:700 21px/.95 var(--display);letter-spacing:.11em}.identity-type small{display:block;margin-top:7px;font:9px var(--mono);letter-spacing:.27em;color:var(--cream)}.identity-rule{color:var(--red)}
.nav{margin:auto;display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.7vw,28px)}.nav a,.bag-link,.live,.footer,.eyebrow,.button,.stamp,.tag,.evidence,.label,.hotspot-label,.file-num,.tv-osd,.caption,.crumb,.switch-board button,.record-id{font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase}.nav a{color:#b6a18b;white-space:nowrap;transition:.2s}.nav a.active,.nav a:hover{color:#ffac7a}.nav a.active:after{content:'';display:block;height:2px;background:var(--red);margin-top:9px}.top-actions{display:flex;align-items:center;gap:18px}.live{color:#d97565;white-space:nowrap}.live i{display:inline-block;margin-right:5px;width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 14px var(--red);animation:blink 2s infinite}@keyframes blink{50%{opacity:.18}}.bag-link,.hamburger{background:transparent;color:var(--paper);border:1px solid var(--line);padding:11px 13px;border-radius:2px;white-space:nowrap}.bag-link span{color:#e88772}.hamburger{display:none;font-size:18px}
#app{min-height:75vh}.room{width:min(1620px,100%);margin:0 auto;padding:clamp(18px,3vw,42px)}.crumb{color:#cc9e77;margin:0 0 17px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.crumb b{color:#e9b47e;font-weight:400}.room-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:24px 0 24px}.room-head h1{font:700 clamp(45px,7vw,90px)/.83 var(--display);letter-spacing:.025em;margin:10px 0 4px;text-transform:uppercase}.room-head .room-sidenote{max-width:230px;font:11px/1.8 var(--mono);letter-spacing:.1em;color:#ba9578}.eyebrow{color:#ea9d74;display:block}.red{color:var(--red)}
/* Reception room: real studio wall, console and CRT */
.reception{position:relative;min-height:660px;overflow:hidden;border:1px solid #634a31;display:grid;grid-template-columns:42% 58%;background-color:#2b1c12;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.13) 0 4px,transparent 4px 90px,rgba(255,255,255,.035) 91px 93px,rgba(0,0,0,.15) 94px 100px),linear-gradient(180deg,#6b482d 0%,#372316 60%,#1d1610 100%);box-shadow:0 35px 80px #0009,inset 0 0 130px #0007}.reception:before{content:'';position:absolute;left:0;right:0;top:0;height:72px;background:linear-gradient(180deg,#120c07,#332519 50%,transparent);pointer-events:none}.reception:after{content:'';position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(0deg,#130c09 0%,#21150d 30%,transparent);pointer-events:none}
.reception-left{position:relative;z-index:3;padding:clamp(28px,4.7vw,80px) clamp(22px,4.5vw,72px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.set-stamp{border:1px solid #cea578;color:#e6ca9f;font:11px var(--mono);letter-spacing:.24em;padding:10px 14px;background:rgba(21,13,9,.55);box-shadow:4px 4px 0 rgba(0,0,0,.15)}.reception-left h1{font:700 clamp(62px,7vw,106px)/.85 var(--display);letter-spacing:.01em;text-transform:uppercase;text-shadow:0 6px 25px #000c;margin:35px 0 26px}.reception-left h1 span{display:block;color:#f4e1c0}.reception-left h1 em{font-style:normal;color:#f26a4c}.reception-left .greeting{font:italic 24px/1.45 Georgia,serif;color:#efd0a3;max-width:330px;margin:0 0 32px;text-shadow:0 3px 10px #000}.reception-links{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:47px;padding:15px 21px;border:1px solid #ccaa80;color:var(--paper);background:#22150fc9;text-align:center;transition:background .2s,transform .2s}.button:hover{background:#ddc5a2;color:#26190f;transform:translateY(-2px)}.button-solid{background:#dd553d;border-color:#dd553d;color:#20130d;font-weight:700}.button-solid:hover{background:#f2d9ad;border-color:#f2d9ad}.button-outline{background:#1d110fc0}.button:disabled:hover{background:#dd553d;color:#20130d;transform:none}.floor-plate{position:absolute;bottom:22px;left:clamp(22px,4.5vw,72px);font:10px var(--mono);letter-spacing:.21em;color:#ad9274;z-index:3}
.reception-right{z-index:2;position:relative;display:flex;align-items:center;justify-content:center;padding:32px 4.5% 72px 0}.tv-wrap{position:relative;width:min(100%,660px);filter:drop-shadow(0 18px 40px #000b)}.tv-body{position:relative;width:100%;padding:4.5% 5% 12%;border-radius:18%/11%;background:linear-gradient(115deg,#79533a 0%,#b08357 15%,#60402c 38%,#483023 77%,#3c2419 100%);box-shadow:inset 0 0 0 4px #28170f,inset 0 0 0 7px #ab7d50,0 22px 25px #0008}.tv-body:after{content:'BAKER / MODEL 1978';position:absolute;bottom:3.2%;left:11%;font:9px var(--mono);letter-spacing:.15em;color:#28180f}.tv-glass{position:relative;aspect-ratio:1.45;overflow:hidden;border-radius:18%/14%;border:11px solid #241712;background:#15100d;box-shadow:inset 0 0 0 4px #b58c65,0 0 0 3px #382417,0 0 26px #c6895d44}.tv-glass img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:sepia(.25) contrast(1.12) brightness(.9)}.tv-glass:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(17,10,6,.3)),repeating-linear-gradient(180deg,#0000 0 3px,#0004 4px 5px);pointer-events:none;box-shadow:inset 0 0 75px #000b;border-radius:13%/11%}.tv-status{position:absolute;bottom:5%;left:6%;right:6%;z-index:2;display:flex;justify-content:space-between;gap:15px;color:#f5d6aa;font:10px var(--mono);letter-spacing:.16em;text-shadow:0 2px 4px #000}.tv-status b{color:#fa7156;font-weight:400}.tv-knobs{position:absolute;right:8%;bottom:3.5%;display:flex;gap:12px}.tv-knobs i{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 26%,#dec19b,#5b3a25 48%,#25140b 80%);box-shadow:0 1px 5px #000a}.tv-feet{position:absolute;bottom:-12px;left:17%;right:17%;height:16px;border-radius:0 0 9px 9px;background:#2b190f}.tv-click{position:absolute;inset:0;z-index:4;border:0;cursor:pointer;background:transparent;font-size:0}
/* the diegetic prompt and room plaques */
.plaque-row{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:16px;margin-top:16px}.plaque{display:flex;flex-direction:column;justify-content:space-between;min-height:182px;padding:25px;background:linear-gradient(137deg,#3e2c1d,#221813);border:1px solid #69513c;box-shadow:inset 0 0 20px #0003,0 15px 30px #0004;transition:.25s}.plaque:hover{border-color:#d6ac7b;transform:translateY(-2px)}.plaque .eyebrow{margin:0}.plaque h2{font:700 clamp(26px,3.4vw,41px)/.95 var(--display);margin:16px 0 10px;text-transform:uppercase;letter-spacing:.04em}.plaque-foot{display:flex;justify-content:space-between;gap:8px;color:#c3a486;font:10px var(--mono);letter-spacing:.14em}.plaque-arrow{font-size:22px;color:#e58e64}.notice{position:relative;padding:18px 22px;border:1px solid #5a4535;background:#201814;color:#a88d75;font:10px/1.8 var(--mono);letter-spacing:.13em;margin-top:16px}.notice strong{color:#d9b68d;font-weight:500}.tiny-action{display:inline;background:none;border:0;color:#e6aa7a;font:inherit;letter-spacing:inherit;padding:0;text-decoration:underline;text-decoration-color:#76482f;text-underline-offset:4px}
/* Soundstage and set composition */
.stage-frame{border:1px solid #66503b;position:relative;padding:clamp(16px,3.5vw,50px);background:repeating-linear-gradient(90deg,#59412b 0 4px,#674a30 5px 90px,#493320 91px 97px),linear-gradient(#523520,#29190e);box-shadow:inset 0 0 150px #100905,0 25px 65px #0009}.stage-frame:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 60% 10%,#f5b25740,transparent 45%),linear-gradient(#0006,transparent 25%,transparent 70%,#000a)}.stage-interior{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch}.stage-main{position:relative;min-height:560px;border:14px ridge #9c7048;background:#201710;box-shadow:0 17px 35px #0009}.stage-main img{height:100%;width:100%;object-fit:cover;object-position:center 34%;filter:sepia(.12) brightness(.84)}.stage-main:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#120904ae,transparent 35%),radial-gradient(transparent 50%,#14090490);pointer-events:none}.stage-side{display:grid;grid-template-rows:1fr auto;gap:20px}.stage-photo{position:relative;min-height:350px;overflow:hidden;border:12px ridge #a57a51;background:#1b130e;box-shadow:0 17px 35px #0008}.stage-photo img{height:100%;width:100%;object-fit:cover;object-position:center 28%;filter:sepia(.12) brightness(.9)}.stage-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 38%);pointer-events:none}.small-tag{position:absolute;left:18px;bottom:16px;z-index:1;background:#1a120dcf;border:1px solid #8e6b4d;padding:8px 12px;color:#dfc3a0;font:10px var(--mono);letter-spacing:.14em}.stage-message{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:22px;background:#261c13;border:1px solid #876747;color:#e7cda9;font:italic 21px Georgia,serif}.hotspot{z-index:3;position:absolute;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #e9cba3;background:#331b11ad;color:#fff6e8;box-shadow:0 0 0 7px #0005,0 0 25px #fba76355;font-size:22px;transition:.2s;animation:glow 3.5s infinite}.hotspot:hover,.hotspot:focus-visible{transform:scale(1.15);background:#a34427}@keyframes glow{50%{box-shadow:0 0 0 11px #0003,0 0 45px #fba76366}}.stage-hotspot{bottom:17%;left:13%}.stage-hotspot-two{right:10%;top:15%}.stage-hotspot-three{right:8%;bottom:20%}.stage-entrances{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}
/* Control room */
.control-room{position:relative;overflow:hidden;border:1px solid #655341;background:linear-gradient(180deg,#503927 0 8%,#2c2118 8% 45%,#211712 46% 100%);padding:clamp(18px,3vw,50px);box-shadow:inset 0 0 95px #0008,0 25px 65px #0009}.control-room:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,#0002 0 4px,transparent 4px 115px,#fff1 115px 117px,transparent 117px 122px);pointer-events:none}.control-top{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}.control-monitor{position:relative;max-height:560px;overflow:hidden;background:#0b0f0c;border:14px solid #251f16;box-shadow:0 0 0 3px #9b7851,0 20px 30px #0009}.control-monitor img{width:100%;height:100%;min-height:370px;object-fit:cover;object-position:center 24%;filter:grayscale(.6) sepia(.24) brightness(.9) contrast(1.07)}.control-monitor:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 4px,#0005 5px 6px),radial-gradient(transparent 35%,#020402ae)}.control-osd{position:absolute;left:20px;right:20px;bottom:22px;z-index:2;background:#070b08c9;border:1px solid #7e9167;padding:15px;color:#b5d5a7;font:12px/1.8 var(--mono);letter-spacing:.06em}.control-note{position:absolute;top:15px;left:15px;z-index:2;background:#a88a53;color:#211910;padding:10px 15px;font:11px var(--mono);transform:rotate(-2deg)}.switch-board{position:relative;background:linear-gradient(#564333,#2d2319);border:8px ridge #806b4c;padding:26px;box-shadow:inset 0 0 25px #0007;display:flex;flex-direction:column;justify-content:space-between}.switch-board h2{font:700 43px/.95 var(--display);letter-spacing:.04em;margin:0 0 15px}.switch-board p{font:11px/1.8 var(--mono);color:#c6b18e}.switch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.switch-board button{min-height:63px;color:#d9c9a9;background:linear-gradient(#413f30,#202119);border:2px solid #867953;box-shadow:inset 0 0 10px #0007;text-align:center}.switch-board button.active{background:#9a4a31;color:#fff1d5;box-shadow:inset 0 0 20px #5e2014,0 0 15px #e35e303a}.switch-board .readout{background:#121e13;border:5px ridge #454b35;color:#aecb92;padding:15px;font:12px/1.8 var(--mono);letter-spacing:.08em;min-height:128px}.control-foot{position:relative;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:25px;border-top:1px solid #ad87534d;padding-top:20px;font:10px var(--mono);letter-spacing:.16em;color:#c9b190}
/* Records */
.archive-room{background:repeating-linear-gradient(90deg,#37281e 0 4px,#483225 5px 77px,#271e16 78px 82px),linear-gradient(#48301e,#211912);border:1px solid #634c34;box-shadow:inset 0 0 90px #0007;padding:clamp(20px,3.2vw,48px)}.archive-header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:20px;border-bottom:2px solid #bba07859}.archive-header h2{font:700 clamp(32px,5.5vw,65px)/.9 var(--display);margin:0}.archive-header .record-id{color:#eab886}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.record{min-height:256px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:21px;text-align:left;background:linear-gradient(125deg,#d1b58b,#a58a65 70%,#7c654b);color:#281e16;border:3px solid #5a422d;box-shadow:5px 8px 0 #1b100a55;transition:.2s;position:relative}.record:before{content:'';position:absolute;top:0;right:35px;width:25px;height:37px;background:#5434226e;clip-path:polygon(0 0,100% 0,100% 100%,50% 70%,0 100%)}.record:hover{transform:translateY(-5px);filter:brightness(1.07)}.record .file-num{border:2px solid #794536;padding:7px;color:#762e22}.record h3{font:700 clamp(28px,3vw,39px)/.97 var(--display);text-transform:uppercase;max-width:300px;margin:25px 0}.record small{font:10px var(--mono);letter-spacing:.12em}.record .redact{display:block;background:#291b18;color:#291b18;width:55%;height:8px;margin:7px 0}.archive-ribbon{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 0 0;color:#caab84;font:11px var(--mono);letter-spacing:.1em}
/* Props */
.prop-room{border:1px solid #6c5237;background:radial-gradient(circle at 20% 0,#6e4d2d33,transparent 38%),linear-gradient(#33261a,#1b1712);padding:clamp(18px,3vw,42px)}.prop-sign{padding:16px 20px;background:#cdb189;color:#321d14;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;border:3px solid #715134;box-shadow:0 5px 0 #120d08;font:11px var(--mono);letter-spacing:.15em}.prop-grid{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.prop-card{background:#ad8c62;border:10px solid #745337;box-shadow:inset 0 0 1px #31190c,4px 10px 16px #0008;color:#291b14;padding:18px}.prop-art{aspect-ratio:1.26;display:grid;place-items:center;background:repeating-linear-gradient(90deg,#8b765b 0 2px,#9b805e 3px 20px);border:1px solid #6d523a;margin-bottom:15px}.prop-art svg{width:68%;max-width:240px;height:75%;filter:drop-shadow(3px 8px 7px #0006)}.prop-card h3{font:700 34px/.95 var(--display);text-transform:uppercase;margin:11px 0}.prop-card p{font:12px/1.6 var(--mono);margin:6px 0 19px;color:#584130}.prop-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.prop-bottom button{padding:10px 14px;font:10px var(--mono);letter-spacing:.07em;border:1px solid #4b3023;background:#241711;color:#eed5b0}.prop-bottom button:hover{background:#9e3e28}
/* Office */
.office-set{position:relative;border:1px solid #6c5037;background:repeating-linear-gradient(90deg,#593d28 0 7px,#664a32 8px 94px,#422d21 95px 100px);box-shadow:inset 0 0 100px #0009,0 20px 60px #0007;padding:clamp(20px,4vw,60px)}.office-grid{position:relative;display:grid;grid-template-columns:1fr .87fr;gap:27px;align-items:stretch}.director-desk{display:flex;flex-direction:column;justify-content:space-between;gap:35px;padding:clamp(24px,3.4vw,50px);background:linear-gradient(135deg,#e2cba2,#a8895e);color:#322016;box-shadow:7px 10px 0 #281810,0 20px 35px #0008;transform:rotate(-1deg)}.director-desk .eyebrow{color:#8d442e}.director-desk h2{font:700 clamp(34px,5vw,65px)/.92 var(--display);margin:0;text-transform:uppercase}.director-desk p{font:italic 20px/1.5 Georgia,serif;max-width:480px}.desk-line{padding-top:22px;border-top:2px solid #63472b7c;font:11px var(--mono);letter-spacing:.07em;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.desk-line a{text-decoration:underline;text-underline-offset:4px}.locker{background:linear-gradient(135deg,#645848,#332e27);border:9px ridge #8b765d;box-shadow:inset 0 0 45px #0008,0 20px 30px #0008;padding:clamp(18px,3vw,35px);display:flex;flex-direction:column;gap:15px}.locker h3{font:700 45px/.95 var(--display);letter-spacing:.07em;margin:0}.locker .locker-status{font:11px var(--mono);letter-spacing:.1em;color:#e8d4ad}.lock-input{padding:15px 18px;background:#101d15;color:#bee4a6;border:3px inset #76775c;width:100%;font:22px var(--mono);letter-spacing:.35em;text-align:center;outline-offset:3px}.lock-input::placeholder{color:#89a27b}.lock-button{background:#24221d;border:2px solid #c0a677;padding:15px;color:#ecdfc1;letter-spacing:.1em;font:12px var(--mono)}.lock-button:hover{background:#873b28}.lock-result{min-height:30px;font:12px/1.6 var(--mono);color:#f1b9a2}.locker-stamp{align-self:flex-end;color:#ccb78e;font:10px var(--mono);letter-spacing:.13em;border:1px solid #ab9274;padding:8px 12px}
/* Secret route */
.secret{min-height:66vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #66432f;padding:60px 25px;background:radial-gradient(circle,#7d24172c,transparent 45%),repeating-linear-gradient(0deg,transparent 0 3px,#0007 4px 5px),#0b0b09}.secret h1{font:700 clamp(52px,10vw,140px)/.87 var(--display);max-width:900px;margin:20px 0}.secret p{max-width:540px;font:italic 22px/1.6 Georgia,serif;color:#d7bb9b}.secret .eyebrow{color:#ff9c6e}
/* Misc / overlay */
.overlay,.bag-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.overlay-shade{position:absolute;inset:0;background:#070403df;backdrop-filter:blur(5px)}.overlay-card{z-index:1;width:min(610px,100%);max-height:86vh;overflow-y:auto;position:relative;background:repeating-linear-gradient(90deg,#d9c29e 0 5px,#e4cfaa 6px 100px);color:#302015;padding:clamp(30px,5vw,55px);box-shadow:0 28px 100px #000;border:8px solid #75563a;transform:rotate(-.4deg)}.overlay-card h2{font:700 clamp(35px,6vw,65px)/.91 var(--display);text-transform:uppercase;margin:12px 0 20px}.overlay-card p{font:18px/1.65 Georgia,serif}.overlay-card .eyebrow{color:#9c4931}.overlay-x{position:absolute;right:13px;top:12px;border:1px solid #8a6950;background:#291811;color:#f4d4ab;font:26px sans-serif;line-height:1;width:37px;height:37px;z-index:3}.overlay-card .file-badge{margin-top:24px;font:11px var(--mono);letter-spacing:.11em;color:#9a4f30}.overlay-card .photo-inset{width:100%;height:220px;object-fit:cover;object-position:center 25%;filter:sepia(.27);border:8px solid #6b4932;margin:20px 0}.overlay-card .button{margin-top:14px}
.bag-overlay{place-items:stretch end;padding:0}.bag-panel{position:relative;z-index:1;width:min(460px,100%);background:#2c2118;border-left:2px solid #957653;padding:27px;display:flex;flex-direction:column;box-shadow:-20px 0 60px #0009}.bag-header{display:flex;justify-content:space-between;gap:20px;padding-right:30px}.bag-header h2{font:700 52px/.9 var(--display);margin:12px 0}.bag-items{padding:20px 0;flex:1;overflow:auto}.bag-line{display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #d0ac7d3c}.bag-line b{font:700 21px var(--display)}.bag-line small{display:block;font:10px/1.7 var(--mono);color:#baa78b;margin-top:6px}.quantity{display:flex;align-items:center;gap:13px;margin-top:12px}.quantity button{width:30px;height:30px;border:1px solid #b99b76;background:#23170f;color:#ead4ad}.bag-bottom{border-top:1px solid #a0845d;padding-top:19px}.bag-total{display:flex;justify-content:space-between;font:11px var(--mono);letter-spacing:.13em}.bag-total strong{font-size:20px}.bag-bottom p{color:#b7a48c;font:10px/1.75 var(--mono);letter-spacing:.08em}.bag-bottom .button{width:100%}
.footer{max-width:1620px;margin:auto;padding:22px clamp(18px,3vw,42px) 44px;color:#a38a72}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #70523655}.footer-top span:first-child{color:#dac199}.footer a{color:#e6b080}
@media(max-width:1170px){.live{display:none}.nav{gap:12px}.nav a{font-size:9px;letter-spacing:.11em}.identity-type strong{font-size:18px}.reception-left h1{font-size:clamp(61px,6.6vw,94px)}}
@media(max-width:950px){.topbar{min-height:75px;justify-content:space-between}.hamburger{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px;flex-direction:column;align-items:stretch;gap:0;background:#1d120e;border-bottom:1px solid #825337;box-shadow:0 20px 28px #000a}.nav.open{display:flex}.nav a{padding:13px;font-size:11px}.nav a.active:after{display:none}.reception{grid-template-columns:1fr}.reception-right{padding:0 7% 70px}.reception-left{padding:47px 7% 26px}.reception-left h1{font-size:clamp(65px,12vw,115px);margin:25px 0 15px}.reception-left .greeting{font-size:21px}.tv-wrap{max-width:680px}.plaque-row{grid-template-columns:repeat(2,1fr)}.plaque-row>.plaque:first-child{grid-column:span 2}.stage-interior,.control-top,.office-grid{grid-template-columns:1fr}.stage-interior{max-width:740px;margin:auto}.stage-main{min-height:440px}.stage-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.stage-photo{min-height:300px}.stage-message{display:flex;flex-direction:column}.record-grid,.prop-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.identity img{width:45px;height:45px}.identity-type strong{font-size:17px}.identity-type small{font-size:8px}.room{padding:14px}.room-head{align-items:start;flex-direction:column}.room-head h1{font-size:60px}.room-sidenote{display:none}.reception-left{padding:42px 24px 26px}.reception-left h1{font-size:clamp(55px,14vw,84px)}.reception-left .greeting{font-size:19px}.floor-plate{left:24px;font-size:8px;bottom:14px}.reception-right{padding:0 19px 65px}.reception{min-height:0}.tv-body{padding:5% 5% 14%}.tv-glass{border-width:7px}.tv-status{font-size:8px}.tv-knobs i{width:16px;height:16px}.plaque-row,.stage-entrances,.record-grid,.prop-grid{grid-template-columns:1fr}.plaque-row>.plaque:first-child{grid-column:auto}.plaque{min-height:140px}.stage-interior,.stage-side{grid-template-columns:1fr}.stage-main{min-height:420px}.stage-photo{min-height:400px}.stage-message{min-height:150px}.control-room,.stage-frame,.archive-room,.prop-room,.office-set{padding:14px}.control-monitor{border-width:7px}.control-monitor img{min-height:285px}.switch-board{padding:16px;border-width:5px}.record{min-height:205px}.record h3{font-size:32px}.desk-line{font-size:10px}.director-desk{padding:22px}.director-desk h2{font-size:48px}.top-actions{gap:7px}.bag-link{padding:10px;font-size:9px}.footer{font-size:9px}.overlay-card{padding:32px 23px;border-width:6px}.overlay-card p{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
