/* Mr. Wish's Mad Circus — visual-only theme over the existing authenticated app.
 * Screenshots/illustrations are concept art. All saved records remain owned by the
 * current account and are only changed through the existing validated app forms. */
:root {
  --bg:#130c0b; --side:#130d0c; --panel:#112024; --panel2:#0d1a1e;
  --line:#634637; --text:#f1e7d7; --muted:#b9aaa0;
  --teal:#87cec0; --amber:#dfb487; --red:#f16c71; --green:#83d2a2;
  font-family:Georgia,'Palatino Linotype','Times New Roman',serif;
  color-scheme:dark;
}
body{background:#150e0d;color:var(--text);font-size:13px}
.app-shell{background:#120b0b}
.app-main{
  min-width:0;
  background:radial-gradient(ellipse at 47% 5%,#2a1718 0,#160f0f 49%,#110c0c 100%);
}
.sidebar {
 width:266px; flex-shrink:0; padding:0 0 13px; z-index:3;
 background:linear-gradient(90deg,#120908 0%,#21120f 4%,#110c0a 90%,#28160f 98%,#0a0706 100%);
 border-right:3px ridge #895439;
 box-shadow:inset -15px 0 30px #060303bc,8px 0 15px #0503027a;
 position:sticky; top:0; max-height:100vh; overflow:auto; scrollbar-width:thin;
}
.sidebar .identity {
 display:block; flex:none; height:228px; margin:0 0 10px; padding:0;
 background:url('./circus-logo.jpg') center 0 / 100% 100% no-repeat;
 border:0; box-shadow:0 3px 15px #080303a6;
}
.sidebar .identity>.seal,.sidebar .identity>.brand{opacity:0;pointer-events:none}
.sidebar .nav-label{display:none}
.sidebar nav {display:flex;flex-direction:column;gap:0;padding:2px 9px 0}
.sidebar .nav {
 min-height:58px; margin:0; padding:12px 13px; gap:17px; width:100%;
 color:#e5d2be; background:transparent; border:1px solid transparent;
 border-bottom:1px solid #5840347e; text-align:left;
 text-shadow:0 2px 3px #040100;
 font:500 14px/1.25 Georgia,'Times New Roman',serif;
 letter-spacing:0; text-transform:capitalize; transition:background .18s,border-color .18s,color .18s;
}
.sidebar .nav span {font:24px/1 Georgia,serif; width:25px;min-width:25px;color:#e6bb84;text-align:center}
.sidebar .nav.active{background:linear-gradient(90deg,#9b1d2b9c,#3a1115 92%);border:1px solid #ba3344;box-shadow:inset 3px 0 0 #ff7a88,0 0 10px #b8202b50;color:#fff2e8}
.sidebar .nav.active span,.sidebar .nav:hover span{color:#ffb2ae}
.sidebar .nav:hover{background-color:#57201b63;color:#fff7ed}
.sidebar .nav[data-view=dashboard]{order:0}
.sidebar .nav[data-view=inventory]{order:1}
.sidebar .nav[data-view=items]{order:2}
.sidebar .nav[data-view=fusion]{order:3}
.sidebar .nav[data-view=projects]{order:4}
.sidebar .nav[data-view=guide]{order:5}
.sidebar .nav[data-view=history]{order:6}
.sidebar .nav[data-view=quality]{order:7}
.sidebar .nav[data-view=settings]{order:8}
.sidebar .nav[data-view=help]{order:9}
.circus-side-motto {
 min-height:190px;margin:14px 6px 0;
 background:linear-gradient(0deg,transparent 82%,#150c0b 98%),url('./circus-sidebar-scene.jpg') center 40%/100% auto no-repeat;
 filter:saturate(1.05); border-bottom:1px solid #895034;
}
.sidebar .sidebar-bottom {margin-top:4px;border:0;padding:8px 13px;color:#e3b887;background:#190e0d;font:10px/1.4 Consolas,monospace}
.sidebar .version {color:#ab7e68}
.topbar {
 height:74px;flex-shrink:0;position:relative;padding:0 24px;gap:16px;
 background:linear-gradient(180deg,#180c0de3,#0c1015b0),url('./circus-canopy.jpg') center 38% / cover no-repeat;
 border-bottom:2px solid #835737; box-shadow:0 3px 10px #090504;
 font-family:Georgia,serif;font-size:12px;letter-spacing:0;
}
.hazard-stripe{height:3px;background:linear-gradient(90deg,#8d5138,#e7b579 42%,#773e32);opacity:.85}
.top-right{align-items:center;gap:10px;min-width:0;flex-shrink:0;font:11px/1.3 Georgia,serif}
.top-right #saveState {max-width:175px;font-size:10px;line-height:1.25;color:#b0cfc2}
.top-right .hazard-label{border-radius:20px;color:#efad9b;background:#3b1b22;border:1px solid #90464f;padding:7px 9px;font:10px Georgia,serif}
.top-right #accountPanel{background:#100b0ce8;border:1px solid #755449;padding:6px 8px;border-radius:15px;white-space:nowrap}
.top-right #accountPanel #accountName{color:#f1d9c3}
.top-right .quiet{color:#ebd2bd;font:11px Georgia,serif}
.circus-top-search{width:min(430px,50%);position:relative;margin-left:auto;display:flex;align-items:center;gap:8px;background:#0b1116ed;border:1px solid #655957;border-radius:11px;padding:0 11px;box-shadow:0 6px 12px #060202b3}
.circus-top-search>span{font-size:27px;color:#ddc9ac}
.circus-top-search input{width:100%;padding:12px 2px;outline:none;border:0;background:transparent;color:#f4e8d6;min-width:0;font:13px Georgia,serif}
.circus-top-search input::placeholder{color:#bbaca7}
.circus-search-results{position:absolute;z-index:16;top:calc(100% + 5px);left:0;width:100%;max-height:300px;overflow:auto;background:#112023;border:1px solid #ad8067;box-shadow:0 18px 28px #000a;padding:8px;border-radius:4px}
.circus-search-results button{display:block;color:#f5e9d8;width:100%;border:0;border-bottom:1px solid #61413d;padding:10px;background:transparent;text-align:left;font:12px Georgia,serif}
.circus-search-results button:hover{background:#662630}
.circus-search-results .muted{padding:8px}
main{max-width:none;margin:0;width:100%;padding:17px 19px 45px}
/* Unify existing modules and dialogs without changing calculations or editor behavior */
.panel,.action-card,.help-inline,.modal,.stats>.stat,.fusion-drawer,.hero,.auth-card {
 border-color:#74513a!important;
 background:linear-gradient(145deg,#122328,#0d171b)!important;
 box-shadow:inset 0 0 0 1px #100808,0 5px 18px #05030250;
}
.panel-title{font-family:Georgia,serif;color:#edc192;border-bottom-color:#754e3e;font-size:13px;text-transform:uppercase;letter-spacing:1.5px}
.page-title h2,.project-title{font-family:Georgia,serif;letter-spacing:1px;color:#f6dfbd}
.overline.amber,.section-number{color:#eab17f}
.button.primary {background:linear-gradient(#bd2533,#7e1525);border:1px solid #f07b78;color:#fff6eb;box-shadow:inset 0 1px 1px #f8aaaa5c,0 2px 7px #3c0c0a}
.button.primary:hover{filter:brightness(1.18)}
.button.secondary,.mini-button{background:linear-gradient(155deg,#2e2627,#152024);border-color:#776252;color:#eadcca}
input,select,textarea{accent-color:#e54d61}
.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea{background:#09171be8;border-color:#615c52;color:#f5e8d5}
.empty,.notice{color:#c6b3a0;border-color:#755043}
.modal-backdrop{background:#0a0304e8;z-index:40}
.modal{background:linear-gradient(#16252b,#0c171b)!important;border:2px solid #a77654!important;border-radius:5px}
.auth-screen{background:radial-gradient(circle at 50% 25%,#4b2729 0,#190d0d 54%,#080607 100%)}
.auth-card{box-shadow:0 20px 80px #070104b8;border:2px ridge #be815c!important}
.auth-card h1{font:900 31px Georgia,serif;color:#f0c28b;text-shadow:0 3px 7px #330f08}
.sr-only {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Screenshot-inspired inventory landing: Mr. Wish stage and voice/typed command panel */
.circus-experience {display:flex;flex-direction:column;gap:12px;margin-bottom:23px;min-width:0}
.circus-show{display:grid;grid-template-columns:minmax(0,1.50fr) minmax(345px,1fr);gap:9px;min-height:406px}
.circus-stage{
 min-height:406px;position:relative;
 background:linear-gradient(90deg,#140d0a22,#03040500 90%),url('./circus-stage.jpg') 50% 45% / cover no-repeat;
 border:2px ridge #976846;
 box-shadow:inset 0 0 0 3px #140b09,0 0 10px #000b;
}
.circus-command {
 display:grid;grid-template-rows:165px minmax(0,1fr);gap:9px;min-width:0;color:#f6e8d5;
}
.circus-command-mic {
 position:relative;overflow:hidden;border:3px ridge #a9754d;
 background:radial-gradient(ellipse at 80% 40%,#22353a,#09181c 65%);
 box-shadow:inset 0 0 12px #060306,0 0 13px #090203;
 padding:12px 15px;
}
.circus-command-mic::before{content:'';inset:7px;position:absolute;border:1px solid #91654b5b;pointer-events:none}
.circus-sign{text-align:center;font:14px Georgia,serif;letter-spacing:1.7px;color:#edc391;text-shadow:0 1px 5px #000}
.circus-mic-state{position:relative;margin-top:20px;color:#dcb5a7;font:11px Consolas,monospace;letter-spacing:1px}
.circus-mic-picture{position:absolute;width:100px;height:142px;top:10px;right:-1px;background:url('./circus-microphone.jpg') center/contain no-repeat;pointer-events:none}
.circus-audio-bars{display:flex;align-items:center;gap:3px;margin:16px 115px 0 4px;height:23px}
.circus-audio-bars i{flex:1;height:13%;background:#ec556c;box-shadow:0 0 5px #cc2a42;opacity:.7;border-radius:3px}
.circus-audio-bars i:nth-child(3n){height:53%}.circus-audio-bars i:nth-child(4n){height:92%}.circus-audio-bars i:nth-child(5n){height:40%}
.circus-command-review{
 display:flex;flex-direction:column;gap:7px;min-height:0;padding:10px 13px 12px;
 background:linear-gradient(#0c2024,#08151b);border:2px ridge #86644e;box-shadow:inset 0 0 0 2px #0b1213;
}
.circus-command-review h3{font:16px Georgia,serif;color:#ebd1ac;letter-spacing:.6px;margin:0}
.circus-helper{font:11px/1.28 Georgia,serif;color:#cfb8ad;margin:0}
.circus-draft-label{font:11px Georgia,serif;color:#e5c8ad}
.circus-command-review textarea{width:100%;resize:vertical;min-height:47px;max-height:80px;padding:7px 9px;color:#f6e2d4;background:#071015;border:1px solid #806955;border-radius:4px;font:12px Georgia,serif}
.circus-draft-summary{flex:1;min-height:29px;max-height:80px;overflow:auto;padding:7px 9px;border:1px solid #6b4541;background:#14171c;font:11px/1.35 Georgia,serif;color:#e6cebd}
.circus-draft-summary strong{color:#f7a7a9}
.circus-buttonrow{display:flex;gap:8px}
.circus-btn{flex:1;min-width:0;border:1px solid #837365;border-radius:4px;background:linear-gradient(#2c2d31,#151d20);color:#f3e1ce;padding:8px 6px;font:12px Georgia,serif}
.circus-btn-bright{border-color:#ff7580;background:linear-gradient(#ce253c,#851124);box-shadow:0 0 7px #b8243855;color:#fff}
.circus-btn:disabled{opacity:.43;cursor:not-allowed}
.circus-btn:not(:disabled):hover{filter:brightness(1.2)}
/* Gallery and right-side project board */
.circus-lower{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(280px,.97fr);gap:10px;align-items:stretch}
.circus-gallery-panel,.circus-project-panel{
 border:3px ridge #916040;
 background:radial-gradient(ellipse at 40% 0,#193037aa,transparent 50%),linear-gradient(#0c1c21,#071316);
 box-shadow:inset 0 0 0 3px #120c0b,0 6px 16px #030405b8;padding:12px 13px;
 min-width:0;
}
.circus-panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #74543e;padding:1px 3px 11px;margin-bottom:11px}
.circus-panel-title>div:first-child{display:flex;align-items:center;gap:11px;min-width:0}
.circus-panel-title h2{margin:0;font:900 clamp(19px,2vw,26px)/1.05 Georgia,serif;letter-spacing:1px;color:#eaba91;text-shadow:0 2px 6px #000}
.circus-panel-emblem{font:28px/1 Georgia,serif;color:#e8b990}
.circus-inventory-tabs{display:flex;gap:13px;align-items:center;justify-content:flex-end;white-space:nowrap;font:12px Georgia,serif;color:#cfbeb1}
.circus-inventory-tabs span{padding:7px 0}
.circus-inventory-tabs .selected{color:#fff4e4;font-weight:bold;border-bottom:3px solid #ff435a;text-shadow:0 0 5px #cd2238}
.circus-gallery-meta{display:flex;justify-content:space-between;align-items:center;gap:7px;color:#d4b393;font:10px Consolas,monospace;letter-spacing:1px;margin-bottom:10px}
.circus-gallery-actions{display:flex;gap:6px}
.circus-small-btn{border:1px solid #856d59;background:#302525;color:#f1d7c4;padding:6px 9px;font:11px Georgia,serif;white-space:nowrap;cursor:pointer}
.circus-small-btn:hover,.circus-manage-cta:hover{background:#6a3131;color:#fff4e9}
.circus-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.circus-card{
 min-width:0;display:block;overflow:hidden;padding:5px;text-align:left;
 border:1px solid #7f6155;background:linear-gradient(#1b2527,#0a1417);color:#f7e8d8;
 box-shadow:inset 0 0 0 1px #101012,0 4px 10px #0007;cursor:pointer;position:relative;
 transition:transform .15s,border-color .15s,box-shadow .15s;
}
.circus-card:hover,.circus-card:focus-visible{border-color:#fa596d;box-shadow:0 0 0 2px #d13048aa,0 5px 13px #0008;transform:translateY(-1px)}
.circus-card[data-preview]{cursor:default;opacity:.75}
.circus-card[data-preview]:hover{transform:none;border-color:#7f6155;box-shadow:0 4px 10px #0007}
.circus-card .circus-portrait{height:clamp(92px,10vw,126px);background-image:url('./circus-portraits.jpg');background-size:400% 200%;background-repeat:no-repeat;border:1px solid #574a3e;filter:saturate(.94)}
.circus-card .circus-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 12px/1.3 Georgia,serif;margin:8px 2px 7px}
.circus-card .circus-tags{display:flex;flex-wrap:wrap;gap:4px}
.circus-card .circus-tag{display:inline-block;padding:3px 6px;border-radius:3px;background:#384144;border:1px solid #696762;color:#eae2d8;font:10px Georgia,serif}
.circus-card .circus-tag.gold{color:#f8de9d;border-color:#967647;background:#4c381a}
.circus-card .circus-tag.review{color:#f6bac0;border-color:#994650;background:#4b1824}
.circus-card .circus-tag.good{color:#b2ecdc;border-color:#2a7064;background:#174039}
.circus-card .circus-ribbon{position:absolute;right:7px;top:7px;padding:4px 6px;border:1px solid #f46b73;color:#fff;background:#b72c40;font:9px Georgia,serif}
.circus-portrait[data-sprite="0"]{background-position:0% 0%}.circus-portrait[data-sprite="1"]{background-position:33.33% 0%}.circus-portrait[data-sprite="2"]{background-position:66.66% 0%}.circus-portrait[data-sprite="3"]{background-position:100% 0%}.circus-portrait[data-sprite="4"]{background-position:0% 100%}.circus-portrait[data-sprite="5"]{background-position:33.33% 100%}.circus-portrait[data-sprite="6"]{background-position:66.66% 100%}.circus-portrait[data-sprite="7"]{background-position:100% 100%}
.circus-manage-cta{width:100%;margin-top:11px;border:1px solid #6c5750;background:#141e22;color:#e8c7a4;padding:9px;font:12px Georgia,serif}
.circus-featured-project{padding:3px 2px 0;color:#e9d5c3}
.circus-project-feature-top{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid #61463b}
.circus-project-thumb{width:93px;height:103px;flex:none;background:url('./circus-portraits.jpg') 0% 0% / 400% 200%;border:2px ridge #84644e}
.circus-project-feature-top h3{font:700 19px Georgia,serif;color:#fff2dd;margin:0 0 9px;word-break:break-word}
.circus-project-pip{display:inline-block;padding:4px 11px;border:1px solid #bd4853;background:#72202d;border-radius:15px;font:11px Georgia,serif;color:#ffdde0}
.circus-project-feature-details{font:12px/1.5 Georgia,serif;color:#dac7b8;padding:13px 4px}
.circus-project-stat{font:13px Georgia,serif;color:#f6cda4;display:flex;justify-content:space-between;gap:5px;padding:8px 0}
.circus-project-progress{height:10px;border:1px solid #5a6f64;border-radius:8px;background:linear-gradient(90deg,#1b3131,#112024)}
.circus-project-progress>span{display:block;height:100%;width:0;background:#74c7b7;border-radius:7px}
.circus-project-open{width:100%;border:1px solid #b89b81;background:linear-gradient(#392d2c,#191c1f);border-radius:4px;color:#f8e7d4;padding:13px;font:13px Georgia,serif}
.circus-project-open:hover{background:#6a2c30}
.circus-art-disclosure{font:11px/1.4 Georgia,serif;color:#ad9386;margin:1px 3px 0}
.circus-editor-wrap {border:2px ridge #76563b;background:#11191c;box-shadow:0 5px 25px #0603037a;margin:24px 0}
.circus-editor-wrap>summary{cursor:pointer;padding:16px 19px;color:#f4dfbf;font:700 15px Georgia,serif;display:flex;align-items:center;gap:10px;list-style:none}
.circus-editor-wrap>summary::-webkit-details-marker{display:none}
.circus-editor-wrap>summary>span{font:24px Georgia,serif;color:#efa98a}
.circus-editor-wrap>summary small{margin-left:auto;color:#bfa899;font:12px Georgia,serif}
.circus-editor-wrap[open]>summary{border-bottom:1px solid #624d3d;background:#231a1b}
.circus-editor-content{padding:17px 16px}
.circus-editor-content .page-title{margin-top:2px}
/* Dedicated structure with no massive post-login flashes on mobile */
@media(max-width:1260px){
 .sidebar{width:224px}.sidebar .identity{height:189px}.sidebar .nav{min-height:51px;padding:9px;font-size:13px}
 .circus-show{grid-template-columns:minmax(0,1.4fr) minmax(292px,1fr)}
 .circus-lower{grid-template-columns:minmax(0,1.52fr) minmax(265px,1fr)}
 .circus-card-grid{gap:7px}
 .circus-inventory-tabs{gap:7px;font-size:11px}
 .circus-card .circus-name{font-size:11px}
}
@media(max-width:1050px){
 .circus-show{grid-template-columns:1fr}.circus-stage{min-height:390px;background-size:cover}
 .circus-command{grid-template-columns:1fr 1.25fr;grid-template-rows:1fr;min-height:225px}
 .circus-lower{grid-template-columns:1fr}
 .circus-gallery-panel{min-height:330px}
 .circus-project-panel{max-width:none}
 .circus-project-thumb{height:92px}
 .top-right #saveState{display:none}
}
@media(max-width:680px){
 .sidebar{height:auto;max-height:none;width:100%;position:static;border-right:0;border-bottom:2px ridge #875c3f;overflow:visible;padding:3px}
 .sidebar .identity,.sidebar .circus-side-motto,.sidebar .sidebar-bottom{display:none}
 .sidebar nav{display:flex;flex-direction:row;padding:0;overflow:auto}
 .sidebar .nav{flex:none;min-width:116px;min-height:46px;font-size:11px;padding:8px;gap:6px;border:1px solid #422c29}
 .sidebar .nav span{font-size:15px;min-width:14px;width:14px}
 .topbar{height:61px;padding:5px 10px}
 .circus-top-search{width:100%;margin:0}.top-right{display:none}
 main{padding:9px 7px 35px}
 .circus-experience{gap:9px}
 .circus-stage{min-height:250px;background-position:50% 35%}
 .circus-command{display:block}
 .circus-command-mic{display:none}
 .circus-command-review{min-height:225px}
 .circus-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .circus-card .circus-portrait{height:145px}
 .circus-panel-title{flex-wrap:wrap}
 .circus-inventory-tabs{width:100%;justify-content:flex-start;overflow:auto}
 .circus-gallery-meta{flex-wrap:wrap}
 .circus-editor-wrap>summary{flex-wrap:wrap}.circus-editor-wrap>summary small{margin-left:0}
 .circus-project-panel,.circus-gallery-panel{padding:9px}
}
@media(prefers-reduced-motion:reduce){.circus-card,.sidebar .nav{transition:none!important}}

.circus-command-review h3::before{content:"";display:inline-block;vertical-align:middle;width:28px;height:28px;margin-right:8px;background:url('./mr-wish-avatar.jpg') center 34%/cover no-repeat;border:1px solid #9f665b;border-radius:50%}

/* Clearly separate visual preview from real account data. */
.circus-demo-banner{position:sticky;top:0;z-index:100;padding:9px 16px;background:#521b24;border-bottom:2px solid #e49f80;display:flex;gap:20px;justify-content:center;flex-wrap:wrap;text-align:center;color:#ffe6c9;font:12px/1.3 Georgia,serif}
.circus-demo-banner b{letter-spacing:1.2px;color:#fff0d0}
.circus-design-preview .circus-card,.circus-design-preview .circus-small-btn,.circus-design-preview .circus-project-open,.circus-design-preview .nav{cursor:default}

/* Mr. Wish inventory verification: small, nonblocking quality question window. */
.wish-review-alert{background:linear-gradient(105deg,#421c24,#6a202c);border:1px solid #dc9261;border-radius:7px;color:#fff0d9;padding:7px 11px;font:700 11px 'Segoe UI',sans-serif;letter-spacing:.4px;box-shadow:0 0 14px #f2474736;cursor:pointer}
.wish-review-alert:hover,.wish-review-alert:focus-visible{box-shadow:0 0 0 2px #fae2b8,0 0 14px #ef343477}
.wish-review-conflicts{color:#ffba74}
.wish-review-popup{position:fixed;bottom:22px;right:22px;z-index:1050;width:min(365px,calc(100vw - 30px));max-height:min(560px,calc(100vh - 25px));overflow:auto;background:linear-gradient(140deg,#29181a,#0c2025 65%);border:2px solid #ad7450;outline:2px solid #26140f;box-shadow:0 18px 55px #000c, inset 0 0 0 1px #f3bd7644;color:#e9e5d7;border-radius:10px;padding:17px;animation:wish-review-in .2s ease-out}
@keyframes wish-review-in{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.wish-review-popup[hidden],.wish-review-alert[hidden],.wish-review-field[hidden],.wish-review-error[hidden],.wish-review-popup button[hidden]{display:none!important}
.wish-review-head{display:flex;justify-content:space-between;gap:9px;align-items:start;border-bottom:1px solid #bd966955;padding-bottom:9px}
.wish-review-eyebrow{font:700 10px 'Segoe UI',sans-serif;letter-spacing:2px;color:#e3a47e}
.wish-review-head h3{margin:5px 0;color:#f2d9ae;font:700 23px Georgia,serif}
#wishReviewClose{border:1px solid #875647;color:#f8ccb0;background:#321e24;border-radius:4px;min-width:30px;min-height:28px}
.wish-review-specimen{background:#10181b;border-left:3px solid #d86361;color:#fff2e0;padding:8px 10px;overflow-wrap:anywhere}
.wish-review-question{font:700 16px/1.4 Georgia,serif;color:#fbe8cb;margin:12px 0}
.wish-review-detail,.wish-review-disclosure{font:12px/1.5 'Segoe UI',sans-serif;color:#b1bdb8}
.wish-review-field{display:block;margin:15px 0 8px;font:700 11px/1.6 'Segoe UI',sans-serif;color:#f1c2a0}
.wish-review-field input,.wish-review-field select{display:block;width:100%;margin-top:6px;padding:9px;background:#0e191d;border:1px solid #99714f;border-radius:5px;color:#f9e5cc;font-size:14px}
.wish-review-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.wish-review-actions button{flex:1 1 auto;min-width:85px;font-size:11px!important;padding:10px!important}
.wish-review-disclosure{border-top:1px solid #ad74503b;padding-top:10px;margin-bottom:0}
.wish-review-error{color:#ff9f92}
@media(max-width:560px){.wish-review-popup{bottom:7px;right:7px;width:calc(100vw - 14px);max-height:72vh}}

/* Mad Circus reference composition pass: stage depth, timber desk and marquee */
@media(min-width:1051px){.circus-show{min-height:468px;grid-template-columns:minmax(0,1.43fr) minmax(348px,1fr)}.circus-stage{min-height:468px}.circus-command{grid-template-rows:177px minmax(0,1fr)}}
.circus-stage{background-image:linear-gradient(90deg,#12060506,#0000 72%),url('./circus-stage-full.jpg');background-size:100% 100%,cover;background-position:center center,center bottom;background-repeat:no-repeat;isolation:isolate}
.circus-stage:after{content:"";position:absolute;bottom:-2px;left:-2px;right:-2px;height:11px;background:linear-gradient(#5b3120,#e0ab6c 20%,#402217 36%,#1a1010 80%);box-shadow:0 -4px 14px #3a160e88,0 3px 6px #000a;border:1px solid #ae7650;z-index:2;pointer-events:none}
.circus-command-mic{background:radial-gradient(ellipse at 75% 40%,#233038,#070f15 68%);box-shadow:inset 0 0 0 2px #120c0d,0 0 5px #c383445e}
.circus-command-review{border-color:#906648;box-shadow:inset 0 0 0 2px #0a1114,0 4px 12px #0009}
.circus-catalog-filters{display:flex;gap:7px;margin:9px 0 11px;flex-wrap:wrap}
.circus-catalog-filters input,.circus-catalog-filters select{border:1px solid #926d53;background:#08181b;color:#f3dfc4;font:12px Georgia,serif;border-radius:3px;padding:8px;min-height:34px}
.circus-catalog-filters input{min-width:165px;flex:2 1 185px}.circus-catalog-filters select{min-width:115px;flex:1 1 120px}
.circus-card .circus-portrait{background:none;position:relative;display:flex;align-items:center;justify-content:center;background-color:#111c20}
.circus-card .circus-portrait.no-image{border:1px dashed #685c4c;color:#af9d8d;text-align:center;font:700 10px/1.5 Georgia,serif;letter-spacing:1.1px;padding:8px}
.circus-real-photo{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;border:0}
.guide-entry.with-image{display:flex!important;align-items:center;gap:10px;text-align:left}.guide-entry.with-image>span:last-child{min-width:0;flex:1}.guide-entry-picture{width:47px;height:47px;flex:none;border:1px solid #735f4c;background:#101b20;color:#b9a284;display:grid;place-items:center;font:23px Georgia,serif;overflow:hidden}.guide-entry-picture img{width:100%;height:100%;object-fit:contain;object-position:center center;padding:3px;box-sizing:border-box}.guide-entry-picture.missing-art:after,.guide-art-feature.missing-art:before{content:'NO ART';font:9px Georgia,serif;color:#c1a491}
.guide-art-feature{min-height:115px;background:#0b181c;border:1px solid #715843;margin:10px 0 16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px}.guide-art-feature img{width:170px;max-width:100%;height:144px;object-fit:contain;border:1px solid #765b45}.guide-art-credit{flex:1;font:12px Georgia,serif;color:#baa58e}.guide-art-credit a,.guide-art-note a{color:#e2b87b;text-decoration:underline}.guide-missing-art{display:grid;place-items:center;width:150px;height:118px;border:1px dashed #675341;color:#b3a38f;font:12px Georgia,serif}
@media(max-width:1050px){.circus-stage{background-size:cover;background-position:center bottom}}
@media(max-width:680px){.circus-stage{background-size:cover;background-position:center bottom;min-height:270px}.circus-catalog-filters{gap:4px}.circus-catalog-filters input,.circus-catalog-filters select{font-size:12px}}

.circus-empty-gallery{padding:34px 17px;border:1px dashed #855f4c;color:#eac39d;grid-column:1/-1;font:14px/1.5 Georgia,serif;text-align:center}.circus-card[hidden]{display:none!important}

.circus-voice-sample{font:14px/1.5 Georgia,serif;max-width:70%;color:#e9d1be;margin:11px 0 3px;text-shadow:0 1px #000}
.circus-command-mic .circus-mic-state{font-size:10px;color:#c89c82;letter-spacing:1px}
@media(max-width:680px){.circus-voice-sample{max-width:90%;font-size:13px}}

/* Show an explicit fallback beneath externally hosted photos until verified load. */
.circus-card .circus-real-photo{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center center;padding:5px;box-sizing:border-box}

.guide-appearance-strip{display:flex;max-width:100%;overflow-x:auto;gap:8px;align-items:center;flex-basis:100%;padding:6px 0 2px}.guide-appearance-strip img{height:66px;width:66px;object-fit:contain;border:1px solid #84664c;border-radius:3px;background:#06151a}.guide-appearance-strip img:hover{border-color:#dcb47e;transform:scale(1.04)}

/* V0.6.4: image fitting with no aspect distortion and no portrait clipping. */
.circus-card .circus-portrait{overflow:hidden;box-sizing:border-box;height:clamp(120px,11vw,145px)}
.circus-project-thumb{overflow:hidden;display:flex;align-items:center;justify-content:center}
.circus-project-thumb img.circus-real-photo{height:100%;width:100%;object-fit:contain;object-position:center;padding:5px;box-sizing:border-box}
@media(min-width:1051px){.circus-stage{aspect-ratio:985 / 711;height:auto;background-size:100% 100%,cover}}
@media(max-width:1050px){.circus-stage{background-size:100% 100%,contain;background-color:#190e0e;background-position:center center,center bottom}}
@media(max-width:680px){.circus-card .circus-portrait{height:clamp(120px,34vw,160px)}}

/* V0.6.6 — actual Inventory images: exactly half of V0.6.5 dimensions.
   70% x 68% -> 35% x 34%. Uniform black backing, no ghost captions.
   This applies to REAL authenticated records and the sample preview alike. */
.circus-gallery-panel .circus-card .circus-portrait {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#000 !important;
  background-image:none !important;
  box-sizing:border-box;
}
.circus-gallery-panel .circus-card .circus-portrait::before,
.circus-gallery-panel .circus-card .circus-portrait::after {
  content:none !important;
  display:none !important;
}
.circus-gallery-panel .circus-card .circus-portrait > img.circus-real-photo {
  position:absolute !important;
  inset:auto !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:35% !important;
  height:34% !important;
  max-width:35% !important;
  max-height:34% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block;
  object-fit:contain !important;
  object-position:center !important;
  border:0;
  background:transparent;
}
.circus-gallery-panel .circus-card .circus-portrait.no-image {
  border:1px solid #574a3e;
  background:#000 !important;
  padding:0;
}

/* V0.7.4: the original Mr Wish stage art is a 985:711 composition.
 * Never stretch the illustrated image to the monitor's full-width grid.
 * Keep its native proportion, letterbox on very wide desktops. */
@media (min-width:1051px) {
 #view-inventory .circus-show { align-items:start; }
 #view-inventory .circus-stage {
   aspect-ratio:985 / 711 !important;
   width:100%;
   height:auto !important;
   min-height:0 !important;
   align-self:start !important;
   background-color:#120b0e !important;
   background-image:linear-gradient(90deg,#12060506,#0000 72%),url('./circus-stage-full.jpg') !important;
   background-size:100% 100%,contain !important;
   background-position:center,center !important;
   background-repeat:no-repeat !important;
 }
}

