body.online{margin:0;min-height:100dvh;color:#e9e4d4;background:linear-gradient(#07131de8,#081722b8),url('chamber-background.webp') center/cover fixed no-repeat;font-family:Heebo,Arial,sans-serif;overflow-x:hidden}body.online *{box-sizing:border-box}body.online button,body.online input,body.online select{font:inherit}body.online a{color:#bcddd6}body.online button{cursor:pointer}body.online button:disabled{cursor:default;opacity:.55}body.online :focus-visible{outline:3px solid #f0c872;outline-offset:4px}body.online input,body.online select{width:100%;background:#101f2a;border:1px solid #617373;border-radius:7px;color:#f5eedb;padding:10px 12px;margin:6px 0 14px;min-height:44px}body.online label{display:block;font-size:14px}body.online button:not(.play-card){border:1px solid #647c7c55;background:#18313bb8;color:#d8e5df;border-radius:6px;padding:8px 13px;min-height:36px}body.online button.primary{background:#e9bb70;color:#182b32;border:1px solid #f1d193;box-shadow:0 3px #886333;padding:12px 20px;font-weight:700}body.online button.ghost{background:transparent;color:#b7ccc9;border-color:#829c9433}body.online h1,body.online h2,body.online h3{color:#f1e8cf;margin:0 0 12px}body.online h2{font-size:22px}body.online p{line-height:1.65}body.online .muted{color:#aebdbf;font-size:13px}body.online .wide{width:100%}body.online .online-nav{display:flex;align-items:center;gap:16px;padding:12px 4%;background:#07141cd9;border-bottom:1px solid #83908b33;min-height:66px}.online-brand{font-size:38px;font-weight:900;color:#e8c888!important;text-decoration:none;line-height:1}.beta-label{font-size:12px;color:#c4b998}.online-nav nav{margin-inline-start:auto;display:flex;align-items:center;gap:12px}.online-nav nav a{font-size:13px}.online-nav #connection{font-size:12px;color:#81c5b3}.online-nav #connection:before{content:'●';margin-inline-end:6px}.online-nav #connection.offline{color:#ecb97e}#online-app{width:min(1280px,94%);margin:0 auto 40px}#notice{position:sticky;top:0;z-index:40;margin:0;padding:10px 5%;background:#4c2c23;color:#fff0df;border-bottom:1px solid #a57e53;font-size:14px}#notice.success{background:#174238}.lobby-intro{padding:42px 2px 28px}.lobby-intro h1{font-size:clamp(28px,4vw,47px);margin:9px 0}.lobby-intro p{color:#b6cacb}.eyebrow{color:#c6aa76;letter-spacing:.06em;font-size:12px}.lobby-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-bottom:22px}.online-panel{padding:26px;background:#10232de8;border:1px solid #8996853d;border-radius:12px;box-shadow:0 14px 35px #0002}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.section-heading h2{margin:0}.deck-summary{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:start}.leader-preview>.play-card{height:auto;width:100%;min-height:0}.button-row{display:flex;gap:8px;flex-wrap:wrap}.divider{display:flex;align-items:center;gap:12px;text-align:center;margin:23px 0;color:#a9bbbb;font-size:12px}.divider:before,.divider:after{content:'';flex:1;height:1px;background:#93a39933}.online-panel details{margin-top:18px}.online-panel summary{cursor:pointer;font-size:13px;color:#bac9c7;padding:9px 0}.mini-roster{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.mini-roster button{font-size:12px!important}.history-list{display:grid;gap:8px}.history-list button{display:flex;justify-content:space-between;text-align:right;gap:10px}.history-list span{font-size:12px;color:#b4c2c4}.saved-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.waiting-room{width:min(620px,100%);margin:60px auto;text-align:center}.waiting-room h1{margin-top:10px}.waiting-room input{text-align:center}#invite-code{font-size:27px;font-weight:700;letter-spacing:.14em}.online-match{padding-top:10px}.match-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b7c7c9;margin-bottom:10px}.online-scores{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:28px;width:min(960px,100%);margin:auto}.online-score{--owner:#79d2c0}.online-score.enemy{--owner:#bd9cef}.score-title{display:flex;align-items:center;gap:12px}.score-title>div:nth-child(2){flex:1}.score-title span{font-size:13px;color:#c4d3d3}.score-title strong{display:block;font-size:35px;line-height:1.1;color:var(--owner)}.score-title small{font-size:12px;color:#899ea4}.score-portrait{height:53px;width:53px;border-radius:50%;border:2px solid var(--owner);overflow:hidden;background:#1c3440;flex-shrink:0}.score-portrait .portrait{height:100%;width:100%;border-radius:50%}.online-score>small{font-size:11px;color:#aec0c1}.online-score>button{padding:3px 8px!important;font-size:11px!important;min-height:26px!important;margin:4px 0}.mandate-dots{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0;max-width:370px}.mandate-dots i{border:1px solid #73908a55;border-radius:50%;width:7px;height:7px;transition:background .6s,box-shadow .6s}.mandate-dots i.filled{background:var(--owner);border-color:var(--owner);box-shadow:0 0 5px #b0dbc333}.public-token{font-size:11px;min-height:17px;color:#c9d8b6}.round-clock{display:flex;align-items:center;flex-direction:column;justify-content:center}.round-clock b{font-size:34px;color:#e9c47f;font-variant-numeric:tabular-nums}.round-clock b.urgent{color:#fca38c}.round-clock small{font-size:11px;color:#a9b9bc}.online-arena{display:grid;grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);align-items:center;gap:25px;max-width:840px;margin:18px auto 5px;min-height:260px}.online-battle-side{position:relative;display:flex;flex-direction:column;align-items:center;--owner:#79d2c0}.online-battle-side.enemy{--owner:#bd9cef}.online-battle-side>.card-back,.online-battle-side>.online-card-unit{width:clamp(130px,17vw,195px);height:auto;aspect-ratio:459/673}.online-card-unit{position:relative;flex-shrink:0;width:150px;aspect-ratio:459/673}.online-card-unit .play-card{height:100%;width:100%;min-width:0;min-height:0;transform:none;margin:0}.online-card-unit .online-inspect{position:absolute;bottom:1px;left:2px;z-index:4;padding:0 3px!important;min-height:23px!important;background:#faf0daaa!important;border:0!important;color:#36565e!important}.battle-center{text-align:center;color:#beccca}.battle-center>strong{display:block;color:#e6c17a;font-size:46px;line-height:1.1}.battle-center>span{font-size:12px}.battle-center>p{font-size:12px;margin:8px 0}.award{font-size:17px;color:#edcd8b;margin-top:15px}.online-strength{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:54px;color:var(--owner)}.online-strength>b{font-size:27px}.online-strength small{font-size:11px}.online-strength-dots{display:flex;flex-wrap:wrap;gap:4px;max-width:100px;justify-content:center}.online-strength-dots i{height:7px;width:7px;border:1px solid var(--owner);border-radius:50%;background:var(--owner)}.tucked-support{position:absolute!important;top:40%;right:75%;width:145px;z-index:4;display:flex;gap:6px;text-align:right;padding:7px!important;background:#17382fee!important;border-color:#c4b877!important;font-size:11px!important;box-shadow:0 5px 20px #0009}.tucked-support .portrait{height:43px;width:35px;flex-shrink:0}.tucked-support small{display:block;font-size:10px;color:#adccc4}.online-turn{display:flex;justify-content:center;align-items:center;gap:28px;text-align:right;border-bottom:1px solid #899b8c33;padding:8px 5px 15px;min-height:85px}.online-turn h2{font-size:20px;margin:0}.online-turn p{font-size:12px;margin:4px 0;color:#b8cbca}.online-turn>button{min-width:165px}.online-turn .timeout-warning{color:#f0b276}.online-hand-section>h3{text-align:center;font-size:14px;margin:12px 0 4px}.online-hand-section>h3 small{font-size:11px;font-weight:400;color:#a8bbbb;margin-right:9px}.online-hand{display:flex;justify-content:center;gap:16px;overflow-x:auto;padding:10px 10px 18px;max-width:100%;align-items:flex-start}.online-hand .online-card-unit{width:clamp(105px,14vw,162px);transition:transform .15s}.online-hand .online-card-unit:has(.play-card:hover:not(:disabled)){transform:translateY(-5px)}.online-hand .play-card.selected{outline:2px solid #f0d38c;outline-offset:3px}.online-hand .support-option{outline:1px dashed #95c4a2;outline-offset:3px}.end-panel{text-align:center;margin:25px auto;max-width:700px}.reveal-enter .online-arena .online-card-unit{animation:online-reveal .7s ease-out}.reveal-enter .mandate-dots i.filled{animation:online-mandate 1.5s ease-out}@keyframes online-reveal{from{transform:rotateY(100deg);opacity:.2}to{transform:rotateY(0);opacity:1}}@keyframes online-mandate{from{box-shadow:0 0 8px var(--owner);transform:scale(1.4)}to{box-shadow:0 0 0 transparent;transform:scale(1)}}#online-dialog{width:min(960px,94vw);max-height:90dvh;overflow:auto;background:#112630;color:#e1e6d7;border:1px solid #819482;border-radius:12px;padding:28px;box-shadow:0 20px 90px #0009}#online-dialog::backdrop{background:#010d16cf;backdrop-filter:blur(4px)}#online-dialog .dialog-close{position:sticky;top:0;float:left;z-index:8;padding:3px 9px;background:#18323d}#dialog-body{clear:both;padding-top:10px}#dialog-body>p{max-width:700px}#dialog-body li{line-height:1.8;margin:8px 0}#dialog-body #email-form,#dialog-body #verify-form{max-width:420px}#auth-error{color:#f8bca7}.editor-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.editor-cards section>label{display:flex;gap:7px;align-items:center;padding:7px 2px;border-bottom:1px solid #80958e33;font-size:12px}.editor-cards input{width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;accent-color:#bcd8b8;flex-shrink:0}.editor-cards .portrait{height:36px;width:30px;flex-shrink:0}.editor-cards span{flex:1}.editor-cards small{display:block;font-size:10px;color:#9cb7bb}.result-breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.result-breakdowns p{display:flex;justify-content:space-between}.result-breakdowns section{padding:15px;border:1px solid #a2ad8933;border-radius:8px}#online-dialog .inspect-layout .play-card{max-width:220px;height:auto}
@media(max-width:760px){body.online .online-nav{padding:10px 3%;gap:9px;flex-wrap:wrap}.online-nav .beta-label{display:none}.online-nav nav{gap:7px}.online-nav nav button{font-size:12px!important;padding:5px 8px!important}.online-nav nav a{font-size:11px}.lobby-intro{padding-top:27px}.lobby-grid{grid-template-columns:1fr}.online-panel{padding:20px}.online-scores{gap:12px;grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr)}.score-title{gap:7px}.score-title span{font-size:11px}.score-portrait{height:40px;width:40px}.score-title strong{font-size:28px}.mandate-dots{gap:3px}.mandate-dots i{height:5px;width:5px}.online-score>small{font-size:10px}.round-clock b{font-size:28px}.online-arena{grid-template-columns:minmax(0,1fr) 75px minmax(0,1fr);gap:8px;margin:12px 0;min-height:210px}.online-battle-side>.card-back,.online-battle-side>.online-card-unit{width:min(100%,153px)}.battle-center>strong{font-size:33px}.battle-center p{font-size:10px}.battle-center button{padding:4px!important;font-size:10px!important}.award{font-size:13px}.online-turn{gap:12px}.online-turn>div{flex:1}.online-turn h2{font-size:16px}.online-turn p{font-size:11px}.online-turn>button{min-width:110px;padding:10px!important;font-size:13px!important}.online-hand{gap:9px;justify-content:safe center;padding:8px 5px 16px}.online-hand .online-card-unit{width:clamp(96px,22vw,140px)}.tucked-support{right:26%;top:65%;width:130px;font-size:10px!important}.editor-cards{grid-template-columns:1fr}.editor-cards section>label{font-size:14px}.editor-cards small{font-size:12px}.history-list button{flex-wrap:wrap}.online-strength{min-height:47px}.online-strength>b{font-size:23px}#online-dialog{padding:18px}.result-breakdowns{gap:10px}.result-breakdowns section{padding:10px}.result-breakdowns h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){body.online *,body.online *:before,body.online *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.google-signin{max-width:420px;margin:20px 0 8px}.google-signin>button{width:100%;background:#f4f1e8!important;color:#24343b!important;font-weight:700;min-height:46px!important}.google-signin>button:disabled{background:#263a43!important;color:#a6b8b8!important;opacity:1!important}.google-signin>small{display:block;margin-top:8px;color:#b9c9c7;font-size:12px}#dialog-body>.divider{max-width:420px}