/* Player-first layer only. Existing Workshop engine and its styling are untouched. */
body.unified-active{margin:0;background:#0d161a;color:#edf5f4;font:15px/1.48 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.unified-active>header,body.unified-active>main,body.unified-active>footer,body.unified-active>.bootstatus{display:none!important}
#unified-play-root{display:block;min-height:100vh}body.unified-active #unified-play-root *{box-sizing:border-box}
.u-wrap{max-width:1140px;margin:auto;min-height:100vh;display:flex;flex-direction:column;padding:0 22px}
.u-top{display:flex;align-items:center;justify-content:space-between;padding:24px 0 18px;gap:10px}.u-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#eff6f5}.u-logo strong{display:block;font-size:1.35rem;line-height:1.1;letter-spacing:-.04em}.u-logo small{display:block;color:#95aeb2;font-size:.72rem;letter-spacing:.02em;margin-top:4px}.u-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:14px;background:#bce4dc;color:#12323a;font-size:1.65rem;font-weight:900}.u-version{border:1px solid #38555b;border-radius:999px;padding:6px 10px;color:#a4bdc1;font-size:.78rem}
.u-nav{display:flex;gap:6px;border-bottom:1px solid #365057;padding-bottom:12px}.u-nav button{background:transparent;border:1px solid transparent;color:#b3c8ca;min-height:46px;padding:9px 17px;border-radius:9px;font-size:.93rem}.u-nav button.active{background:#b2dfd6;color:#12353a}.u-nav button span{font-size:.78rem;margin-left:6px;opacity:.8}.u-nav button:focus-visible,.u-creature:focus-visible,.u-role:focus-visible{outline:2px solid #ccf6e4;outline-offset:3px}
.u-main{flex:1;padding:34px 0 46px;min-width:0}.u-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.u-heading h1{font-size:clamp(1.7rem,3.5vw,2.5rem);letter-spacing:-.055em;margin:4px 0 9px}.u-heading p{font-size:1rem;max-width:570px;color:#acc2c7}.u-kicker{font-size:.68rem;font-weight:800;color:#c5b181;letter-spacing:.13em;text-transform:uppercase}.u-count{font-size:.85rem;color:#b5cdca;border:1px solid #476269;background:#1b3035;border-radius:9px;padding:9px 13px;white-space:nowrap}
.u-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.65fr);gap:19px;align-items:start}.u-roster{display:grid;gap:9px}.u-creature{width:100%;text-align:left;display:flex;align-items:center;gap:13px;padding:14px;background:#16292f;border:1px solid #2e454b;border-radius:14px;color:#e9f2f1;min-height:82px}.u-creature:hover,.u-creature.chosen{border-color:#90c8be;background:#223b3f}.u-creature.chosen{box-shadow:inset 3px 0 #a7ddd3}.u-emblem{height:45px;width:45px;display:grid;place-items:center;border-radius:14px;font-size:1.25rem;font-weight:900;color:#12252b;background:#9db7a9;flex-shrink:0}.u-fire{background:#e4a080}.u-water{background:#92c3dd}.u-wind{background:#b9e2cd}.u-earth{background:#c9d09f}.u-light{background:#efe0a2}.u-dark{background:#bda9db}.u-creature-info{min-width:0;flex:1}.u-creature-info strong{display:block;font-size:1rem;overflow-wrap:anywhere}.u-creature-info small{display:block;font-size:.77rem;line-height:1.35;color:#b4c8c8;margin-top:4px;overflow-wrap:anywhere}.u-creature-next{font-size:1.4rem;color:#a2bdbd}
.u-detail{border-radius:17px;padding:22px;background:#1a2b31;border:1px solid #365056;min-width:0}.u-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.u-detail-head>div:first-child{display:flex;gap:13px;align-items:center}.u-detail-head h2{font-size:1.55rem;letter-spacing:-.03em;margin:2px 0}.u-detail-head p{font-size:.8rem;color:#b5c6c7;margin:0}.u-pill{display:inline-block;padding:5px 9px;border:1px solid #547176;border-radius:999px;color:#cadad7;background:#2e4449;font-size:.72rem;white-space:nowrap}.u-pill.green{color:#b9e2cc;border-color:#50786b;background:#214039}.u-pill.amber{color:#f0cea1;border-color:#7c664b;background:#43372b}.u-note{margin:17px 0 12px;color:#d8c79c;background:#333229;padding:10px 12px;border-radius:8px;border-left:2px solid #b9a36e;font-size:.78rem}.u-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.u-facts>div{background:#132328;padding:13px;border:1px solid #334b52;border-radius:10px;min-width:0}.u-facts small,.u-facts span{display:block;color:#aec0c3;font-size:.73rem}.u-facts strong{font-size:.98rem;display:block;margin:4px 0;overflow-wrap:anywhere}.u-detail-actions{display:flex;gap:6px;border-bottom:1px solid #395259;margin:18px 0 18px}.u-detail-actions button{border:0;background:transparent;color:#a9c0bf;border-radius:0;padding:12px 15px;font-size:.89rem;font-weight:700}.u-detail-actions button.on{color:#dffcf1;border-bottom:3px solid #a5dfd2}.u-subhead{font-size:1.04rem;margin:0 0 6px}.u-muted{color:#b1c6ca;font-size:.87rem;line-height:1.55}.u-delta{display:flex;align-items:center;gap:14px;margin:17px 0}.u-core{background:#28434b;border:1px solid #608c8e;border-radius:13px;padding:17px 14px;min-width:134px;max-width:50%}.u-core small,.u-core span{display:block;font-size:.7rem;color:#c2d8d8}.u-core strong{display:block;overflow-wrap:anywhere;margin:5px 0}.u-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;flex:1}.u-role{min-width:0;min-height:80px;background:#22373d;border:1px solid #4c6467;border-radius:9px;color:#d8ebea;padding:8px 5px}.u-role.picked{border:2px solid #d3c391;background:#36413b}.u-role span{display:block;color:#b7cccc;font-size:.68rem}.u-role strong{display:block;font-size:.77rem;margin-top:6px;overflow-wrap:anywhere}.u-task{padding:15px;border-radius:11px;background:#14262c;border:1px solid #334d53;margin-top:13px}.u-task-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.u-task p{font-size:.85rem;color:#bbd0cf}.u-task label{display:block;color:#d2e5e5;font-size:.82rem;margin:15px 0 6px}.u-task select,.u-detail select{width:100%;background:#0f2026;color:#f3faf6;border:1px solid #608084;border-radius:10px;padding:11px;min-height:47px;font-size:.89rem}.u-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.u-buttons button,.u-buttons a,.u-primary,.u-secondary{min-height:43px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:10px 14px;border-radius:9px;font-size:.87rem;font-weight:750;border:1px solid #5b7c79;background:#21393e;color:#eaf8f2}.u-primary{background:#b7e1d8;color:#103039;border-color:#b7e1d8}.u-wide{width:100%;margin-top:14px}.u-primary:disabled,.u-buttons button:disabled{opacity:.43;cursor:not-allowed}.u-fine{font-size:.73rem;color:#a6bfc1;line-height:1.5}.u-warning{color:#f2c5a6;background:#3b2c28;padding:11px;border-radius:9px;font-size:.82rem}.u-more{border:1px solid #374e54;border-radius:11px;margin-top:17px}.u-more summary{padding:12px 14px;font-size:.85rem;font-weight:700;cursor:pointer;color:#c5dbd9}.u-more[open] dl{padding:0 14px 12px}.u-more dt,.u-record dt{color:#b2c6c9;font-size:.78rem;margin-top:11px}.u-more dd,.u-record dd{margin:3px 0 9px;font-size:.87rem;overflow-wrap:anywhere}.u-no-selection,.u-empty{padding:56px 18px;text-align:center;border:1px dashed #476068;border-radius:15px;color:#b6cdce}.u-no-selection span,.u-empty-mark{font-size:3rem;color:#8bcfc2}.u-empty{max-width:640px;margin:0 auto}.u-empty h2{color:#edf7f5;font-size:1.25rem}.u-empty p{max-width:520px;margin:10px auto 20px;line-height:1.6}.u-empty a{color:#b8e9e1}.u-empty details{text-align:left;max-width:480px;margin:10px auto}.u-empty summary{cursor:pointer;font-weight:750}.u-compat{font-size:.86rem;margin:12px 0;padding:10px;border-radius:9px;background:#20383b;color:#c7ded6}.u-egg-icon{font-size:2.5rem;color:#d9c19e;line-height:1;width:45px;text-align:center}.u-egg-head{display:flex;gap:15px;align-items:center}.u-egg-head h2{margin:4px 0}.u-egg-head p{color:#acc4c5}.u-egg-big{font-size:4rem;color:#dec9a9}.u-progress-label{display:flex;justify-content:space-between;margin-top:24px;font-size:.9rem}.u-meter{height:9px;border-radius:99px;background:#30494e;overflow:hidden;margin:9px 0 16px}.u-meter span{display:block;height:100%;border-radius:99px;background:#b8decf}.u-steps{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.u-steps span{background:#2b3d41;padding:7px 10px;border-radius:8px;font-size:.79rem;color:#d4e4e2}.u-banner{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:12px 14px;background:#1e403e;color:#d0f3e6;border:1px solid #467a71;border-radius:11px;margin-bottom:19px;font-size:.9rem}.u-banner.bad{background:#482d2d;border-color:#805351;color:#ffdfd3}.u-banner button{background:transparent;color:inherit;border:0;font-size:1.2rem;padding:0 3px;min-height:auto}.u-caution{padding:10px;margin-bottom:18px;background:#382e23;border:1px solid #665136;border-radius:10px;font-size:.8rem}.u-caution summary{cursor:pointer}.u-alert{padding:25px;border:1px solid #b48163;border-radius:12px;background:#3e3028}.u-alert a{color:#b9e5df}.u-about{max-width:720px;background:#1b2d31;padding:23px;border:1px solid #365058;border-radius:14px}.u-about h2{margin:0 0 6px}.u-about p{color:#b6cbce;margin:0 0 24px}.u-about a{color:#c4eadd}.u-footer{margin-top:auto;padding:17px 0 29px;border-top:1px solid #354d52;display:flex;justify-content:space-between;gap:15px;color:#a5bbbf;font-size:.77rem}.u-footer details{position:relative}.u-footer summary{cursor:pointer;color:#b8dad3}.u-footer details>div{display:flex;position:absolute;right:0;bottom:25px;background:#1e3137;border:1px solid #4d6d73;padding:15px;border-radius:11px;gap:12px;min-width:215px;flex-direction:column}.u-footer a{color:#c3e2dc;white-space:nowrap}.u-footer button{font:inherit;padding:7px}.u-record{display:grid;grid-template-columns:minmax(80px,30%) 1fr;gap:8px}.u-record dt,.u-record dd{margin:8px 0}
@media(max-width:760px){.u-wrap{padding:0 14px}.u-top{padding:17px 2px}.u-main{padding:24px 0 35px}.u-heading{align-items:start;margin-bottom:19px}.u-heading h1{font-size:1.75rem}.u-heading p{font-size:.91rem}.u-count{font-size:.74rem}.u-layout{grid-template-columns:1fr;gap:12px}.u-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.u-detail{padding:18px}.u-nav{position:sticky;top:0;z-index:40;background:#0d161af5}.u-nav button{flex:1;padding:10px 7px;font-size:.83rem;white-space:nowrap}.u-nav button span{margin-left:2px}.u-detail-head h2{font-size:1.35rem}.u-footer{flex-direction:column}}
@media(max-width:390px){.u-roster{grid-template-columns:1fr}.u-facts{grid-template-columns:1fr}.u-delta{flex-direction:column;align-items:stretch}.u-core{max-width:none}.u-roles{width:100%}.u-detail-head{align-items:start}.u-detail-head .u-pill{font-size:.64rem}.u-detail-actions button{padding:11px 10px}.u-header p{max-width:none}.u-version{font-size:.69rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The historic Workshop inserts standalone banners outside header/main/footer. Keep all
   legacy DOM operational for its command handlers, but never leak that chrome into play. */
body.unified-active > :not(#unified-play-root){display:none!important}