@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{--paper:#f5f4ee;--ink:#242724;--muted:#73786f;--line:#a5aaa03b;--gold:#6a7867;--ease:cubic-bezier(.16,1,.3,1);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{color:var(--ink);background:#e4e6df;font:12px/1.8 'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{border:0;color:inherit;font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,summary{transition:color .3s,background .4s,box-shadow .5s var(--ease),transform .55s var(--ease),opacity .4s}button:not(:disabled):active{transform:scale(.975)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #586c5d;outline-offset:5px}img,svg{display:block;max-width:100%}svg{fill:none;stroke:currentColor;stroke-width:1.3}h1,h2,h3,p,figure{margin:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.museum{position:fixed;inset:0;width:100%;height:100svh;overflow:hidden;isolation:isolate;background:#e4e6df}.arena-canvas{position:absolute;inset:0}.arena-canvas canvas{display:block;width:100%;height:100%;touch-action:manipulation}.museum:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#f5f5ef1a,transparent 18%,transparent 74%,#e4e7ddad);z-index:1}.museum-header{position:absolute;z-index:5;top:0;left:0;right:0;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.museum-header>*{pointer-events:auto}.museum-header>.brand{pointer-events:none;flex-shrink:0}.brand{width:178px;height:64px;overflow:hidden;mix-blend-mode:multiply;display:block;opacity:.9}.brand img{width:100%;max-width:none;height:auto;transform:translateY(-18%)}.museum-header nav{display:flex;align-items:center;gap:20px;flex-shrink:0}.den-home{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:6px 8px;color:#3d473d;font:500 10px/1 'DM Sans',sans-serif;letter-spacing:.16em;white-space:nowrap}.den-home:after{content:'';position:absolute;left:8px;right:9px;bottom:8px;height:1px;background:currentColor;opacity:.6;transform:scaleX(.28);transform-origin:left;transition:transform .6s var(--ease),opacity .4s}.den-home:hover,.den-home:focus-visible{color:#17271d;transform:translateY(-1px)}.den-home:hover:after,.den-home:focus-visible:after{transform:scaleX(1);opacity:1}.hud-button,.hud-icon{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent;min-height:40px;padding:8px 10px;color:#3d473d;font-size:11px}.hud-button svg{width:18px;height:18px;transition:transform .7s var(--ease)}.hud-button:hover{color:#111c14;background:#ffffff48}.hud-button:hover svg{transform:translateY(-3px)}.hud-button small{font:10px 'DM Sans',sans-serif;color:#798173;border-left:1px solid #77816f38;padding-left:10px}.hud-icon{width:40px;padding:10px}.hud-icon svg{width:20px;transition:transform .65s var(--ease)}.hud-icon:hover svg{transform:scaleX(.75)}.museum-navigation{position:absolute;z-index:5;top:100px;left:36px;display:flex;align-items:center;gap:9px;animation:appear .8s var(--ease) both}.museum-navigation>span{height:11px;width:1px;background:#77816f44}.museum-navigation .hud-button{font-size:10px;padding:4px 8px;min-height:32px}.museum-navigation .hud-button:first-child{padding-left:0}
.arena-fallback{position:absolute;inset:0;background:#e8ebe4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;z-index:2;transition:opacity .8s var(--ease),visibility .8s}.arena-fallback.loaded{opacity:0;visibility:hidden;pointer-events:none}.arena-fallback img{max-width:32vw;max-height:50svh;box-shadow:0 18px 40px #323a3526}.arena-fallback span{color:#7f8779;font-size:11px;letter-spacing:.1em}.museum:not([data-entrance=unavailable]) .arena-fallback img{display:none}.arena-entrance{position:absolute;z-index:3;left:15%;top:12%;width:70%;height:76%}.arena-door-hit{display:block;width:100%;height:100%;padding:0;background:transparent;cursor:pointer}.arena-door-hit:hover{background:#fff1;box-shadow:inset 0 0 60px #fff1}.arena-door-hit:focus-visible{outline:1px solid #64766a;outline-offset:-8px}.arena-door-hit:active{transform:none;background:#fff2}.entrance-invitation{position:absolute;z-index:2;left:50%;bottom:max(7vh,55px);transform:translateX(-50%);text-align:center;pointer-events:none;animation:invitation 1.2s var(--ease) both;white-space:nowrap}.entrance-invitation>span{font:9px 'DM Sans',sans-serif;letter-spacing:.2em;color:#687467}.entrance-invitation b{font-weight:400}.entrance-invitation p{font-size:12px;letter-spacing:.13em;margin-top:13px;color:#465144}.entrance-invitation i{display:block;width:1px;height:29px;margin:19px auto 0;background:linear-gradient(#8e9b85,transparent);transform-origin:top;animation:light-breathe 3s ease-in-out infinite}.arena-skip{position:absolute;z-index:6;bottom:50px;right:36px;background:#f9fbf0b3;backdrop-filter:blur(10px);font-size:10px;padding:8px 18px}.museum-preview-label{position:absolute;z-index:4;bottom:13px;left:36px;font-size:8px;letter-spacing:.08em;color:#788272;pointer-events:none;opacity:.7}
.museum-footer{position:absolute;z-index:4;bottom:48px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;pointer-events:none;animation:appear .8s var(--ease) both}.museum-footer .gallery-actions{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:8px;font:9px/1.8 'DM Sans','Noto Sans JP',sans-serif;letter-spacing:.12em;color:var(--muted)}.eyebrow i{width:4px;height:4px;display:block;background:#77896e;border-radius:50%;margin-left:5px}.eyebrow b{font-family:'Noto Sans JP',sans-serif;font-size:8px;font-weight:400;letter-spacing:.01em}.exhibition-title h1{font-size:24px;font-weight:500;line-height:1.65;letter-spacing:-.045em;margin:6px 0}.exhibition-title>p{font:9px/1.8 'DM Sans','Noto Sans JP',sans-serif;letter-spacing:.04em;color:#818779}.arena-pick-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);font-size:10px;letter-spacing:.06em;color:#75826e;white-space:nowrap}.gallery-actions{display:flex;align-items:center;gap:17px}.primary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:12px 20px;min-height:44px;font-size:11px;background:#28352b;color:#f4f5eb;position:relative;overflow:hidden;isolation:isolate}.primary:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent,#fff2,transparent);transform:translateX(-110%);transition:transform 1s var(--ease)}.primary:hover:not(:disabled){transform:translateY(-2px);background:#354638;box-shadow:0 12px 26px #31423525}.primary:hover:not(:disabled):before{transform:translateX(110%)}.primary>span{font-size:19px;font-weight:400;line-height:1;transition:transform .6s var(--ease)}.primary:hover:not(:disabled)>span{transform:rotate(90deg)}.primary:disabled{background:#70806c}.glass-panel{background:linear-gradient(135deg,#fbfcf2dc,#f3f5ebe3);border:1px solid #ffffffc7;box-shadow:0 16px 60px #25332712,inset 0 0 0 1px #6a80600b;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.arena-caption{position:absolute;z-index:4;left:36px;bottom:175px;width:300px;padding:22px 24px;animation:appear .7s var(--ease) both}.arena-caption h2{font:500 22px 'DM Sans',sans-serif;letter-spacing:-.02em;margin:8px 0 12px}.arena-caption p{font-size:11px;line-height:2;overflow-wrap:anywhere;color:#586252}.focus-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;border-top:1px solid var(--line);padding-top:12px}.text-button{background:transparent;display:flex;align-items:center;gap:10px;padding:8px 0;font-size:10px}.text-button>span{transition:transform .5s var(--ease);font-size:15px}.text-button:hover>span{transform:rotate(90deg)}.like{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 5px;background:transparent;min-height:36px}.heart{width:19px;height:19px;fill:transparent;stroke:#5d6e59;stroke-width:1.3;transition:fill .3s,stroke .3s,transform .5s var(--ease)}.like b{font:13px 'DM Sans',sans-serif}.like-label{font-size:9px}.like[aria-pressed=true] .heart{fill:#ab6c51;stroke:#ab6c51}.like:hover:not(:disabled) .heart{transform:scale(1.17)}.close{display:grid;place-items:center;background:transparent;flex:none;width:32px;height:32px;font:300 24px/1 'DM Sans',sans-serif;color:#717b6a}.close:hover{transform:rotate(90deg);color:#1a271c;background:#dae0d542}
.exhibit-panel{position:absolute;z-index:6;right:36px;bottom:111px;width:320px;max-height:calc(100svh - 240px);padding:23px;overflow:auto;animation:appear .55s var(--ease) both}.exhibit-panel header,.entry-workbench header,.information-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.exhibit-panel h2{font-size:14px;font-weight:500;margin-top:5px}.arena-ranking{margin-top:20px;display:grid;gap:4px}.ranking-row{display:flex;align-items:center;gap:15px;text-align:left;width:100%;min-height:70px;background:transparent;padding:10px 8px;border-bottom:1px solid var(--line)}.ranking-row img{width:33px;height:47px;object-fit:contain;transition:transform .7s var(--ease)}.ranking-row>span{display:flex;flex-direction:column;font:12px 'DM Sans',sans-serif;gap:4px}.ranking-row small{font:8px/1.6 'DM Sans','Noto Sans JP',sans-serif;color:#8a9283}.ranking-row>i{font:11px 'DM Sans',sans-serif;font-style:normal;color:#939b8b}.ranking-row>b{font:14px 'DM Sans',sans-serif;margin-left:auto;display:flex;flex-direction:column;gap:4px}.ranking-row:hover,.ranking-row[aria-pressed=true]{background:#d6dfd240}.ranking-row:hover img{transform:translateY(-3px)}.panel-note{color:#8c9584;font-size:8px;margin-top:16px}.entry-workbench{position:absolute;z-index:6;right:36px;top:50%;transform:translateY(-50%);width:316px;padding:24px;max-height:calc(100svh - 200px);overflow:auto}.entry-workbench h2{font-size:16px;line-height:1.7;font-weight:500;margin-top:5px;letter-spacing:-.04em}.dialog-description{font-size:10px;line-height:1.9;color:#7c8875;margin-top:20px}.vault-options{display:flex;gap:10px;margin:17px 0 21px}.vault-option{position:relative;background:#dae1d233;padding:8px;width:calc((100% - 20px)/3);min-height:72px;border:1px solid transparent}.vault-option img{height:66px;width:100%;object-fit:contain;transition:transform .6s var(--ease)}.vault-option:hover:not(:disabled) img{transform:translateY(-4px)}.vault-option[aria-pressed=true]{border-color:#879a7c;background:#dce5d64d}.vault-option[aria-pressed=true]:after{content:'';position:absolute;width:4px;height:4px;bottom:3px;left:calc(50% - 2px);border-radius:50%;background:#68805c}.vault-option:disabled{opacity:.25}.comment-field{display:block;font-size:10px}.comment-field small{color:#9ba290;margin-left:7px;font-size:9px}textarea{display:block;font:11px/1.8 'Noto Sans JP',sans-serif;width:100%;margin-top:9px;background:#ffffff45;border:1px solid #a8b49d5c;padding:9px 11px;resize:vertical;color:var(--ink);max-height:130px;transition:border-color .3s,box-shadow .3s}textarea:focus{outline:none;border-color:#75896b;box-shadow:0 0 0 3px #7e976a16}textarea::placeholder{color:#a1ab97}.theme-check{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.7;margin:16px 0 3px}.theme-check input{accent-color:#63745b;width:15px;height:15px}.entry-workbench .primary{width:100%;font-size:10px;gap:15px}.entry-workbench #form-error{font-size:10px;color:#a9674d;margin:6px 0;min-height:12px}.museum[data-mode=entry] .gallery-actions,.museum[data-mode=entry] .arena-pick-hint,.museum[data-mode=entry] .arena-caption{display:none!important}.museum[data-mode=entry] .exhibition-title{opacity:.7}
.information-dialog{width:min(520px,calc(100vw - 32px));max-height:86svh;overflow:auto;border:1px solid #ffffffce;background:#f5f7efed;color:var(--ink);box-shadow:0 30px 100px #18231640;padding:32px;backdrop-filter:blur(24px)}.information-dialog::backdrop{background:#14231630;backdrop-filter:blur(5px)}.information-dialog h2{font-size:22px;font-weight:400;margin:5px 0 20px}.information-dialog>p{font-size:11px;line-height:2;color:#74806a}.information-prize{padding:25px 0;border-bottom:1px solid var(--line);margin-bottom:24px}.information-prize span{font-size:10px;color:#849279}.information-prize strong{font-size:16px;font-weight:500;display:block;margin:6px 0}.information-prize p{font-size:9px;color:#9ca38f}.information-dialog .preview-disclaimer{font-size:9px}.demo-controls{margin-top:25px;border-top:1px solid var(--line)}.demo-controls summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;padding:17px 0;font-size:10px;color:#7f8a75}.demo-controls summary::-webkit-details-marker{display:none}.demo-controls summary span{transition:transform .5s var(--ease)}.demo-controls[open] summary span{transform:rotate(45deg)}.controls-content>p{font-size:9px;color:#849079;margin:7px 0 18px}.controls-content>label{font-size:9px;display:block;margin:18px 0 8px;color:#65735b}.segments{display:flex;gap:5px;flex-wrap:wrap}.segments button,.organizer button{background:#e9ede1;padding:7px 11px;font-size:9px}.segments button[aria-pressed=true]{background:#5d6e52;color:#fff}.segments button:hover,.organizer button:hover{transform:translateY(-2px)}.organizer{display:flex;gap:7px;flex-wrap:wrap;margin-top:23px}.organizer button:last-child{background:transparent}.result{padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:22px}.result strong{font-size:15px;font-weight:500}.result p{font-size:10px;line-height:1.9;margin:10px 0;color:#79866e}.result .primary{font-size:10px;min-height:38px;padding:10px 16px}
#photo-dialog{width:min(970px,calc(100vw - 48px));max-height:90svh;overflow:auto;border:1px solid #8b979480;background:radial-gradient(ellipse at 25% 10%,#353c38,#121815 70%);color:#edf0e8;padding:52px 36px 20px;box-shadow:0 35px 120px #0006}#photo-dialog::backdrop{background:#111a17a3;backdrop-filter:blur(10px)}#photo-dialog>.close{position:absolute;right:12px;top:12px;color:#c3cec2}.photo-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px}.photo-image-wrap{min-width:0;padding:10px 5px 22px}#photo-full{max-height:66svh;width:auto;height:auto;max-width:100%;object-fit:contain;margin:auto;box-shadow:0 20px 45px #0004}.photo-details{min-width:0}.photo-details .eyebrow{color:#9aac99}.photo-details h2{font-size:26px;font-weight:400;letter-spacing:-.02em;margin:13px 0 24px}#photo-story{font-size:16px;line-height:2.1;overflow-wrap:anywhere;color:#d2dbcf}.photo-vote-line{border-top:1px solid #d4e0cd26;margin-top:30px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:15px}#photo-entry-state{font-size:9px;color:#96a891}#photo-like{color:#d9e5d6;padding:9px 12px;border:1px solid #bdcfb733}#photo-like .heart{stroke:#a8bda2}#photo-like[aria-pressed=true] .heart{stroke:#c79179;fill:#c79179}#photo-caption{font-size:9px;color:#81917b;margin-top:15px}.toast{position:fixed;z-index:1005;bottom:24px;left:50%;transform:translate(-50%,15px);max-width:90vw;padding:13px 23px;font-size:11px;color:#f5f6ee;background:#293a2de8;backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .4s,transform .65s var(--ease);box-shadow:0 12px 40px #1112}.toast.visible{opacity:1;transform:translate(-50%,0)}.heart-particle{position:fixed;width:4px;height:4px;background:#ae896c;border-radius:50%;z-index:1006;pointer-events:none}
@keyframes appear{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes invitation{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes light-breathe{0%,100%{opacity:.4;scale:1 .7}50%{opacity:1;scale:1 1}}
@media(max-width:1100px){.arena-pick-hint{display:none}.exhibition-title h1{font-size:22px}.gallery-actions{gap:9px}.gallery-actions .hud-button{font-size:10px}.gallery-actions .primary{font-size:10px;gap:17px}.arena-caption{width:260px}.photo-layout{gap:26px}}
@media(max-width:700px){.museum-header{padding:18px 20px}.brand{width:132px;height:48px}.museum-header nav{gap:6px}.hud-button{font-size:10px;gap:8px;padding:6px}.museum-header .hud-button small{display:none}.museum-header .hud-button svg{width:16px;height:16px}.hud-icon{width:33px;padding:8px}.museum-navigation{top:80px;left:20px}.museum-footer{left:20px;right:20px;bottom:40px;display:block}.exhibition-title .eyebrow{font-size:7px;letter-spacing:.09em}.exhibition-title .eyebrow b{font-size:7px}.exhibition-title h1{font-size:20px;margin:4px 0}.exhibition-title>p{font-size:8px}.gallery-actions{margin-top:18px;justify-content:space-between}.gallery-actions .primary{min-height:42px;padding:10px 15px;font-size:10px;gap:18px}.gallery-actions .hud-button{padding-left:0}.museum-preview-label{left:20px;bottom:12px;font-size:7px}.entrance-invitation{bottom:8vh}.entrance-invitation p{font-size:11px}.arena-skip{right:20px;bottom:40px}.arena-caption{left:20px;right:20px;bottom:190px;width:auto;padding:14px 17px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.arena-caption .eyebrow{font-size:8px}.arena-caption h2{font-size:16px;margin:3px 0 5px}.arena-caption p{font-size:9px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.focus-actions{margin:0;padding:0;border:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.like{min-height:32px}.like-label{display:none}.text-button{font-size:9px;padding:3px 0}.exhibit-panel{right:20px;left:20px;bottom:98px;width:auto;max-height:calc(100svh - 210px);padding:20px}.entry-workbench{left:16px;right:16px;top:auto;bottom:35px;transform:none;width:auto;padding:16px 18px;max-height:48svh}.entry-workbench h2{font-size:14px;margin-top:2px}.entry-workbench header .eyebrow{font-size:7px}.dialog-description{font-size:9px;margin-top:10px}.vault-options{gap:8px;margin:12px 0;width:154px;float:left}.vault-option{padding:3px;width:46px;min-height:48px}.vault-option img{height:44px}.entry-workbench #submit-entry{width:calc(100% - 171px);margin-left:auto;margin-top:15px;min-height:42px;padding:8px 12px;font-size:9px;gap:8px}.entry-workbench:has(#entry-fields:not([hidden])) .vault-options{float:none;width:126px;margin:9px 0}.entry-workbench:has(#entry-fields:not([hidden])) .vault-option{width:36px;min-height:40px}.entry-workbench:has(#entry-fields:not([hidden])) .vault-option img{height:34px}.entry-workbench:has(#entry-fields:not([hidden])) #submit-entry{width:100%;margin-top:6px}.comment-field{font-size:9px}textarea{padding:6px 9px;line-height:1.5;font-size:10px;margin-top:6px}.theme-check{font-size:9px;margin-top:9px}.entry-workbench #form-error{clear:both;min-height:0;margin:4px 0}.museum[data-mode=entry] .exhibition-title{display:none}.information-dialog{padding:25px;max-height:90svh}.information-dialog h2{font-size:21px}.photo-layout{grid-template-columns:1fr;gap:16px}#photo-dialog{width:calc(100vw - 24px);padding:48px 24px 19px;max-height:92svh}#photo-full{max-height:42svh}.photo-image-wrap{padding-bottom:6px}.photo-details h2{font-size:22px;margin:7px 0 14px}#photo-story{font-size:14px;line-height:1.9}.photo-vote-line{margin-top:18px;padding-top:12px}}
@media(max-height:600px) and (min-width:701px){.museum-header{padding-top:15px}.museum-footer{bottom:31px}.exhibition-title h1{font-size:20px}.arena-caption{bottom:135px;padding:15px 20px}.entry-workbench{max-height:calc(100svh - 135px);padding:17px 20px}.dialog-description{margin-top:12px}.vault-options{margin:12px 0}.vault-option img{height:45px}.vault-option{min-height:58px}.entrance-invitation{bottom:33px}.entrance-invitation i{height:15px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.brand:hover,.primary:hover:not(:disabled),.hud-button:hover svg,.hud-icon:hover svg,.like:hover:not(:disabled) .heart,.vault-option:hover:not(:disabled) img,.ranking-row:hover img,.close:hover{transform:none}}

/* The architectural portal itself is the target; no button is painted over the room. */
.trophy-passage{position:absolute;z-index:3;pointer-events:none}.trophy-passage>button{display:block;pointer-events:auto;background:transparent;width:100%;height:100%;padding:0;border:0}.trophy-passage>button::before{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;min-width:44px;min-height:44px;transform:translate(-50%,-50%)}.trophy-passage>button:hover{background:transparent;box-shadow:none}.trophy-passage>button:focus-visible{outline:1px solid #748f71;outline-offset:5px}.arena-canvas:focus{outline:0}
.museum-header{mix-blend-mode:multiply}.museum-header .brand{mix-blend-mode:normal}

/* The accessible exhibit list follows random exhibition order, not ranking. */
.ranking-row{grid-template-columns:38px 1fr auto}
/* Landscape originals receive a full-width viewing area; their aspect stays intact. */
#photo-dialog[data-orientation=landscape]{width:min(1100px,calc(100vw - 32px))}
#photo-dialog[data-orientation=landscape] .photo-layout{grid-template-columns:1fr;gap:22px}
#photo-dialog[data-orientation=landscape] .photo-image-wrap{padding-bottom:0}
#photo-dialog[data-orientation=landscape] #photo-full{width:auto;height:auto;max-width:100%;max-height:62svh;object-fit:contain}

/* The current exhibition is legible without a panel covering the cards. */
.exhibition-title{min-width:0;text-shadow:0 1px 18px #f6f7ef99}
.exhibition-title .exhibition-edition{font:600 clamp(25px,2.5vw,36px)/1.2 'DM Sans','Noto Sans JP',sans-serif;letter-spacing:-.035em;color:#1b211e;margin:9px 0 6px}
.exhibition-title h1{font-size:clamp(17px,1.65vw,24px);font-weight:600;line-height:1.6;letter-spacing:.015em;margin:0 0 5px;color:#242e29;overflow-wrap:anywhere}
.exhibition-title #round-dates{color:#616b62}
.museum-footer{gap:24px}
.context-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 14px;background:#f7f8f0c2;border:1px solid #40544925;backdrop-filter:blur(16px);color:#283a30;font-size:11px;letter-spacing:.035em;box-shadow:0 5px 20px #18322409}
.context-back svg{width:19px;height:19px;flex:none;transition:transform .55s var(--ease)}
.context-back:hover{background:#fff;box-shadow:0 8px 24px #18322418}
.context-back:hover svg{transform:translateX(-4px)}
.museum-navigation .context-back{pointer-events:auto}
#photo-dialog>#close-photo{position:absolute;left:24px;top:12px;color:#e2e9df;background:#ffffff0b;border-color:#c6d3c430;font-size:10px}
#photo-dialog>#close-photo:hover{background:#ffffff17}
#photo-dialog{padding-top:76px}
.collector-meta{font-size:9px!important;line-height:1.6!important;color:#7c897c!important;margin:0 0 15px}
.story-label{display:block;font-size:9px;letter-spacing:.07em;margin:12px 0 5px;color:#657562}
#photo-dialog .story-label{color:#a2b19b}
#photo-dialog .collector-meta{color:#99a993!important;margin-top:-14px}
.arena-caption #spotlight-story{display:block;max-height:132px;overflow:auto;line-height:1.9;white-space:pre-wrap}
@media(max-width:1100px){.exhibition-title .exhibition-edition{font-size:29px}.exhibition-title h1{font-size:19px}.museum-footer{gap:18px}}
@media(max-width:700px){.exhibition-title .exhibition-edition{font-size:25px;margin:6px 0 4px}.exhibition-title h1{font-size:16px;line-height:1.55}.museum-footer .gallery-actions{margin-top:12px}.museum-navigation{top:83px}.context-back{font-size:10px;padding:8px 12px}.arena-caption{bottom:223px;grid-template-columns:1fr;gap:8px;max-height:36svh;overflow:auto}.arena-caption .focus-actions{flex-direction:row;align-items:center}.arena-caption .collector-meta{margin-bottom:6px;font-size:8px!important}.arena-caption .story-label{font-size:8px;margin-top:5px}.arena-caption #spotlight-story{font-size:10px;max-height:95px}.arena-caption h2{font-size:16px}.arena-caption .like-label{display:inline;font-size:8px}#photo-dialog{padding-top:73px}#photo-dialog>#close-photo{left:18px}}
@media(max-height:600px) and (min-width:701px){.exhibition-title .exhibition-edition{font-size:24px}.exhibition-title h1{font-size:16px}.museum-navigation{top:81px}}

/* Edition lockup pairs the supplied wordmark with a collectible exhibition number. */
.exhibition-mark{display:flex;align-items:center;gap:19px;margin:7px 0 2px}
.round-seal{display:flex;align-items:flex-start;gap:7px;color:#1a2523}
.round-seal small{font:500 7px/1 'DM Sans',sans-serif;letter-spacing:.22em;writing-mode:vertical-rl;margin-top:7px}
.round-seal b{font:400 64px/.95 'DM Sans',sans-serif;letter-spacing:-.08em;font-variant-numeric:tabular-nums}
.round-brand{position:relative;width:195px;height:68px;border-left:1px solid #4054494d;padding-left:19px;overflow:hidden;mix-blend-mode:multiply}
.round-brand img{width:176px;height:auto;max-width:none;transform:translateY(-18%)}
.exhibition-title h1{font-size:19px;letter-spacing:.035em;line-height:1.6;margin:2px 0 5px}
.exhibition-title .eyebrow{letter-spacing:.16em}
@media(max-width:1100px){.round-seal b{font-size:56px}.round-brand{width:177px;height:61px}.round-brand img{width:158px}.exhibition-title h1{font-size:17px}}
@media(max-width:700px){.exhibition-mark{gap:14px;margin:5px 0 2px}.round-seal b{font-size:43px}.round-seal small{font-size:6px;letter-spacing:.15em;margin-top:4px}.round-brand{width:142px;height:49px;padding-left:14px}.round-brand img{width:128px}.exhibition-title h1{font-size:15px;letter-spacing:0}.exhibition-title #round-dates{font-size:8px}}
@media(max-height:600px) and (min-width:701px){.round-seal b{font-size:43px}.round-brand{width:147px;height:50px;padding-left:14px}.round-brand img{width:133px}.exhibition-title h1{font-size:15px}}

.museum-footer{mix-blend-mode:multiply}
.like-label{display:grid;gap:2px;text-align:left;line-height:1.3}.like-label small{font-size:8px;font-weight:400;opacity:.7;letter-spacing:.025em}
@media(min-width:701px){.arena-caption{bottom:220px}}

/* Readiness has no artificial countdown or delay. */
.arena-fallback{background:#e8ebe4;gap:24px}
.arena-loading-sequence{width:min(58vw,320px);mix-blend-mode:multiply;text-align:center}.arena-loading-wordmark{opacity:.35;animation:loading-wordmark 2.8s ease-in-out infinite}.arena-loading-label{margin:12px 0 0;color:#555e58;font:500 10px/1.4 'DM Sans',sans-serif;letter-spacing:.3em;animation:loading-copy 2.8s ease-in-out infinite}.arena-fallback[data-phase=failed] .arena-loading-sequence{display:none}
.museum:not([data-entrance=unavailable]) .arena-fallback .arena-loading-wordmark{display:block;width:100%;max-width:none;height:auto;max-height:none;box-shadow:none}
#arena-loading-title,#arena-countdown{display:none!important}
#arena-fallback-message{max-width:290px;text-align:center;line-height:1.9}
.museum[data-entrance=unavailable] .arena-loading-sequence{display:none}
.entrance-invitation p{animation:door-touch-pulse 1.8s ease-in-out infinite;will-change:opacity}
@keyframes loading-wordmark{0%,100%{opacity:.27}50%{opacity:.44}}
@keyframes loading-copy{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes door-touch-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media(prefers-reduced-motion:reduce){.arena-loading-sequence,.arena-loading-wordmark,.arena-loading-label,.entrance-invitation p{animation:none!important}.den-home:hover,.den-home:focus-visible{transform:none}.entrance-invitation p{will-change:auto}}

/* Exhibition rules sit together under the edition rather than across the art. */
.museum-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;align-items:end}
.exhibition-title{grid-column:1/-1}
#arena-pick-hint{display:grid;position:static;left:auto;bottom:auto;transform:none;white-space:normal;gap:4px;max-width:430px;letter-spacing:.035em;line-height:1.7}
#arena-pick-hint strong{font-size:12px;font-weight:500;color:#344538}
#arena-pick-hint>span{font-size:10px;color:#657161}
#participant-vote-status{font-size:9px;color:#647357;line-height:1.7}
#participant-vote-status[data-status=required],#participant-vote-status[data-status=revoked]{color:#875a43}
.gallery-actions{display:grid;grid-template-columns:auto auto;column-gap:17px;row-gap:9px}.sample-card-notice{grid-column:1/-1;margin:0;text-align:center;font-size:10px;line-height:1.7;color:#5e6a5b;letter-spacing:.025em}
.entry-vote-rule{font-size:9px;line-height:1.9;color:#6c765f;margin:12px 0}
.competition-rules{border-top:1px solid var(--line);margin:20px 0;padding-top:7px}
.competition-rules p{font-size:11px;line-height:2;color:#596452;margin:13px 0}
@media(min-width:1250px){.museum-footer{grid-template-columns:minmax(310px,1fr) minmax(250px,1fr) auto}.exhibition-title{grid-column:auto}#arena-pick-hint{justify-self:center}}
@media(max-width:700px){.museum-footer{display:grid;grid-template-columns:1fr;gap:12px}.exhibition-title{grid-column:1}.gallery-actions{margin-top:1px}#arena-pick-hint{gap:3px;max-width:none}#arena-pick-hint strong{font-size:11px}#arena-pick-hint>span{font-size:9px}.gallery-actions{grid-template-columns:1fr auto;column-gap:12px}.sample-card-notice{font-size:9px;text-align:left}.entry-vote-rule{font-size:8px;line-height:1.8;margin:7px 0}}

.wordmark-filter{position:absolute;pointer-events:none}
.museum-footer{mix-blend-mode:normal}
.round-brand{mix-blend-mode:normal}.round-brand img{filter:url(#brag-wordmark-ink)}
#enter-button[data-state=upcoming]{opacity:1;color:#f5fdff;font-size:12px;font-weight:500;letter-spacing:.08em;background:linear-gradient(130deg,#101b24,#263745 48%,#101b24);border:1px solid #b8ddec99;box-shadow:inset 0 0 14px #d3f2ff16,0 0 15px #82c7f542;text-shadow:0 0 9px #dcf6ffbb;animation:entry-await-glow 3.2s ease-in-out infinite}
#enter-button[data-state=upcoming]::before{background:linear-gradient(105deg,transparent 25%,#d8f5ff55 50%,transparent 75%);transform:translateX(-120%);animation:entry-await-sweep 4.2s cubic-bezier(.22,.61,.36,1) infinite}
@keyframes entry-await-glow{0%,100%{box-shadow:inset 0 0 14px #d3f2ff16,0 0 12px #82c7f52e}50%{box-shadow:inset 0 0 18px #d3f2ff26,0 0 22px #82c7f570}}
@keyframes entry-await-sweep{0%,22%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}
@media(max-width:700px){#enter-button[data-state=upcoming]{font-size:11px;letter-spacing:.045em}}
@media(prefers-reduced-motion:reduce){#enter-button[data-state=upcoming],#enter-button[data-state=upcoming]::before{animation:none!important}}

/* Live VAULTs can contain many cards; thumbnails scroll while CG shows four. */
#vault-options[data-live-vault]{float:none;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 1px 7px;scroll-snap-type:x proximity}
#vault-options[data-live-vault] .vault-option{flex:0 0 56px;width:56px;min-width:56px;scroll-snap-align:start}
#vault-options[data-live-vault] .vault-option img{height:64px}
@media(max-width:700px){#vault-options[data-live-vault] .vault-option{flex-basis:48px;width:48px;min-width:48px}#vault-options[data-live-vault] .vault-option img{height:48px}.entry-workbench:has([data-live-vault]) #submit-entry{width:100%;margin-top:8px}}

/* Entrance-only contrast; the loading screen and exhibition retain their light palette. */
.museum:is([data-entrance=closed],[data-entrance=opening],[data-entrance=returning]):has(.arena-fallback.loaded) .museum-header{mix-blend-mode:normal}
.museum:is([data-entrance=closed],[data-entrance=opening],[data-entrance=returning]):has(.arena-fallback.loaded) .museum-header .brand{mix-blend-mode:normal;opacity:.95}
.museum:is([data-entrance=closed],[data-entrance=opening],[data-entrance=returning]):has(.arena-fallback.loaded) .museum-header .brand img{filter:url("#brag-wordmark-ink") invert(.92)}
.museum:is([data-entrance=closed],[data-entrance=opening],[data-entrance=returning]):has(.arena-fallback.loaded) .museum-header :is(.den-home,.hud-icon){color:#d1ba87}
.museum:is([data-entrance=closed],[data-entrance=opening],[data-entrance=returning]):has(.arena-fallback.loaded) .museum-header :is(.den-home,.hud-icon):focus-visible{outline-color:#d1ba87}

.museum:is([data-entrance=closed],[data-entrance=opening],[data-entrance=returning]):has(.arena-fallback.loaded):after{background:linear-gradient(180deg,#0d102000,transparent 72%,#080b2045)}
.museum:is([data-entrance=closed],[data-entrance=opening],[data-entrance=returning]):has(.arena-fallback.loaded) .entrance-invitation>span{color:#b9b5ac}
.museum:is([data-entrance=closed],[data-entrance=opening],[data-entrance=returning]):has(.arena-fallback.loaded) .entrance-invitation p{color:#dbc79b}
.museum:is([data-entrance=closed],[data-entrance=opening],[data-entrance=returning]):has(.arena-fallback.loaded) .entrance-invitation i{background:linear-gradient(#d1ba8799,transparent)}

/* A small living sound mark; full volume controls stay in the information panel. */
.arena-sound{position:relative;min-width:44px;width:44px;height:44px;padding:10px;border-radius:50%}
.arena-sound:before{content:'';position:absolute;inset:3px;border:1px solid currentColor;border-radius:50%;opacity:.13;transform:scale(.88);transition:opacity .4s,transform .5s var(--ease)}
.arena-sound:hover:before,.arena-sound:focus-visible:before{opacity:.35;transform:scale(1)}
.sound-bars{display:flex;align-items:center;justify-content:center;gap:3px;height:19px;width:22px}
.sound-bars i{width:2px;height:16px;border-radius:2px;background:currentColor;transform:scaleY(.2);opacity:.5;transition:transform .5s var(--ease),opacity .4s}
.arena-sound[data-state=playing] .sound-bars i{opacity:.9;animation:arena-jazz-meter 1.6s ease-in-out infinite alternate}
.arena-sound[data-state=playing] .sound-bars i:nth-child(2){animation-delay:-.5s;animation-duration:1.1s}
.arena-sound[data-state=playing] .sound-bars i:nth-child(3){animation-delay:-1s;animation-duration:1.8s}
.arena-sound[data-state=playing] .sound-bars i:nth-child(4){animation-delay:-.75s;animation-duration:1.3s}
.arena-sound[data-state=playing] .sound-bars i:nth-child(5){animation-delay:-.2s;animation-duration:1.5s}
.arena-sound[data-state=loading] .sound-bars{animation:light-breathe 1.8s ease-in-out infinite}
.arena-sound-settings{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;margin:0 0 18px;border-bottom:1px solid var(--line)}
.arena-sound-settings h3{font:500 17px/1.4 'DM Sans',sans-serif;letter-spacing:-.02em;margin:5px 0 3px}
.arena-sound-settings p:not(.eyebrow){font:10px/1.6 'DM Sans',sans-serif;color:var(--muted);letter-spacing:.05em}
.arena-sound-settings label{display:grid;gap:3px;width:120px;flex-shrink:0;font-size:10px;color:var(--muted)}
.arena-sound-settings input{width:100%;height:36px;margin:0;accent-color:#5f685d;cursor:pointer;touch-action:pan-y}
.arena-sound-settings input:focus-visible{outline:2px solid #586c5d;outline-offset:3px}
@keyframes arena-jazz-meter{0%{transform:scaleY(.28)}40%{transform:scaleY(.78)}100%{transform:scaleY(.45)}}
@media(max-width:370px){.museum-header{padding-inline:16px}.museum-header>.brand{width:112px}.museum-header nav{gap:2px}.den-home{font-size:9px;padding-inline:6px}.arena-sound-settings{gap:15px}.arena-sound-settings label{width:100px}}
@media(prefers-reduced-motion:reduce){.arena-sound[data-state=playing] .sound-bars i{animation:none;transform:scaleY(.65)}.arena-sound[data-state=playing] .sound-bars i:nth-child(even){transform:scaleY(.9)}}

/* The selected photograph has its own measured viewing area on phones. */
@media(max-width:700px){
 .museum[data-inspection=true] #gallery-hud{visibility:hidden;pointer-events:none}
 .museum[data-inspection=true] #gallery-hud *{pointer-events:none}
 .museum[data-inspection=true] .arena-caption{left:18px;right:18px;bottom:max(24px,env(safe-area-inset-bottom));width:auto;max-height:min(32svh,280px);padding:17px 19px;display:block;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(135deg,#fbfcf2f5,#edf1e8f5);animation:appear .55s var(--ease) both}
 .museum[data-inspection=true] .arena-caption h2{font-size:18px;line-height:1.4;margin:5px 0 8px}
 .museum[data-inspection=true] .arena-caption .collector-meta{font-size:9px!important;margin:0 0 7px}
 .museum[data-inspection=true] .arena-caption #spotlight-story{font-size:11px;line-height:1.85;max-height:none;overflow:visible}
 .museum[data-inspection=true] .arena-caption .focus-actions{margin-top:12px;padding-top:9px;min-height:44px}
 .museum[data-inspection=true] .arena-caption .like,.museum[data-inspection=true] .arena-caption .text-button{min-height:44px}
 .museum[data-inspection=true] .museum-navigation{left:18px;top:90px}
 .museum[data-inspection=true] .context-back{min-height:42px;padding:9px 13px}
 .museum[data-inspection=true] .museum-preview-label{visibility:hidden}
}