.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}}