.agency-scene{position:fixed;inset:0 0 auto;height:calc(var(--app-height,100svh) - var(--console-height));overflow:hidden;isolation:isolate;background:#17303a;color:#fff0c4;font-family:system-ui}.agency-scene[hidden],.agency-scene [hidden]{display:none!important}.agency-viewport{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x}.agency-stage{height:100%;background:url('./agency-room-v1.png') center/cover no-repeat}.agency-heading{position:absolute;top:8px;left:10px;right:58px;display:flex;gap:15px;align-items:center;pointer-events:none}.agency-heading button{pointer-events:auto;padding:6px 11px;min-height:34px;border:2px solid #cba463;border-bottom:4px solid #643c24;border-radius:6px;background:linear-gradient(#b3462d,#70241c);color:#ffe5ad;font-size:10px;font-weight:800}.agency-heading strong{padding:6px 16px;border:2px solid #c8a466;border-radius:6px;background:linear-gradient(#29485b,#0b2131);color:#ffe5aa;box-shadow:0 3px 7px #0008;font-size:clamp(11px,1.4vw,17px)}
.agency-dossiers{position:absolute;left:37%;right:22%;bottom:11%;display:flex;justify-content:center;align-items:flex-end;gap:12px;pointer-events:none}.agency-dossier,.agency-drag-ghost{position:relative;display:block;width:min(48%,215px);min-width:0;padding:0;border:0;background:none;box-shadow:none;color:#2b2c28;font-family:system-ui;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.agency-dossier{pointer-events:auto;cursor:grab;transition:filter .15s}.agency-dossier:active{transform:none}.agency-dossier svg,.agency-drag-ghost svg{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 4px #30190877)}.agency-dossier>span,.agency-drag-ghost>span{position:absolute;left:17%;right:15%;top:51%;font-size:clamp(10px,1.2vw,17px);font-weight:900;text-align:center;transform:rotate(-6deg);line-height:1.15}.agency-dossier>small,.agency-drag-ghost>small{position:absolute;left:18%;right:13%;top:71%;font-size:clamp(8px,.9vw,11px);font-weight:700;text-align:center;transform:rotate(-6deg)}.agency-dossier:hover,.agency-dossier:focus-visible{filter:drop-shadow(0 0 5px #ffe095)}.agency-dossier.dragging{opacity:.3}
.agency-wallet{position:absolute;right:2%;bottom:6%;width:clamp(130px,18%,240px);height:40%;padding:0;border:0;background:none;box-shadow:none;cursor:pointer;filter:drop-shadow(0 5px 5px #26170799)}.agency-wallet img{height:100%;width:100%;object-fit:contain;pointer-events:none}.agency-wallet>span{position:absolute;left:12%;right:12%;bottom:15%;padding:4px 6px;border:1px solid #d2ad64;border-radius:4px;background:#082e25ed;color:#ffe8b0;font-size:clamp(9px,1vw,13px);font-weight:850}.agency-wallet.wallet-ready{filter:drop-shadow(0 0 12px #f5d476);transform:scale(1.04)}.agency-wallet:active{transform:none}
.agency-info{position:absolute;left:12px;top:56px;width:min(370px,40%);max-height:calc(100% - 84px);box-sizing:border-box;overflow-y:auto;padding:12px;border:4px solid #b99054;border-radius:10px;background:linear-gradient(115deg,#f5e6c0,#d4bd88);box-shadow:0 6px 15px #0008,inset 0 0 0 1px #fff0bf;color:#302d24;z-index:8}.agency-info h2{margin:0 30px 6px 0;font-size:18px;color:#743021}.agency-info p{margin:6px 0;font-size:12px;line-height:1.4}.agency-info-close{position:absolute;top:6px;right:6px;width:26px;min-height:26px;padding:0;background:linear-gradient(#a14c32,#68271e);border:1px solid #d4af69;border-radius:4px;color:#ffe8b0;font-size:21px;line-height:1}.ad-terms{margin:8px 0;padding:5px 8px;border:1px solid #bea267;border-radius:5px;background:#fff6df88}.ad-terms>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:12px}.ad-terms dd{margin:0;font-weight:900;text-align:right}.ad-terms .ad-penalty dd{color:#9d2e23}.ad-requirement{padding:5px 8px;border-radius:4px;background:#183746;color:#ffe9b5;font-weight:850}.ad-genres{font-weight:750}.ad-progress{padding:7px;border:1px solid #b69c62;border-radius:4px;background:#f8edcc}.ad-progress.fulfilled{background:#d3e0b6;color:#29472e}.ad-progress.failed{background:#efc4ac;color:#84291e}.agency-info .agency-deadline-note{font-size:10px;color:#655943}.agency-info [data-agency-sign]{width:100%;min-height:35px;border:2px solid #bd9c5b;border-bottom:4px solid #4c3922;border-radius:5px;background:linear-gradient(#476e54,#193e2c);color:#fff0be;font-size:12px;font-weight:850}.agency-owned{display:flex;justify-content:space-between;gap:8px;width:100%;padding:9px;margin:5px 0;border:1px solid #a78b52;border-radius:5px;background:#f9edcf;color:#2e342c;font-size:12px;text-align:left}.agency-owned span{font-size:10px;white-space:nowrap}.agency-status{position:absolute;bottom:3px;left:10px;right:10px;margin:0;padding:3px 8px;border:1px solid #ab8b52;border-radius:4px;background:#0c2434dc;color:#ffe4ab;font-size:clamp(8px,.85vw,12px);text-align:center;pointer-events:none}.agency-drag-ghost{position:fixed;z-index:180;width:180px;pointer-events:none;transform:translate(-50%,-65%)}
@media(max-width:600px){.agency-heading{left:7px;gap:6px;right:45px}.agency-heading strong{font-size:10px;padding:6px}.agency-heading button{font-size:8px;padding:4px 6px;min-height:30px}.agency-dossiers{left:4%;right:4%;bottom:25%;gap:8px}.agency-dossier{width:48%;max-width:175px}.agency-dossier>span{font-size:13px}.agency-dossier>small{font-size:9px}.agency-wallet{right:4%;bottom:6%;width:150px;height:23%}.agency-info{top:50px;left:8px;width:calc(100% - 16px);max-height:calc(100% - 290px);padding:10px}.agency-info p{font-size:12px}.agency-info h2{font-size:17px}.agency-status{font-size:9px;line-height:1.3}.agency-drag-ghost{width:150px}.ad-terms>div{font-size:12px}}
@media(max-height:500px) and (min-width:601px){.agency-info{top:45px;max-height:calc(100% - 65px);padding:8px}.agency-info h2{font-size:14px}.agency-info p,.ad-terms>div{font-size:10px}.ad-terms{margin:5px 0}.ad-terms>div{padding:2px 0}.agency-dossier{max-width:170px}.agency-heading strong{font-size:12px}}
body:has(#agency:not([hidden])) .masthead{display:none}body:has(#agency:not([hidden])){overflow:hidden}
.planner-details h2{margin:0 0 4px;font-size:12px}.planner-details .ad-terms{padding:3px 5px;margin:5px 0}.planner-details .ad-terms>div{font-size:10px;gap:6px;padding:2px 0}.planner-details .ad-progress,.planner-details .ad-requirement{font-size:10px;padding:5px}.ad-missing-genre{padding:6px;border-left:3px solid #a5482b;background:#f4d7a7;color:#6b3523}
.agency-dossiers{left:3%;right:23%;bottom:7%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 7px;max-height:50%;overflow:auto;pointer-events:auto;align-items:end;overscroll-behavior:contain}
.agency-dossiers .agency-dossier{width:100%;max-width:175px;justify-self:center}
.agency-dossiers .agency-dossier>span{font-size:clamp(8px,1vw,14px)}
.agency-dossiers .agency-dossier>small{font-size:clamp(7px,.7vw,10px)}
@media(max-width:600px){.agency-dossiers{left:3%;right:3%;bottom:25%;max-height:38%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding-right:5px;scrollbar-width:thin;background:#172b3180;border:1px solid #bd9558;border-radius:7px}.agency-dossiers .agency-dossier{max-width:150px}.agency-dossiers .agency-dossier>span{font-size:11px}.agency-info{max-height:calc(100% - 360px)}}
@media(min-width:601px){.agency-dossiers{height:50%;grid-template-rows:repeat(2,minmax(0,1fr))}.agency-dossiers .agency-dossier{height:100%;width:auto;aspect-ratio:210/150;max-width:100%}.agency-dossiers .agency-dossier svg{height:100%}.agency-dossiers .agency-dossier>span{font-size:clamp(8px,.8vw,12px)}.agency-dossiers .agency-dossier>small{font-size:clamp(6px,.65vw,10px)}}
@media(min-width:601px){.agency-dossiers{height:auto;max-height:none;grid-template-rows:auto auto;bottom:11%;gap:0 6px}.agency-dossiers .agency-dossier{width:min(100%,clamp(65px,calc((var(--app-height,100svh) - var(--console-height)) * .18),160px));height:auto;aspect-ratio:auto}.agency-dossiers .agency-dossier svg{height:auto}}
/* Approved full-width offers concept, no signed-contract portfolio. */
#agency{background:#1c3340 url('./agency-room-pixel.png') center/cover no-repeat;container-type:size;color:#fff1cf;font-weight:750;text-shadow:1px 2px #071823}#agency .library-heading{top:1.5%;left:.8%;right:5%;height:11%}#agency .library-heading strong{font-size:clamp(13px,1.95cqw,32px)}#agency .library-heading [data-agency-exit]{padding:0;width:11cqh;height:11cqh;min-width:44px;min-height:32px;order:1;display:flex;align-items:center;justify-content:center}#agency [data-agency-exit] svg{display:block;flex:none;width:70%;height:70%}
#agency .ad-market{left:.6%;right:.6%;width:auto;top:37%;bottom:2%;padding:4cqh 1cqw 1cqh;height:auto;overflow:visible}#agency .ad-market>h2{position:absolute;top:-5cqh;left:.8cqw;padding:1.2cqh 1.5cqw;border:3px solid #ffcd3d;border-radius:12px;background:linear-gradient(#0b4254,#002739);font:850 clamp(13px,2cqw,32px)/1 system-ui;box-shadow:inset 0 0 0 1px #fff1a3,2px 3px #27140c;white-space:nowrap}#agency .ad-market>h2:before{content:'◀';display:inline-block;color:#ffd247;margin-right:1cqw;font-size:2.3cqw}#agency .ad-market-content{display:grid;grid-template-columns:12% minmax(0,1fr);gap:1.2cqw;height:calc(100% - 6cqh);min-height:0}#agency .ad-filters{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:1.4cqh;min-height:0;padding:2px}#agency .ad-filters button{display:grid;grid-template-columns:1.5cqw minmax(0,1fr) auto;gap:.4cqw;align-items:center;min-width:0;min-height:0;padding:.4cqh .5cqw;border:1px solid #b0ced1;border-radius:7px;background:linear-gradient(#0b4254,#002b3e);color:#fff3d7;font:750 clamp(10px,1.15cqw,18px)/1.05 system-ui;text-align:left;box-shadow:inset 0 0 0 1px #366e7d}#agency .ad-filters button>span:first-child{font-size:1.5cqw;text-align:center;color:#ffe998}#agency .ad-filters button.selected{background:linear-gradient(#ffef8b,#f5bd2c);color:#162935;text-shadow:none;border:2px solid #fff4a7}#agency .ad-filters button.selected>span:first-child{color:#173242}
#agency .ad-offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1cqw;min-height:0;padding:3px;overflow:auto}#agency .ad-offer-card{display:flex;flex-direction:column;min-width:0;min-height:0;padding:3px;border:3px solid #ffd34b;border-radius:12px;background:linear-gradient(#0a4255,#002033);box-shadow:inset 0 0 0 1px #fff0a1,0 0 0 2px #8e4a10,2px 3px #0009;color:#fff0cd;font-family:system-ui;cursor:pointer;touch-action:manipulation}#agency .ad-offer-card.selected{box-shadow:0 0 0 2px #fff4ad,0 0 10px 3px #ffcc35}#agency .ad-offer-art{display:block;background:url('./agency-offers-pixel.png') 0 0/500% 200% no-repeat;image-rendering:pixelated;flex:1;min-height:0;width:100%;border-radius:7px}#agency .ad-offer-card strong{font-size:clamp(11px,1.55cqw,26px);line-height:1.05;text-align:center;padding:.8cqh .3cqw 0;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#agency .ad-offer-card small{font-size:clamp(10px,1.25cqw,21px);line-height:1.1;text-align:center;padding:.8cqh .2cqw;white-space:nowrap}#agency .ad-pagination{height:6cqh;display:flex;align-items:center;justify-content:center;gap:4cqw;font-size:clamp(12px,1.8cqw,29px)}#agency .ad-pagination button{min-height:0;padding:0 1cqw;border:2px solid #f7d151;border-radius:7px;background:#063147;color:#ffe280;font-size:clamp(12px,1.7cqw,28px);line-height:1.2}#agency .ad-market-empty{grid-column:1/-1;align-self:center;text-align:center;font-size:clamp(12px,1.5cqw,24px)}
#agency .library-modal-layer{padding-bottom:10cqh;background:#0003;align-items:flex-end}#agency .ad-offer-dialog{width:34%;margin-left:16%;padding:1.5cqh 1cqw 1.5cqh;border:5px solid #ffd13e;border-radius:16px;max-height:92%;overflow:visible}#agency .ad-offer-dialog>h2{font-size:clamp(15px,2.3cqw,37px);padding:0 2cqw 1.3cqh;text-align:center;margin:0 0 1.5cqh;border-bottom:2px solid #e5bb35;white-space:normal}#agency .ad-offer-close{position:absolute;right:.7cqw;top:1cqh;min-height:0;padding:0;width:2.5cqw;height:5cqh;background:#684013;border:2px solid #f6d14d;border-radius:6px;color:#fff2b3;font-size:clamp(16px,2.3cqw,36px);line-height:1}#agency .ad-offer-body{display:grid;grid-template-columns:34% minmax(0,1fr);gap:1cqw;max-height:47cqh;overflow:auto}#agency .ad-offer-cover{display:flex;min-height:26cqh;border:3px solid #ffd34f;border-radius:10px;overflow:hidden}#agency .ad-offer-terms{display:flex;flex-direction:column;gap:.7cqh;min-width:0}#agency .ad-offer-terms dl{display:flex;flex-direction:column;gap:.7cqh;margin:0}#agency .ad-offer-terms dl>div,#agency .ad-offer-terms>p{display:flex;justify-content:space-between;align-items:center;gap:.4cqw;padding:1cqh .5cqw;border:1px solid #6a9aaa;border-radius:6px;background:#052c3e;min-width:0;font-size:clamp(10px,1.02cqw,17px);line-height:1.12;margin:0}#agency .ad-offer-terms dd{margin:0;font-weight:850;text-align:right}#agency .library-modal-actions{margin-top:2cqh;grid-template-columns:1.5fr 1fr}#agency .library-modal-actions button{font-size:clamp(12px,1.75cqw,28px);min-height:9cqh}#agency .ad-offer-note{margin:1cqh 0 0;font-size:clamp(10px,1cqw,16px);line-height:1.2;color:#ffe2a5}#agency .ad-offer-note:empty{display:none}
@media(max-height:450px){#agency .ad-market{padding-top:3cqh}#agency .ad-filters{gap:1.2cqh}#agency .ad-filters button{font-size:1.1cqw}#agency .ad-offer-card{border-width:2px;border-radius:7px}#agency .ad-offer-card strong{font-size:1.4cqw;padding-top:1cqh}#agency .ad-offer-card small{font-size:1.1cqw;padding:.6cqh 0}#agency .ad-offer-dialog{width:43%;padding:1.5cqh 1cqw;border-width:3px}#agency .ad-offer-dialog>h2{font-size:1.85cqw}#agency .ad-offer-terms dl>div,#agency .ad-offer-terms>p{font-size:1.1cqw;padding:1cqh .5cqw}#agency .ad-offer-close{width:3cqw;height:7cqh}#agency .library-modal-actions button{font-size:1.5cqw}#agency .ad-offer-body{max-height:45cqh}#agency .ad-offer-cover{min-height:28cqh}}
@media(max-height:450px){#agency .ad-market{padding-top:7cqh}#agency .ad-market>h2{font-size:1.7cqw;padding:.7cqh 1.2cqw;border-width:2px;top:-4.5cqh}#agency .ad-filters{grid-template-rows:1fr 1.3fr 1fr 1fr 1fr;gap:1cqh}#agency .ad-filters button{font-size:1.05cqw;padding:.2cqh .4cqw}}
#agency .library-modal-actions [data-agency-close]{background:linear-gradient(#4c647c,#20394d)}
#agency{background-position:center top}