@font-face{font-family:Brawl;src:url(/deck-assets/game.ttf)}@font-face{font-family:BrawlSecondary;src:url(/deck-assets/game_secondary.ttf)}.boa-shell{z-index:1;height:calc(100*var(--vh,1vh));color:#e8f5fa;isolation:isolate;background:linear-gradient(100deg,#06161ba8,#05131945);flex-direction:column;padding:0 26px;font-family:BrawlSecondary,Arial,sans-serif;display:flex;position:relative}.shell-backdrop{z-index:-1;pointer-events:none;background:linear-gradient(#06161b65,#06161b99);position:absolute;inset:0}.shell-header{flex-shrink:0;align-items:center;gap:28px;height:100px;display:flex}.shell-logo{align-self:stretch;align-items:center;width:130px;display:flex}.shell-logo img{object-fit:contain;filter:drop-shadow(0 5px 8px #000a);width:100%;max-height:98px}.shell-header nav{flex:1;align-items:center;gap:5px;display:flex}.shell-header nav a{color:#b8d6df;white-space:nowrap;border:1px solid #0000;border-radius:5px;padding:15px 22px;font:21px Brawl,serif;text-decoration:none;transition:color .16s,background .16s,transform .16s;position:relative}.shell-header nav a span{color:#688b94;margin-right:10px;font:9px Arial;display:inline-block}.shell-header nav a:hover,.shell-header nav a[aria-current]{color:#ffe9a4;background:linear-gradient(#325361d9,#122932ec);border-color:#a6a05e80;box-shadow:inset 0 1px #e9d99250,0 4px #041219,0 6px 16px #0005}.shell-header nav a[aria-current] span{color:#ffd469;text-shadow:0 0 12px #ffbd33}.shell-close{color:#c0d6dc;background:#102630bc;border:1px solid #7895a24a;border-radius:4px;padding:4px 15px;font-size:32px;text-decoration:none}.shell-window{overscroll-behavior:contain;scrollbar-color:#608897 #102630;scrollbar-width:thin;background:linear-gradient(135deg,#183a44ed,#081b25f2);border:1px solid #86b2ba6b;border-top:2px solid #d7bd70;border-radius:9px;flex:1;min-height:0;animation:.22s ease-out shell-arrive;overflow:auto;box-shadow:inset 0 1px #ffedb63a,0 12px 50px #0008,0 0 0 4px #04141e80}.shell-footer{letter-spacing:2px;color:#95bbc6;justify-content:space-between;align-items:center;gap:20px;min-height:60px;font:10px Arial;display:flex}.shell-footer b{color:#e1be72;padding:0 10px}.boa-preparation{text-align:left;cursor:pointer;color:#d1e6ec;letter-spacing:0;background:#071b25db;border:1px solid #759aab4d;border-radius:5px;align-items:center;gap:12px;min-width:270px;padding:8px 12px;font:12px Arial;display:flex;box-shadow:inset 0 1px #91dfff13}.boa-preparation strong{font-weight:600;display:block}.boa-preparation small{color:#8fb2be;margin-top:3px;font-size:10px;display:block}.prep-gem{color:#ffd271;text-shadow:0 0 10px #f6b72c70}.is-ready .prep-gem{color:#7ee3c5;text-shadow:0 0 10px #5fdbb2}.prep-stages{gap:3px;margin-left:auto;display:flex}.prep-stages i{background:#31505e;border-radius:2px;width:4px;height:17px}.prep-stages i[data-state=ready]{background:#75d7b9}.prep-stages i[data-state=loading]{background:#ecc777;animation:1.4s ease-in-out infinite prep-glow}.prep-stages i[data-state=error]{background:#ed947f}.shell-kicker{color:#f5ce79;letter-spacing:2px;font-size:11px}.boa-shell .deck-screen,.boa-shell .atelier,.boa-shell .brawl-lobby,.boa-shell .brawl-settings{height:auto;min-height:100%;padding-top:0;background:0 0!important}.boa-shell .deck-nav,.boa-shell .lobby-nav,.boa-shell .settings-nav,.boa-shell .deck-measure{display:none}.boa-shell .deck-workspace{gap:24px;padding:22px}.boa-shell .collection-panel,.boa-shell .deck-panel{background:#0b24308c;border:1px solid #8eafbb3c;border-radius:7px;box-shadow:inset 0 1px #c9eafa12}.boa-shell h1,.boa-shell h2,.boa-shell h3{color:#f2db9e;font-family:Brawl,serif}.boa-shell .deck-screen .collection-scroll{max-height:calc(calc(100*var(--vh,1vh)) - 395px)}.boa-shell .atelier{grid-template-rows:58px 1fr}.boa-shell .shop-nav{background:#0b23309c;justify-content:flex-end;height:58px}.boa-shell .shop-nav .shop-brand,.boa-shell .shop-nav nav{display:none}.boa-shell .unit-library{height:calc(calc(100*var(--vh,1vh)) - 226px);background:#081d2666;padding:20px 14px}.boa-shell .shop-main{padding:20px 24px}.boa-shell .model-stage{background:radial-gradient(at bottom,#2b6270,#0b2028);border-color:#73b0c96b;box-shadow:0 10px 30px #0007,inset 0 1px #fff2}.boa-shell .model-stage iframe{height:clamp(360px,calc(calc(100*var(--vh,1vh)) - 375px),680px)}.boa-shell .studio-heading{margin-bottom:18px}.boa-shell .studio-heading h2{font-size:32px}.boa-shell .style-gallery button[aria-pressed=true]{border-color:#f6cf7a;box-shadow:0 0 14px #efc46125,inset 0 0 0 1px #efd09a66}.boa-shell .settings-content{max-width:1100px;margin:auto;padding:26px}.boa-shell .settings-hero{min-height:0;margin:0 0 20px;padding:0;display:block}.boa-shell .settings-hero h1{margin:0;font-size:36px}.boa-shell .settings-hero .settings-eyebrow{margin:0 0 8px}.boa-shell .settings-hero .settings-intro{margin:8px 0;font-size:14px}.boa-shell .settings-art,.boa-shell .settings-badge,.boa-shell .settings-footnote{display:none}.boa-shell .my-matches{max-width:1200px;margin:auto;padding:28px}.boa-shell .my-matches h1{font-size:38px}.boa-shell .match-card{background:linear-gradient(110deg,#204350b3,#0a202ed9);border:1px solid #729daf51;border-left:3px solid #d9b967;border-radius:6px;box-shadow:0 5px 16px #0004}.boa-shell .match-outcome{color:#f5d47e;text-shadow:0 2px #000}.boa-shell button:focus-visible,.boa-shell a:focus-visible,.boa-preparation:focus-visible{outline-offset:3px;outline:2px solid #90eaff}.boa-shell .boa-ui-button,.boa-shell .shop-primary{color:#ffe2a3;background:linear-gradient(#36525d,#132c39);border:1px solid #d3b470;transition:filter .15s,transform .15s;box-shadow:inset 0 1px #ffe6ad50,0 3px #05131c}.boa-shell .boa-ui-button:hover:not(:disabled),.boa-shell .shop-primary:hover:not(:disabled){filter:brightness(1.25);transform:translateY(-1px)}.boa-shell .boa-ui-button:active:not(:disabled),.boa-shell .shop-primary:active:not(:disabled){transform:translateY(2px)}@keyframes shell-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes prep-glow{50%{opacity:.4}}@media (max-width:1050px){.boa-shell{padding:0 12px}.shell-header{gap:12px;height:86px}.shell-logo{width:95px}.shell-header nav a{padding:12px;font-size:17px}.shell-header nav a span{display:none}.boa-shell .studio-grid{grid-template-columns:minmax(0,1fr) 280px}.boa-shell .atelier{grid-template-columns:180px minmax(0,1fr)}}@media (max-width:700px){.boa-shell{padding:0 7px}.shell-header{flex-wrap:wrap;gap:0;height:105px;padding-top:48px;position:relative}.shell-logo{width:68px;height:51px;position:absolute;top:0;left:8px}.shell-close{padding:0 10px;font-size:24px;position:absolute;top:5px;right:6px}.shell-header nav{gap:3px;padding:0 3px 7px;overflow-x:auto}.shell-header nav a{flex-shrink:0;padding:10px 11px;font-size:15px}.shell-footer{justify-content:center;min-height:57px}.shell-footer>span{display:none}.boa-preparation{width:100%;min-width:0}.boa-shell .deck-workspace{gap:12px;padding:10px}.boa-shell .deck-screen .collection-scroll{max-height:350px}.boa-shell .atelier{display:block}.boa-shell .unit-library{height:auto;padding:12px;position:relative}.boa-shell .unit-list{max-height:160px}.boa-shell .shop-main{padding:14px}.boa-shell .studio-grid{grid-template-columns:1fr}.boa-shell .model-stage{position:relative;top:0}.boa-shell .model-stage iframe{height:340px}.boa-shell .settings-content,.boa-shell .my-matches{padding:18px 12px}.boa-shell .matches-heading{flex-wrap:wrap;gap:12px}}@media (prefers-reduced-motion:reduce){.shell-window,.prep-stages i[data-state=loading]{animation:none}.boa-shell *{transition:none!important}}.transfer-readout{color:#c7e0e8;letter-spacing:0;padding:14px 2px;font:12px Arial}.transfer-readout>div{justify-content:space-between;gap:12px;display:flex}.transfer-readout strong{color:#f5d482}.transfer-readout progress{accent-color:#71d9d6;width:100%;height:7px;margin:12px 0;display:block}.transfer-readout p{color:#a7cad8;margin:6px 0;font-size:11px}.transfer-readout small{color:#83a8b7;max-width:430px;font-size:10px;line-height:1.5;display:block}
