:root{font-family:Avenir Next,Segoe UI,system-ui,sans-serif;color:#26313b;background:#f5f5f1;font-synthesis:none;--ink: #26313b;--muted: #8a9095;--navy: #1c2532;--gold: #b99b61;--border: #e5e7e2;--green: #678d79;--red: #c8786c;--purple: #a08abd;--blue: #7ca5c5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input[type=range],input[type=checkbox]{-webkit-tap-highlight-color:transparent}button,a,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91b6d5;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-family:Georgia,Times New Roman,serif;font-size:37px;letter-spacing:-1.3px;font-weight:500;line-height:1.2;color:#25313a}h2{font-size:16px;letter-spacing:-.3px;font-weight:650}h3{font-size:15px;letter-spacing:-.25px;font-weight:650}p{font-size:13px;line-height:1.7;color:#838b8c}small{font-size:11px}svg{flex-shrink:0;vertical-align:middle}em{font-size:11px;font-style:normal;color:var(--muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:210px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#bdc4cd;padding:33px 19px 0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;color:#f2eddf;padding:0 9px;letter-spacing:2px;font-size:13px;font-weight:700;line-height:1.65}.brand span{display:block;letter-spacing:5px;font-size:11px;color:#b7a27c}.brand-mark{background:#d0b684;color:#222c38;width:40px;height:45px;display:grid;place-items:center;border-radius:11px 11px 16px 16px;box-shadow:0 3px 10px #0a172344}.workspace-label{font-size:8px;font-weight:600;letter-spacing:1.8px;color:#707c8c;margin:48px 9px 17px;white-space:nowrap}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;color:#9da9b8;background:transparent;width:100%;padding:13px 14px;text-align:left;border-radius:7px;font-size:12px;transition:.2s}.nav-item small{margin-left:auto;font-size:9px;padding:2px 5px;border-radius:4px;background:#ffffff0a}.nav-item:hover{background:#ffffff06;color:#e0e3e7}.nav-item.active{color:#e5d2a8;background:#d3b97f12}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:26px;border-radius:0 4px 4px 0;background:#c9ae77}.sidebar-bottom{margin-top:auto}.prototype-note{border:1px solid #ffffff0c;border-radius:9px;padding:15px;margin:30px 1px 18px;font-size:8px;letter-spacing:1.4px;color:#a7b2bd}.prototype-note p{font-family:Georgia,serif;font-size:17px;line-height:1.5;letter-spacing:0;color:#d2d7db;margin-top:12px}.live-dot,.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#80a38c;flex-shrink:0}.prototype-note .live-dot{margin-right:6px}.profile{display:flex;gap:10px;align-items:center;margin-top:15px;border-top:1px solid #ffffff0a;padding:23px 4px}.profile strong{display:block;font-size:11px;font-weight:600;color:#dadde0}.profile small{display:block;font-size:9px;color:#7b899b;margin-top:2px}.profile>svg{margin-left:auto;color:#738193}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#82918d;color:#eff2e8;font-family:Georgia,serif}.main-shell{margin-left:210px;width:calc(100% - 210px);min-width:0}.topbar{height:73px;border-bottom:1px solid var(--border);background:#fafbf8;padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#9a9e9f}.breadcrumb strong{color:#55616b;font-weight:500}.topbar-right{display:flex;align-items:center;gap:20px}.save-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#919b96}.points-pill{display:flex;align-items:center;gap:8px;border:1px solid #e6dfd0;border-radius:7px;background:#f4f0e7;padding:8px 12px;color:#9a8357;font-size:11px}.points-pill b{font-size:13px}.points-pill span{font-size:10px;color:#a49b88}.icon-btn{display:inline-grid;place-items:center;min-width:30px;min-height:30px;background:transparent;border-radius:6px;padding:5px;color:#7f8b91}.icon-btn:hover{background:#e9ece7;color:#293c49}main{padding:30px 32px;max-width:1700px;margin:auto;min-height:calc(100vh - 120px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#a58b60;margin-bottom:9px}.page-heading p{margin-top:9px;font-size:12px}.heading-actions{display:flex;align-items:center;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;line-height:1.4;padding:11px 15px;border:1px solid #dce0db;border-radius:6px;background:#fff;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover{background:#f0f2ec}.btn:active{transform:translateY(1px)}.btn.primary{background:#253140;color:#f5f2e9;border-color:#253140;box-shadow:0 3px 7px #1e2e3b0a}.btn.primary:hover{background:#39485b}.btn.primary svg{color:#ddc495}.btn.wide{width:100%}.btn.small{font-size:10px;padding:7px 9px}.btn.secondary{background:transparent;color:#879198;border-color:#e7e9e5}.btn.text-btn{border:0;background:none;color:#7c888e}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:4px;background:#edf1eb;font-size:8px;letter-spacing:.7px;font-weight:600;color:#788c78;white-space:nowrap}.tag.warning{background:#f8e9dd;color:#b98352}.tag.purple{background:#eee8f4;color:#9380ab}.mode-tag{font-size:9px;letter-spacing:1.2px;padding:9px 12px;border:1px solid #dedfd5;background:#f1f1e9;color:#8c8c72}.panel{border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 2px 3px #1d2a2802;overflow:hidden}.panel-heading{min-height:53px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eff0ec;gap:8px}.panel-heading h2{font-size:11px;display:flex;align-items:center;gap:8px;color:#56616b;white-space:nowrap}.panel-heading h2 svg{color:#8e9e9f}.panel-content{padding:17px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.row h3{display:flex;align-items:center;gap:8px}.hint{font-size:10px;color:#99a09f;line-height:1.7;margin:11px 0;display:block}.hint>svg{margin-right:4px;vertical-align:middle}select{max-width:100%;width:100%;font-size:11px;border:1px solid #e2e5df;background:#fafbf8;color:#4b5864;border-radius:5px;padding:10px 28px 10px 10px;line-height:1.3}.battle-layout{display:grid;grid-template-columns:minmax(180px,210px) minmax(340px,1fr) minmax(190px,235px);gap:19px;align-items:start}.battle-left,.battle-right{display:flex;flex-direction:column;gap:17px}.deck-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:15px -3px}.mini-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:0;border-radius:5px;background:linear-gradient(140deg,color-mix(in srgb,var(--card-color) 22%,white),#e9ece9);border:1px solid #e1e5df;overflow:visible;transition:transform .2s}.mini-card:hover{transform:translateY(-3px)}.mini-card .portrait{width:100%;height:53px}.mini-card small{font-size:6px;font-weight:600;color:#5f6970;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;letter-spacing:-.2px;padding:3px 1px;background:#ffffff8c;border-radius:0 0 4px 4px}.tiny-gem{position:absolute;top:-4px;left:-3px;width:15px;height:17px;background:#a18aba;color:#fff;font-size:9px;display:grid;place-items:center;border:1px solid #ede4f8;border-radius:5px;z-index:2}.deck-average{display:flex;align-items:center;gap:6px;font-size:9px;color:#9a9ca2;padding-top:7px;border-top:1px solid #f0f0ec}.deck-average svg{color:#aa94bc}.deck-average strong{margin-left:auto;color:#877199;font-size:13px}.opponent-cards{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:15px 0 9px}.opponent-cards span,.opponent-cards button{display:grid;place-items:center;background:#f0f0ec;border:1px solid #e6e7e0;border-radius:3px;height:27px;font-size:9px;color:#b7bcb6}.opponent-cards button{background:#eee4dd;color:#bc806a;border-color:#dccac0}.muted-text{font-size:9px;color:#9a9f9e;line-height:1.6}.tip-card{display:flex;align-items:flex-start;gap:10px;border:1px solid #e5e2d5;background:#f0efe5;border-radius:8px;padding:16px 13px}.tip-card>svg{color:#b09c6d}.tip-card strong{font-size:10px;color:#8c805e;font-weight:600}.tip-card p{font-size:10px;margin-top:5px;color:#a29a85;line-height:1.7}.arena-panel{background:#e1e6da;border-radius:12px;border:1px solid #d0d6c9;overflow:hidden;box-shadow:0 6px 20px #27372807}.arena-top{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eaf0e4;border-bottom:1px solid #d7e0d0;min-height:66px}.arena-top>div:first-child{font-size:10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:28%}.arena-top strong{font-weight:600}.arena-top>div:first-child small{display:block;color:#ac8d76;margin-left:12px;width:100%;font-size:9px}.team-dot{display:inline-block;width:6px;height:6px;background:#709bc2;border-radius:50%;flex-shrink:0}.team-dot.enemy{background:#cc8d7b}.timer{text-align:center;min-width:110px}.timer strong{display:block;font-size:23px;letter-spacing:.5px;font-variant-numeric:tabular-nums;color:#4c5c50;line-height:1.1}.timer span{display:block;font-size:6px;letter-spacing:1.3px;color:#9aa391;margin-top:5px}.arena-label{font-size:7px;font-weight:600;letter-spacing:1px;text-align:right;color:#84947c;width:28%}.arena-label span{font-size:6px;font-weight:400;display:block;margin-top:6px;color:#a4ae9b;letter-spacing:.7px}.battle-stage{height:clamp(420px,51vh,590px);position:relative;background:radial-gradient(ellipse at 50% 30%,#dee5d5 0,#cbd7c3 60%,#bfcebc);isolation:isolate}#arena-canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}#arena-canvas canvas{display:block;width:100%;height:100%}.arena-badge{display:flex;align-items:center;gap:5px;position:absolute;left:15px;top:15px;font-size:6px;letter-spacing:1.5px;color:#809178;pointer-events:none}.your-label{position:absolute;bottom:12px;left:18px;display:flex;gap:6px;align-items:center;color:#668598;font-size:8px;letter-spacing:1px;pointer-events:none}.your-label #your-crowns{color:#80968a}.arena-message{position:absolute;left:0;right:0;bottom:12px;pointer-events:none;text-align:center;font-size:6px;letter-spacing:1.8px;color:#72876d}.hand-zone{background:#f9faf5;padding:14px 18px 15px;border-top:1px solid #c9d3c2}.hand-header{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:13px;font-size:7px;color:#9aa497}.hand-header>span:first-child{display:flex;align-items:center;gap:5px}.next-label{font-size:6px;letter-spacing:1px}.hand-row{display:flex;align-items:center;gap:14px}.hand-cards{flex:1;min-width:0;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.game-card{position:relative;border:1px solid color-mix(in srgb,var(--card-color) 40%,#c9d0cb);border-bottom-width:3px;border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-color) 25%,#fff),color-mix(in srgb,var(--card-color) 40%,#d8ded4));padding:0;transition:transform .15s,box-shadow .15s;min-width:0;touch-action:none;-webkit-user-select:none;user-select:none;overflow:visible}.game-card:hover{transform:translateY(-4px);box-shadow:0 5px 10px #233c3611}.game-card.selected{box-shadow:0 0 0 2px #b9a477,0 6px 12px #24382a1a;transform:translateY(-6px)}.game-card strong{display:block;background:#fcfdf7c9;padding:5px 2px 2px;font-size:8px;font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:-.15px}.card-type{display:block;font-size:5px;background:#fcfdf7c9;padding-bottom:5px;letter-spacing:1px;text-transform:uppercase;color:#96a299;border-radius:0 0 6px 6px}.card-art{height:73px;display:grid;place-items:center;overflow:hidden}.card-art .portrait{height:90px;width:90px;max-width:110%;margin-top:8px}.elixir-gem{position:absolute;left:-5px;top:-8px;width:23px;height:26px;border-radius:8px;background:linear-gradient(135deg,#b3a0ca,#8d75a7);display:grid;place-items:center;color:#fff;font-size:13px;font-weight:700;z-index:3;border:2px solid #f8f6ef;box-shadow:0 1px 4px #52475f22}.next-card{position:relative;flex-shrink:0;width:44px;text-align:center;border:1px solid #dce2d8;border-radius:5px;background:#e7eae2;opacity:.75}.next-card svg{width:100%;height:48px}.next-card>span{display:block;font-size:6px;padding:4px 1px;border-top:1px solid #dce2d8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.next-card>b{position:absolute;left:-4px;top:-5px;font-size:9px;color:#fff;background:#af9bc1;border-radius:4px;width:16px;height:19px;display:grid;place-items:center}.elixir-row{display:flex;align-items:center;gap:8px;margin-top:15px}.elixir-icon{color:#a38bb9}.elixir-row>strong{font-size:15px;color:#8b719f;min-width:18px}.elixir-track{display:flex;gap:3px;flex:1}.elixir-track i{display:block;height:9px;flex:1;background:#a18bb6;opacity:.16;border-radius:2px;transition:opacity .2s}.elixir-row>small{font-size:9px;color:#9d8bae}.match-controls .panel-content>p{margin-top:0;font-size:11px}.match-facts{display:flex;flex-direction:column;gap:11px;margin-top:18px;font-size:9px;color:#939d9f}.match-facts span{display:flex;align-items:center;gap:7px}.match-facts svg{color:#a5b4a8}.match-controls .btn+.btn{margin-top:8px}.inspect-empty{text-align:center;padding:16px 2px;color:#b8c1bd}.inspect-empty h3{font-size:11px;margin:12px 0 7px;color:#8c9999}.inspect-empty p{font-size:10px;line-height:1.8;color:#a5abaa}.inspect-art{height:94px;text-align:center;background:radial-gradient(circle,color-mix(in srgb,var(--card-color) 25%,white),#fff 70%);margin-bottom:12px}.inspect-art svg{height:105px;width:105px}.inspector .eyebrow{font-size:7px}.inspector h3{font-size:13px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.mini-stats>div{display:flex;flex-direction:column;gap:5px}.mini-stats small{font-size:9px;color:#9ba5a3}.mini-stats strong{font-size:16px;color:#637279;font-weight:600}.mini-stats em{font-size:9px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags .tag{font-size:7px}.battle-stats{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.battle-stats>div{display:flex;flex-direction:column;gap:5px}.battle-stats small{font-size:8px;color:#a0aaa7}.battle-stats strong{font-size:17px;font-weight:500;color:#566c70}.combat-log{font-size:10px;color:#96a198;padding:0 3px}.combat-log summary{cursor:pointer}.combat-log p{font-size:9px;line-height:1.6;padding-top:7px}.app-footer{padding:0 34px 20px;display:flex;justify-content:space-between;font-size:7px;color:#a7aeaa;letter-spacing:1px;gap:15px}.app-footer i{font-style:normal;margin:0 8px;color:#c2c8c2}.match-result:empty{display:none}.match-result{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1e30215c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4}.match-result>div{display:flex;align-items:center;flex-direction:column;color:#fff6da;gap:14px;text-align:center;padding:24px}.match-result span{font-family:Georgia,serif;font-size:37px}.match-result small{font-size:11px;color:#e1e6d8}.lab-toggles{display:flex;flex-direction:column;gap:13px;margin:18px 0;font-size:11px;color:#7e8b8d}.lab-toggles>label{display:flex;align-items:center;gap:7px}.lab-toggles>.field{display:block}input[type=checkbox]{accent-color:#6c8c7a;width:15px;height:15px}.button-stack{display:flex;flex-direction:column;gap:8px}.rule-live{font-size:9px;background:#f0f3ec;padding:10px;border-radius:5px;margin-top:14px}.inspect-hp{margin-top:14px;font-size:9px;color:#809087}.meter{height:5px;border-radius:5px;background:#edf0e8;overflow:hidden;margin:9px 0}.meter i{display:block;height:100%;background:#9caf92;border-radius:5px;transition:width .15s}.deck-builder{margin-bottom:32px}.deck-builder .panel-heading .row{gap:20px}.deck-builder select{min-width:170px}.deck-slots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;padding:26px 25px 19px}.deck-slots .game-card{width:100%}.deck-slots .card-art{height:105px}.deck-slots .card-art svg{width:120px;height:120px}.deck-slots .game-card strong{font-size:11px}.deck-slots .card-type{font-size:7px}.deck-slots>div>small{display:block;font-size:8px;color:#a6afa9;text-align:center;margin-top:8px}.deck-validity{padding:12px 23px;font-size:10px;color:#84927c;background:#f7f9f2;display:flex;align-items:center;gap:7px;border-top:1px solid #edf0e7}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;margin:22px 0 18px}.collection-toolbar h2 span{font-size:11px;margin-left:8px;background:#e8ece5;padding:3px 7px;border-radius:5px;color:#8a9886}.chips{display:flex;gap:6px}.chip{padding:8px 14px;font-size:10px;border:1px solid #e0e4dc;border-radius:5px;background:#fbfcf8;color:#89948b}.chip.active{background:#e7eddf;color:#627458;border-color:#cbd7bf}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.collection-art{height:174px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 110%,color-mix(in srgb,var(--card-color) 50%,#e4e7df),color-mix(in srgb,var(--card-color) 18%,#f9faf5));border-bottom:1px solid #e3e9dd}.collection-art svg{width:155px;height:155px;margin-top:15px;transition:transform .3s}.collection-card:hover .collection-art svg{transform:translateY(-5px)}.collection-art .elixir-gem{top:15px;left:15px;width:27px;height:31px;font-size:16px}.card-kind-label{position:absolute;right:12px;top:15px;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#688084;opacity:.8}.collection-card .panel-content>h3{margin-bottom:10px}.collection-card .row small{font-size:9px;color:#929e95}.collection-card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.collection-card-actions .btn{flex:1;margin-right:7px}.editor-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:24px;align-items:start}.editor-profile{position:sticky;top:20px}.portrait-large{height:200px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--card-color) 55%,#ecede4),#f5f6ef)}.portrait-large svg{width:190px;height:190px;margin-top:18px}.editor-profile .field{margin:15px 0}.field{display:flex;flex-direction:column;gap:9px;color:#6c7a7c;font-size:11px;min-width:0}.field>span{display:flex;justify-content:space-between;gap:5px;align-items:center}.field b{font-size:11px;font-weight:600;color:#677d76;background:#edf2e9;border-radius:4px;padding:3px 7px;min-width:34px;text-align:center}input[type=text]{width:100%;min-width:0;border:1px solid #dde3d9;background:#fafbf7;padding:10px 11px;border-radius:5px;font-size:12px;color:#586873}input[type=range]{width:100%;height:5px;margin:9px 0 5px;accent-color:#849c77}input[type=color]{width:100%;height:45px;border:1px solid #e1e7db;border-radius:5px;padding:4px;background:#fff}.budget-box{background:#f8f6ef;border:1px solid #e8e1cf;padding:16px;border-radius:7px;margin:15px 0}.budget-box>.row{font-size:9px;color:#9e8a64}.budget-box>.row svg{color:#b49b69}.budget-number{display:flex;align-items:baseline;gap:5px;margin:10px 0}.budget-number strong{font-size:34px;color:#8b7852;font-weight:500;letter-spacing:-1px}.budget-number>span{font-size:11px;color:#b1a58a}.budget-number b{font-weight:500}.budget-box small{font-size:9px;color:#a5997f}.editor-unit-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:17px 20px;border-bottom:1px solid #edf0e8}.editor-unit-tabs:empty{display:none}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);padding:0 15px;overflow:auto}.tabs button{display:flex;align-items:center;gap:7px;background:none;padding:17px 11px;font-size:11px;color:#97a296;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:#8f7e58;border-color:#b5a06d}.editor-fields{padding:25px}.section-intro{margin-bottom:24px}.section-intro h2{font-family:Georgia,serif;font-size:24px;font-weight:400;color:#465d5d}.section-intro p{font-size:11px;margin-top:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 30px}.sub-title{font-size:12px;margin:30px 0 20px;color:#7c8c83;padding-top:20px;border-top:1px solid #eff1eb}.ability-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ability-tile{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #e7eae3;border-radius:6px;padding:13px 11px;background:#fcfdfa}.ability-tile.active{border-color:#b5c5a9;background:#f0f5e9}.ability-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:7px;background:#eaf0e5;color:#859878}.ability-tile>span:nth-child(2){flex:1}.ability-tile strong{display:block;font-size:11px;color:#5c7166}.ability-tile small{display:block;font-size:8px;color:#9caa94;margin-top:5px}.ability-tile>svg{color:#a8b59f}.ability-config{padding:18px;border:1px solid #e5eadd;background:#fafcf6;border-radius:8px;margin:17px 0}.ability-config h3{font-size:12px;color:#788b6e}.ability-config>.btn{margin-top:15px}.ability-config .field-grid{margin-top:15px}.callout{display:flex;align-items:center;gap:13px;font-size:11px;line-height:1.7;color:#829778;background:#f0f5e9;border:1px solid #e2ead8;padding:17px;border-radius:7px;margin-top:25px}.callout.muted{background:#f5f6f3;color:#9aa397;border-color:#e9ece4}.rules-list{display:flex;flex-direction:column;gap:13px;margin-bottom:20px}.rule-card{display:flex;align-items:center;gap:14px;background:#f9fbf5;border:1px solid #e4eadd;border-radius:8px;padding:16px}.rule-index{font-family:Georgia,serif;font-size:26px;color:#bdc9b0}.rule-fields{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:13px}.rule-fields label small{display:block;font-size:8px;letter-spacing:1px;color:#a4b496;margin-bottom:7px}.rule-actions{display:flex;flex-direction:column;gap:2px}.rule-actions .btn{padding:3px;min-width:23px;min-height:23px;border:0;background:none}.rule-actions svg{width:13px!important;height:13px!important}.empty-state{padding:35px 20px;text-align:center;color:#a1ad9a;font-size:12px;line-height:1.8}.tower-configs{display:flex;flex-direction:column;gap:24px}.tower-cards{display:grid;grid-template-columns:repeat(3,1fr);padding:15px}.tower-card{text-align:center;padding:20px;border-right:1px solid #ebeee5}.tower-card:last-child{border-right:0}.tower-illustration{display:grid;place-items:center;height:130px;color:#a9b5a1;background:radial-gradient(ellipse,#e8eddf,transparent 65%)}.tower-card:nth-child(2) .tower-illustration{color:#b8a376}.tower-card .mini-stats{max-width:180px;margin:23px auto}.tower-card .eyebrow{margin-top:15px;font-size:8px}.tower-card h3{font-size:13px}.tower-config-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#f9faf6;border-top:1px solid #e8ece0;gap:15px;font-size:11px;color:#9aa68c}.big-points{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:30px;color:#b29965;font-weight:500}.big-points small{width:100%;display:block;text-align:center;font-size:8px;letter-spacing:1px;color:#b5aa8c}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}.challenge{padding:20px}.challenge>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:#b19d71}.challenge h3{font-size:14px}.challenge p{font-size:11px;margin:8px 0 20px}.challenge .row{margin-top:12px}.challenge .row small{color:#a2ae97}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{padding:23px;display:flex;flex-direction:column}.catalog-card.unlocked{background:#fafcf6;border-color:#dce5d3}.catalog-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:11px;background:#f0f1e9;color:#a6aa8d}.catalog-card.unlocked .catalog-icon{background:#e8efdf;color:#859c70}.catalog-card h3{margin-top:24px}.catalog-card p{font-size:11px;line-height:1.7;margin:10px 0 25px;flex:1}.catalog-card .row>small{font-size:9px;color:#a6ad9d}.unlocked-label{display:flex;align-items:center;gap:5px;font-size:10px;color:#859c74}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.settings-grid .panel-content{padding:25px}.settings-grid .panel-content>p{margin-bottom:20px;font-size:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #ecefe5;gap:18px}.setting-row strong{display:block;font-size:13px;color:#6a7c70}.setting-row small{display:block;font-size:10px;color:#a0ac99;margin-top:7px}.profile-stats{display:flex;justify-content:space-around;padding:30px}.profile-stats>div{display:flex;flex-direction:column;text-align:center;gap:7px}.profile-stats strong{font-size:30px;font-weight:400;color:#8e9d7f}.profile-stats span{font-size:10px;color:#a7b09e}code{font-size:10px;color:#839c71;background:#edf2e7;padding:2px 5px;border-radius:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;background:#1c273879;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{position:relative;width:min(650px,100%);max-height:88vh;overflow:auto;background:#fdfef9;border:1px solid #f8f7e9;border-radius:16px;box-shadow:0 20px 90px #12233144;padding:40px}.modal-close{position:absolute;top:13px;right:13px}.modal h2{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.2;margin:12px 0 20px}.modal p{font-size:13px;line-height:1.9;margin-bottom:24px}.modal-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.modal-card-grid .card-art{height:95px}.modal-card-grid .card-art svg{width:105px;height:105px}.modal-card-grid .game-card strong{font-size:10px}.modal-card-grid .card-type{font-size:7px}.tutorial-icon{width:80px;height:85px;display:grid;place-items:center;border-radius:22px;background:#eee9d8;color:#aa9464;margin-bottom:28px}.tutorial-dots{display:flex;gap:6px;margin:20px 0 30px}.tutorial-dots i{width:6px;height:6px;background:#dce3d3;border-radius:5px}.tutorial-dots i.active{width:24px;background:#b7a274}#toast{position:fixed;bottom:25px;left:calc(50% + 80px);transform:translate(-50%,20px);background:#263642;color:#f0f1e8;border:1px solid #52636d;border-radius:8px;padding:15px 22px;font-size:12px;line-height:1.6;box-shadow:0 10px 25px #142c3f33;z-index:200;opacity:0;transition:.2s;pointer-events:none;max-width:min(550px,90vw)}#toast.show{opacity:1;transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.mobile-settings{display:none}:root{background:#17232b;--phone-width: min(100vw, 480px, 75dvh)}html,body,#app{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{height:100dvh}html:fullscreen,html:-webkit-full-screen{width:100%;height:100%;background:#142f50}@media(pointer:coarse)and (max-width:600px)and (orientation:portrait){:root{--phone-width: 100vw}}#app{display:flex;justify-content:center}.phone-shell{position:relative;isolation:isolate;width:var(--phone-width);height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#f5f5f1;box-shadow:0 0 90px #0005}.mobile-header{min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border);flex-shrink:0;background:#fbfcf7}.mobile-header>strong{flex:1;font-size:13px;min-width:0}.header-brand{display:flex;align-items:center;gap:5px;color:#aa8b53;font-weight:700;font-size:13px}.points-pill{font-size:12px;padding:10px;gap:5px;min-height:44px}.icon-btn{min-width:44px;min-height:44px}.menu-screen{width:100%;margin:0;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px 18px max(24px,env(safe-area-inset-bottom));scrollbar-width:thin;overscroll-behavior-y:contain}.phone-shell button,.phone-shell select,.phone-shell input{touch-action:manipulation}.btn,.chip,.tabs button,.editor-unit-tabs button{min-height:44px;font-size:12px}.btn{padding:10px 13px}input:not([type=checkbox]):not([type=range]):not([type=color]),select{font-size:16px;min-height:44px;width:100%;min-width:0}input[type=checkbox]{width:22px;height:22px;flex-shrink:0}input[type=range]{min-height:36px}.field{font-size:12px;min-width:0}.field b{font-size:13px}.page-heading{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:22px}.page-heading h1{font-size:31px}.page-heading p{font-size:13px;margin-top:9px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.4px}.heading-actions{flex-wrap:wrap;gap:8px}.heading-actions>.btn{flex:1}.panel-heading{padding:16px;gap:10px;flex-wrap:wrap}.panel-heading h2{font-size:14px}.panel-content{padding:16px}.hint,.muted-text{font-size:12px}.row{gap:8px}.lobby-hero{text-align:center;padding:8px 0 26px}.lobby-emblem{width:86px;height:86px;display:grid;place-items:center;margin:0 auto 22px;color:#b69b68;background:linear-gradient(145deg,#ebe4d2,#f6f3e9);border:1px solid #e1d6be;border-radius:26px;transform:rotate(-6deg)}.lobby-emblem svg{transform:rotate(6deg)}.lobby-hero .eyebrow{font-size:8px;letter-spacing:2px}.lobby-hero h1{font-size:54px;line-height:.97;letter-spacing:-2px;margin:17px 0}.lobby-hero h1 em{font-family:inherit;font-size:inherit;color:#aa8b53;font-style:italic}.lobby-hero p{font-size:13px}.play-button{width:100%;display:flex;align-items:center;gap:15px;padding:20px;background:#263d38;color:#faf4df;border:1px solid #3d5549;border-radius:12px;text-align:left;box-shadow:0 5px #192d29,0 10px 20px #1f39201a;margin-bottom:26px}.play-button>span{flex:1;font-size:22px;font-family:Georgia,serif}.play-button small{display:block;font-family:Avenir Next,system-ui,sans-serif;font-size:11px;margin-top:4px;color:#b9c9bb}.lobby-nav{display:grid;gap:10px}.lobby-nav button{display:flex;align-items:center;gap:14px;background:#fdfef9;border:1px solid #e3e6db;border-radius:10px;padding:17px 15px;text-align:left}.lobby-nav button>svg:first-child{color:#8d9c86}.lobby-nav button>svg:last-child{color:#a7aea5}.lobby-nav span{flex:1}.lobby-nav strong,.lobby-nav small{display:block}.lobby-nav strong{font-size:14px}.lobby-nav small{font-size:11px;margin-top:4px;color:#8b958b}.lobby-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;font-size:10px;color:#919b90}.setup-stack{display:flex;flex-direction:column;gap:16px}.deck-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.mini-card .portrait{height:66px}.mini-card small{font-size:9px}.setup-defense{display:flex;gap:13px;align-items:center;padding:15px;background:#eceee5;border-radius:10px;color:#83927b}.setup-defense>span{flex:1;font-size:10px}.setup-defense strong{display:block;font-size:13px;margin-top:3px;color:var(--ink)}.match-controls .panel-content{display:block}.match-controls .hint{margin-bottom:16px}#match-actions{display:flex;flex-direction:column;gap:10px}.match-controls .btn+.btn{margin:0}.lab-toggles{display:flex;flex-direction:column;gap:14px;font-size:13px}.lab-toggles>label{min-height:44px}.lab-toggles>.field{display:flex;align-items:stretch;flex-direction:column}.match-controls .button-stack{display:flex;flex-direction:column}.match-facts{font-size:11px;gap:12px}.battle-screen{width:100%;margin:0;display:flex;flex:1;min-height:0;padding:0;overflow:hidden}.arena-panel{display:flex;flex-direction:column;width:100%;height:100%;border:0;border-radius:0}.battle-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:env(safe-area-inset-top) 10px 0;min-height:calc(62px + env(safe-area-inset-top));flex-shrink:0;background:#eaf0e4;border-bottom:1px solid #d7e0d0}.battle-menu-button{min-height:44px;padding:8px 10px;background:#f9faf3;border:1px solid #d8dfd0;border-radius:9px;gap:6px}.timer{min-width:0;margin:0}.timer strong{font-size:24px}.timer span{font-size:7px;letter-spacing:.5px}.battle-score{display:grid;grid-template-columns:6px 1fr;align-items:center;gap:3px 6px;font-size:12px;min-width:48px}.battle-score b{font-weight:600}.battle-stage{flex:1;min-height:0;height:auto}.arena-badge{font-size:8px;top:12px;left:12px}.arena-message{font-size:10px;bottom:18px}.hand-zone{flex-shrink:0;padding:10px 13px max(12px,env(safe-area-inset-bottom));background:#f8faf2}.hand-header{margin-bottom:14px;font-size:9px;gap:6px}.hand-header svg{display:none}.next-label{font-size:7px;letter-spacing:.5px}.hand-row{gap:12px}.hand-cards{gap:8px}.hand-cards .game-card,#arena-canvas{touch-action:none}.card-art{height:clamp(48px,9dvh,80px)}.card-art .portrait{height:85px;width:85px}.game-card strong{font-size:9px;padding:5px 2px}.card-type{font-size:6px}.next-card{width:40px}.next-card svg{height:44px}.next-card>span{font-size:7px}.elixir-row{margin-top:10px}.elixir-row>strong{font-size:18px}.elixir-track{height:12px}.match-result>div{padding:20px;gap:16px}.match-result .btn{min-width:190px}.match-result span{font-size:32px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-art{height:140px;overflow:hidden}.collection-art>.portrait{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;object-fit:contain}.collection-art>.elixir-gem,.collection-art>.card-kind-label{z-index:1}.collection-card .panel-content{padding:12px}.collection-card h3{font-size:14px}.collection-card .row{flex-wrap:wrap}.collection-card-actions{gap:5px}.collection-card-actions .btn{padding:8px;font-size:11px;gap:5px}.collection-card-actions .icon-btn{min-width:36px}.deck-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 9px;padding:22px 13px 16px}.deck-slots .card-art{height:65px}.deck-slots .card-art svg{width:75px;height:75px}.deck-slots .game-card strong{font-size:8px}.deck-slots>div>small{font-size:7px}.deck-builder .panel-heading{align-items:stretch}.deck-builder .panel-heading .row{width:100%;flex-wrap:wrap}.deck-builder select{width:100%;min-width:0}.deck-builder .panel-heading>.btn{width:100%}.deck-validity{font-size:11px;padding:12px}.collection-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.collection-toolbar h2{font-size:17px}.chips{width:100%;display:flex;gap:5px}.chip{flex:1;padding:8px}.tower-configs,.settings-grid,.challenge-grid,.catalog-grid{grid-template-columns:minmax(0,1fr);gap:16px}.tower-cards{padding:10px;gap:5px}.tower-card{padding:14px 3px}.tower-illustration{height:90px}.tower-illustration svg{width:52px!important}.tower-card h3{font-size:12px}.tower-card .eyebrow{font-size:7px}.tower-card .mini-stats{gap:5px;margin:12px 0}.tower-card .mini-stats strong{font-size:15px}.tower-card .mini-stats small{font-size:10px}.tower-config-footer{padding:15px;flex-wrap:wrap;gap:12px}.challenge{display:block;padding:20px}.challenge p{font-size:12px;margin:8px 0 15px}.catalog-card{padding:20px}.catalog-card h3{margin-top:16px;font-size:18px}.catalog-card p{font-size:13px}.catalog-card .btn{font-size:12px}.big-points{align-self:flex-start}.editor-layout{grid-template-columns:minmax(0,1fr);gap:18px}.editor-profile{position:static;display:block}.portrait-large{position:relative;height:165px;min-height:0;overflow:hidden}.portrait-large>.portrait{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;object-fit:contain}.editor-profile .panel-content{padding:18px}.editor-profile .field{font-size:12px}.editor-profile select{font-size:16px}.editor-profile .btn{font-size:12px}.editor-profile .hint,.editor-profile .eyebrow{display:block}.editor-fields{padding:18px}.editor-unit-tabs{padding:12px;gap:7px;flex-wrap:wrap}.editor-unit-tabs .btn{font-size:11px;padding:8px}.tabs{overflow-x:auto;justify-content:flex-start;padding:0 10px;gap:6px}.tabs button{flex-shrink:0;padding:12px 10px;font-size:12px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.section-intro h2{font-size:24px}.section-intro p{font-size:12px}.ability-grid{grid-template-columns:minmax(0,1fr);gap:9px}.ability-tile{min-height:64px;gap:12px;padding:12px}.ability-tile strong{font-size:13px}.ability-tile small{font-size:11px}.ability-icon{width:34px;height:38px}.ability-config{padding:14px}.rule-fields{grid-template-columns:minmax(0,1fr)}.rule-fields select{font-size:16px}.rule-card{padding:12px;gap:9px}.rule-index{font-size:22px}.modal-backdrop{position:absolute;padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))}.modal{width:100%;max-height:100%;padding:48px 20px 24px;overscroll-behavior:contain;border-radius:18px}.modal h2{font-size:27px}.modal p{font-size:13px}.modal .panel{margin-top:16px}.modal .combat-log{margin:16px 0}.modal-close{top:7px;right:7px}.modal-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 10px}.modal-card-grid .card-art{height:72px}.modal-card-grid .game-card strong{font-size:9px}.opponent-cards button,.opponent-cards span{min-height:44px}#toast{left:50%;bottom:max(20px,env(safe-area-inset-bottom));width:calc(var(--phone-width) - 30px);max-width:none;font-size:12px;padding:13px 16px}@media(max-height:650px){.battle-header{min-height:calc(52px + env(safe-area-inset-top))}.hand-header{margin-bottom:10px;font-size:8px}.hand-zone{padding-top:8px}.hand-cards .card-art{height:40px}.hand-cards .card-art .portrait{height:65px}.hand-cards .card-type{display:none}.lobby-hero{padding-top:0}}@media(max-width:359px){.menu-screen{padding-left:12px;padding-right:12px}.hand-zone{padding-left:9px;padding-right:9px}.hand-row{gap:9px}.hand-cards{gap:6px}.hand-cards .game-card strong{font-size:8px}.next-card{width:32px}.mobile-header{gap:5px;padding-left:7px;padding-right:7px}.mobile-header>strong{font-size:12px}}*,*:before,*:after{scrollbar-width:none}*::-webkit-scrollbar{display:none;width:0;height:0}.menu-screen{scrollbar-width:none}.lobby-screen{display:flex;flex-direction:column;overflow:hidden;padding:12px 18px max(12px,env(safe-area-inset-bottom));gap:clamp(6px,1.2dvh,12px)}.lobby-hero{flex:1;min-height:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.lobby-emblem{width:64px;height:64px;border-radius:19px;margin:0 auto 14px}.lobby-emblem svg{width:38px;height:38px}.lobby-hero h1{font-size:clamp(32px,5.8dvh,54px);margin:12px 0}.lobby-hero p{font-size:12px}.play-button{flex-shrink:0;padding:14px 18px;margin:0 0 5px;min-height:70px}.lobby-nav{flex-shrink:0;gap:8px}.lobby-nav button{padding:12px 15px;min-height:60px}.lobby-footer{flex-shrink:0;margin:0;min-height:44px}.modal-backdrop{padding:0}.modal{display:flex;flex-direction:column;height:100%;max-height:100%;padding:0;border:0;border-radius:0;overflow:hidden}.modal-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:env(safe-area-inset-top) 12px 0 20px;min-height:calc(60px + env(safe-area-inset-top));border-bottom:1px solid var(--border)}.modal-toolbar>span{font-size:10px;letter-spacing:2px;color:#a58b60}.modal-close{position:static}.modal-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:22px 20px max(24px,env(safe-area-inset-bottom))}@media(max-height:740px){.lobby-emblem,.lobby-hero p{display:none}.lobby-hero .eyebrow{font-size:7px;margin:0}.lobby-hero h1{margin:8px 0 0}.lobby-nav button{min-height:54px;padding:9px 13px}.lobby-nav small{font-size:10px}.play-button{min-height:60px;padding:10px 15px}}@media(max-height:560px){.lobby-hero h1{font-size:26px}.lobby-hero h1 br{display:none}.lobby-hero h1 em{margin-left:6px}.lobby-hero .eyebrow,.lobby-nav small,.play-button small,.lobby-footer>span{display:none}.lobby-nav{gap:5px}.lobby-nav button{min-height:44px;padding:6px 12px}.lobby-footer{min-height:36px;justify-content:center}.lobby-footer .btn{min-height:36px}.lobby-screen{padding-top:6px;padding-bottom:max(6px,env(safe-area-inset-bottom));gap:5px}.play-button{min-height:50px;padding:7px 12px}}.menu-exit{margin-top:10px}:root{--gold: #d99b2b;--green: #248461;--purple: #ad51de;--blue: #2585e8}.header-brand,.lobby-hero h1 em{color:#bd841a}.lobby-emblem{color:#c28a20;background:linear-gradient(145deg,#fff2b8,#edca65);border-color:#e4b34d;box-shadow:inset 0 2px #fff8d5,0 5px #c5a151,0 12px 22px #ad833d1a}.play-button{background:linear-gradient(150deg,#308bf0,#185cc0);border-color:#69abff;box-shadow:inset 0 2px #92c4ff70,0 5px #123d80,0 10px 20px #1c468329;color:#fff}.play-button small{color:#d3e8ff}.lobby-nav button{box-shadow:0 3px #dde2d6}.lobby-nav button:nth-child(1)>svg:first-child{color:#287bd3}.lobby-nav button:nth-child(2)>svg:first-child{color:#bd8628}.lobby-nav button:nth-child(3)>svg:first-child{color:#ab4fd1}.lobby-nav button:nth-child(4)>svg:first-child{color:#269675}.battle-header{background:linear-gradient(180deg,#233f63,#162e4b);border-bottom:2px solid #456a8b;color:#f5f8ff;box-shadow:0 3px 12px #12253740;z-index:2}.battle-menu-button{background:linear-gradient(#3d6086,#2a496f);color:#fff;border-color:#6382a3;box-shadow:inset 0 1px #a3c8ed44,0 3px #10253d}.battle-menu-button:hover{background:#416c9a;color:#fff}.timer strong{color:#fff4cc;text-shadow:0 2px 0 #0b1f36}.timer span{color:#bbd3e8}.battle-score{color:#fff0bd}.team-dot{background:#369bff;box-shadow:0 0 0 2px #1b3157}.team-dot.enemy{background:#ff5e68}.battle-stage{background:radial-gradient(ellipse at 50% 35%,#376f67,#204d4c 68%,#173a40)}.arena-badge{color:#d5ebdc;font-weight:600;text-shadow:0 1px 2px #17372c}.arena-message{color:#e2f6ed;text-shadow:0 1px 3px #132d2a}.hand-zone{background:linear-gradient(145deg,#284767,#172d4a);border-top:3px solid #567c9d;box-shadow:inset 0 1px #8da8bc77,0 -5px 15px #142d3d35}.hand-header{color:#d2e4f3}.next-label{color:#b5cde5}.game-card{border-color:color-mix(in srgb,var(--card-color) 60%,#254669);border-bottom-width:4px;box-shadow:inset 0 1px #ffffff80,0 3px #13283f33,0 5px 10px #142d3d22;background:linear-gradient(145deg,color-mix(in srgb,var(--card-color) 30%,#fff),color-mix(in srgb,var(--card-color) 70%,#7593ae))}.card-art{background:radial-gradient(ellipse at 40% 18%,#ffffff55,transparent 72%)}.portrait{filter:saturate(1.5) contrast(1.06) drop-shadow(0 3px 1px #13243a22)}.game-card strong{color:#203751;background:#f5f8ffed}.card-type{color:#59738e;background:#f5f8ffed}.game-card.selected{border-color:#ffce5c;box-shadow:0 0 0 2px #ffce5c,0 0 18px #ffd04d55,0 6px 12px #091c38aa}.game-card.unaffordable{filter:saturate(.45);opacity:.65}.elixir-gem{background:linear-gradient(145deg,#d16af3,#9233ca);border-color:#faeaff;color:#fff;text-shadow:0 1px 2px #68269d;box-shadow:0 2px #65288e,0 3px 6px #23133e55}.next-card{background:#3c5575;border-color:#7394b2;opacity:1;box-shadow:0 3px #102743}.next-card>span{color:#dce9fa;border-color:#7394b2}.next-card>b{background:#b34fe1;color:#fff;box-shadow:0 2px #713099}.elixir-icon,.elixir-row>strong,#elixir-rate{color:#e0abff}.elixir-row>strong{text-shadow:0 2px 0 #28143e}.elixir-track{padding:2px;height:15px;border:1px solid #536689;background:#12213b;border-radius:5px;box-shadow:inset 0 2px 3px #081528}.elixir-track i{background:linear-gradient(#df8bff,#ae4ce1);border-radius:2px;box-shadow:inset 0 1px #edb8ff}.elixir-track i.filled{background:linear-gradient(#df8bff,#ae4ce1)}.menu-screen:has(.character-studio){padding:0;overflow:hidden}.character-studio{display:flex;flex-direction:column;height:100%;min-height:0;background:#f7f9f4}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 12px;flex-shrink:0}.studio-heading strong{font-size:13px;text-align:center}.studio-heading button{min-height:40px;padding:8px;font-size:11px;gap:4px}.studio-preview-wrap{position:relative;flex:0 0 clamp(190px,34dvh,310px);overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#f5fcff,#dcebf0 70%,#cedee4);border-block:1px solid #c7d7db}#character-preview{position:absolute;top:0;right:0;bottom:0;left:0}#character-preview canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#character-preview canvas:active{cursor:grabbing}.studio-drag-hint{position:absolute;top:10px;left:12px;pointer-events:none;font-size:10px;color:#50676c;letter-spacing:.03em}.studio-view-buttons{position:absolute;bottom:8px;left:12px;right:12px;display:flex;justify-content:flex-end;gap:5px}.studio-view-buttons button{min-height:34px;background:#f7fcffdf;border:1px solid #adbdc7;padding:6px 9px;font-size:10px;gap:4px;box-shadow:0 2px 5px #273a4820}.studio-view-buttons button:first-child{margin-right:auto}.studio-animation{flex-shrink:0;display:flex;gap:5px;padding:7px 12px;border-bottom:1px solid #dce3dd}.studio-animation button{flex:1;min-height:36px;padding:6px;font-size:11px;border:1px solid #d6dfd7;background:#fff}.studio-animation button[aria-pressed=true],.studio-view-buttons button[aria-pressed=true]{background:#214d6b;color:#fff;border-color:#214d6b}.studio-sections{display:flex;flex-shrink:0;overflow-x:auto;padding:0 8px;border-bottom:1px solid #d6dfd7;background:#fff}.studio-sections button{flex:1;min-height:42px;padding:8px 6px;border:none;border-radius:0;border-bottom:3px solid transparent;background:none;font-size:11px;color:#62716b}.studio-sections button.active{border-bottom-color:#247b67;color:#176450;background:#eaf5ed}.studio-fields{flex:1;min-height:0;overflow-y:auto;padding:12px 16px 16px;overscroll-behavior:contain}.studio-fields .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.studio-fields .field{margin:0 0 10px;min-width:0}.studio-fields .field-grid .field{margin:0}.studio-fields .field>span{font-size:11px}.studio-fields input,.studio-fields select{width:100%;min-width:0;height:42px;font-size:13px;background-color:#fff}.studio-fields .hint{font-size:11px;line-height:1.5;margin:0 0 12px}.studio-color input{padding:4px;cursor:pointer}.accessory-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.accessory-option{justify-content:flex-start;min-height:42px;padding:8px;font-size:11px;gap:6px;background:#fff;border:1px solid #d0ddd4;text-align:left}.accessory-option.active{border-color:#247b67;background:#e5f3e9;color:#155b48}.studio-budget{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:8px;padding:9px 12px;padding-bottom:max(9px,env(safe-area-inset-bottom));border-top:1px solid #d5e0d8;font-size:10px;color:#50665d;background:#fff}.studio-budget strong{white-space:nowrap}.character-portrait{object-fit:contain;filter:none!important}.portrait-large .character-portrait,.collection-art .character-portrait,.inspect-art .character-portrait{width:100%;height:100%}@media(max-height:680px){.studio-preview-wrap{flex-basis:185px}.studio-heading{padding:4px 10px}.studio-heading button{min-height:34px}.studio-animation{padding:4px 10px}.studio-animation button{min-height:32px}.studio-sections button{min-height:38px}.studio-fields{padding:10px 12px}}.next-card .character-portrait{display:block;width:100%;height:44px}.mini-card .character-portrait{width:100%}.deck-slots .card-art .character-portrait{width:75px;height:75px}:root{--ink: #eef5ff;--muted: #a7c0db;--border: #3b5c7f;--gold: #f4c751;--green: #69d6a3;--red: #f58387}.phone-shell{background:#142f50;color:#eff6ff}.in-menu{background:radial-gradient(ellipse at 50% 10%,#2a5682,#193c60 48%,#102944)}.mobile-header{min-height:calc(54px + env(safe-area-inset-top));background:linear-gradient(#25496f,#183653);border-bottom:2px solid #42668b;box-shadow:0 3px 12px #071a3033}.mobile-header>strong{font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.header-brand{color:#ffdd74;font-weight:700}.points-pill{border:1px solid #6d6aa3;background:linear-gradient(#594e89,#3a3764);color:#f4e4ff;box-shadow:inset 0 1px #b39de166,0 3px #18223e;border-radius:12px}.menu-screen{padding:14px 14px max(16px,env(safe-area-inset-bottom))}.in-menu h1,.in-menu h2,.in-menu h3,.modal h2,.modal h3{color:#f3f7ff;font-family:inherit;font-weight:700}.in-menu p,.in-menu small,.in-menu .hint,.in-menu .muted-text,.modal p{color:#acc4df}.in-menu .btn,.modal .btn,.in-menu .chip,.in-menu .tabs button,.in-menu .editor-unit-tabs button{color:#e8f3ff;border:1px solid #54789e;border-top-color:#7396bc;background:linear-gradient(#345d86,#274b70);box-shadow:inset 0 1px #b9dbff22,0 3px #0d2540;border-radius:10px;font-weight:700;min-height:44px}.in-menu .btn.primary,.modal .btn.primary{background:linear-gradient(#f7d574,#e9ac37);color:#49300d;border-color:#ffe69d;box-shadow:inset 0 1px #fff5c4,0 4px #9b651c;text-shadow:0 1px 0 #ffe6ac}.in-menu .btn:active,.in-menu .chip:active,.lobby-nav button:active,.play-button:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #12254233,0 1px #0d2540}.in-menu .btn:hover,.modal .btn:hover{filter:brightness(1.08)}.in-menu .icon-btn{background:linear-gradient(#345d86,#274b70)}.in-menu .panel,.modal .panel{background:linear-gradient(145deg,#25496b,#1e3c5c);border:1px solid #476989;box-shadow:0 4px #0c2540,inset 0 1px #a5c9e51c;border-radius:14px}.in-menu .panel-heading,.modal .panel-heading{padding:12px;border-color:#42607e;background:#152e4740}.in-menu .panel-content{padding:12px}.in-menu .page-heading>div:first-child:not(.heading-actions){display:none}.in-menu .page-heading{display:none}.in-menu .page-heading:has(>.btn),.in-menu .page-heading:has(.heading-actions){display:flex;margin:0 0 14px;gap:0}.in-menu .page-heading>.btn{width:100%}.in-menu .section-intro,.in-menu .editor-profile .eyebrow{display:none}.in-menu .editor-profile .hint,.in-menu .match-controls .panel-content>.hint{display:none}.in-menu .editor-profile .field{margin:8px 0 12px}.in-menu .editor-profile .portrait-large{height:136px}.in-menu .configuration-preview{height:clamp(190px,29dvh,250px);border-radius:12px 12px 0 0}.character-preview-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#d9e9f0,#abc5d7);border:1px solid #57718e;box-shadow:inset 0 1px #d1e7f333}.configuration-preview .preview-turn{position:absolute;bottom:10px;right:10px}.in-menu .editor-budget-only{padding:12px}.in-menu .editor-budget-only .budget-box{margin:0}.in-menu .budget-box{margin:12px 0;padding:12px;background:#142e49;border-color:#436584}.in-menu .budget-number,.in-menu .budget-number strong{font-size:26px;color:#ffe09a}.in-menu .field,.in-menu label,.in-menu .field>span,.in-menu .field b{color:#d6e6f8}.in-menu .field>span>b{flex-shrink:0;min-width:44px;padding:5px 8px;border:1px solid #527a9d;border-radius:7px;background:#0d253e;color:#ffe09a;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.in-menu input[type=text],.in-menu input[type=number],.modal input[type=text],.touch-sheet input.color-hex{background:#102c48;border:1px solid #557b9e;color:#fff;border-radius:10px;min-height:46px;font-size:16px;box-shadow:inset 0 2px 4px #06172b66}.phone-shell input[type=range],.touch-sheet input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;min-height:44px;width:100%;cursor:pointer;padding:0}.phone-shell input[type=range]::-webkit-slider-runnable-track,.touch-sheet input[type=range]::-webkit-slider-runnable-track{height:9px;border-radius:8px;background:#12304c;border:1px solid #54799a}.phone-shell input[type=range]::-webkit-slider-thumb,.touch-sheet input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:26px;width:26px;margin-top:-9px;border:3px solid #fce7b0;border-radius:9px;background:linear-gradient(#f4d879,#e7ad3e);box-shadow:0 3px #866124}.phone-shell input[type=range]::-moz-range-track{height:9px;border-radius:8px;background:#12304c}.phone-shell input[type=range]::-moz-range-thumb{height:22px;width:22px;border:3px solid #fce7b0;border-radius:8px;background:#e7ad3e}.phone-shell input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px;height:28px;border:2px solid #6885a1;border-radius:18px;background:#122c48;position:relative;cursor:pointer}.phone-shell input[type=checkbox]:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;top:2px;left:2px;background:#a1b4c8;transition:transform .16s}.phone-shell input[type=checkbox]:checked{background:#287b75;border-color:#79d8bb}.phone-shell input[type=checkbox]:checked:after{transform:translate(18px);background:#e7fff3}.in-menu .tag{background:#183653;color:#bad2ec;border-color:#496f94}.in-menu .tag.success,.in-menu .unlocked-label{background:#1c554c;color:#a0efd0}.in-menu .collection-card .row small{color:#b2c9e0}.in-menu .collection-art,.in-menu .portrait-large{background:radial-gradient(ellipse at 50% 90%,#6b91af,#304f70);border-color:#57718e}.in-menu .card-kind-label{color:#d6e8f8;opacity:1}.in-menu .collection-toolbar{margin-top:16px}.in-menu .collection-toolbar h2{font-size:16px}.in-menu .chip.active,.in-menu .tabs button.active,.in-menu .editor-unit-tabs button.active{background:linear-gradient(#477aa7,#315a87);color:#ffdf81;border-color:#e7c36c}.in-menu .editor-unit-tabs,.in-menu .tabs{border-color:#4c6885;gap:6px;padding:10px}.in-menu .editor-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:0;background:#1a3754;border:0;border-radius:12px 12px 0 0}.editor-toolbar{position:sticky;top:0;z-index:5;margin-bottom:14px;border:1px solid #436483;border-radius:12px;overflow:hidden;background:#1a3754;box-shadow:0 4px 8px #071a3040}.editor-budget-bar{flex-shrink:0;padding:10px 12px;background:#102b46;border-top:1px solid #436483}.editor-budget-bar .row{gap:8px;flex-wrap:wrap}.editor-budget-bar #editor-remaining{color:#ffe09a;font-size:14px;font-variant-numeric:tabular-nums}.editor-budget-bar .budget-used{color:#b9d1e9;font-size:10px;white-space:nowrap}.editor-budget-bar .meter{height:6px;margin-top:8px}.in-menu .editor-budget-bar .meter i{background:linear-gradient(90deg,#dca52e,#ffe09a);margin-left:0}.editor-budget-bar[data-over-budget=true] #editor-remaining{color:#ff999f}.character-studio>.editor-budget-bar{margin:0 12px 8px;border:1px solid #436483;border-radius:10px}.in-menu .editor-tabs:has(>button:nth-child(5)){grid-template-columns:repeat(12,minmax(0,1fr))}.in-menu .editor-tabs:has(>button:nth-child(5))>button{grid-column:span 6}.in-menu .editor-tabs:has(>button:nth-child(5))>button:nth-child(3){grid-column:span 3}.in-menu .editor-tabs:has(>button:nth-child(5))>button:nth-child(4){grid-column:span 5}.in-menu .editor-tabs:has(>button:nth-child(5))>button:nth-child(5){grid-column:span 4}.in-menu .editor-tabs>button{min-width:0;min-height:54px;padding:7px 4px;flex-direction:column;justify-content:center;gap:5px;font-size:11px;white-space:normal}.in-menu .editor-tabs>button[data-value=stats]{font-size:11px;letter-spacing:0}.in-menu .ability-card,.in-menu .ability-config,.in-menu .rule-card{background:#1a3856;border-color:#4b6d8d;color:#e6f3ff}.in-menu .ability-card.selected{background:#215b65;border-color:#7ed5c0}.in-menu .ability-tile{background:#1a3856;border-color:#4b6d8d}.in-menu .ability-tile.active{background:#215b65;border-color:#7ed5c0}.in-menu .ability-tile strong{color:#eef5ff}.in-menu .ability-tile small{color:#b9d1e9}.in-menu .setup-defense,.in-menu .tower-card,.in-menu .setting-row{background:#1a3754;border-color:#436483;color:#d5e8f8}.in-menu .setup-defense strong{color:#fff}.in-menu .mini-stats strong{color:#f3f7ff}.in-menu .meter{background:#112b45;box-shadow:inset 0 1px 2px #081b30}.in-menu .meter i{background:linear-gradient(90deg,#42c68e,#8ee1a6)}.in-menu .tower-config-footer{background:#142f4b;color:#b9d1e9;border-color:#426586}.in-menu .tower-illustration{color:#9cd6ff;background:radial-gradient(ellipse,#397fb54d,transparent 68%)}.in-menu .tower-card:nth-child(2) .tower-illustration,.in-menu .tower-card .eyebrow{color:#f4d17f}.in-menu .callout{background:#183b59;color:#b9d8eb;border-color:#3e728b}.in-menu .empty-state{color:#b6cce0}.lobby-screen{display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:12px 18px max(12px,env(safe-area-inset-bottom));background:repeating-conic-gradient(#ffffff03 0% 25%,transparent 0% 50%) 50% / 60px 60px}.lobby-hero{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.lobby-crown{color:#ffdb6d;filter:drop-shadow(0 3px 0 #83612e);height:38px}.lobby-hero h1{font-family:inherit;font-size:clamp(32px,5.8dvh,50px);line-height:1;text-transform:uppercase;letter-spacing:-1.5px;font-weight:700;margin:8px 0 4px;color:#f4f7ff;text-shadow:0 4px 0 #0e2949,0 6px 12px #071f41}.lobby-hero h1 em{display:block;font-style:normal;color:#ffdb70;font-weight:700;font-size:1.15em;letter-spacing:1px}.lobby-party{display:flex;justify-content:center;align-items:end;width:100%;height:clamp(100px,22dvh,190px);position:relative;margin-top:8px;isolation:isolate}.lobby-party:before{content:"";position:absolute;z-index:-1;width:88%;height:35%;bottom:0;background:#539bcc44;border:2px solid #94d8ff44;border-radius:50%;box-shadow:0 5px #102c46,0 0 40px #75c8ff33}.lobby-party>div{width:35%;height:88%;transform:rotate(-8deg)}.lobby-party>div:nth-child(2){height:100%;z-index:2;margin:0 -7%;transform:none}.lobby-party>div:nth-child(3){transform:rotate(8deg)}.lobby-party img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 3px #10284866)!important}.play-button{flex-shrink:0;margin:0 0 4px;padding:15px 20px;border:2px solid #ffe6a2;border-radius:16px;background:linear-gradient(#ffe286,#edb239);box-shadow:inset 0 2px #fff3c3,0 5px #99621e,0 9px 18px #081c3266;color:#553713}.play-button>span{font-family:inherit;font-size:27px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 0 #fff0be}.play-button small{font-size:11px;font-weight:650;letter-spacing:0;color:#75501e}.lobby-nav{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lobby-nav button{min-height:80px;padding:12px 8px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid #77acd4;border-top:2px solid #a2c8eb;border-radius:14px;color:#eef8ff;background:linear-gradient(145deg,#3976a7,#27537d);box-shadow:inset 0 1px #c4e1ff33,0 4px #0e2947;text-shadow:0 2px 0 #1b3b5d}.lobby-nav button:nth-child(2){background:linear-gradient(145deg,#546fa2,#394b78)}.lobby-nav button:nth-child(3){background:linear-gradient(145deg,#7e5fa6,#574179)}.lobby-nav button:nth-child(4){background:linear-gradient(145deg,#388d90,#24646e)}.lobby-nav button>svg:first-child,.lobby-nav button>svg:last-child{color:#ffe29a;filter:drop-shadow(0 2px 0 #15365766)}.lobby-nav strong{font-size:13px;font-weight:700}.lobby-footer{flex-shrink:0;margin:0;color:#96bad8;font-size:9px;padding:0}.lobby-footer .btn{min-height:38px;padding:6px 9px;font-size:10px}.menu-screen:has(.character-studio){padding:14px 14px max(16px,env(safe-area-inset-bottom));overflow-y:auto}.character-studio{height:auto;background:#193653;color:#eef7ff}.appearance-panel{overflow:hidden}.appearance-panel .studio-preview-wrap.character-preview-card{margin:0;flex-basis:clamp(190px,28dvh,250px);border:0;border-bottom:1px solid #57718e;border-radius:0}.appearance-panel .studio-fields{flex:none;overflow:visible}.studio-name{padding:14px 16px 8px}.studio-name .field+.field{margin-top:12px}.appearance-panel .studio-view-buttons button:first-child{margin-right:0}.appearance-panel .studio-sections{flex-wrap:wrap}.configuration-fields{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #436483}.field-grid>.field-full-width{grid-column:1 / -1}.field-full-width .touch-select>span:first-of-type{white-space:normal;overflow:visible;text-overflow:clip}.studio-heading,.studio-budget{background:#142e48;border-color:#446584;color:#bad1e5}.studio-heading strong{font-size:12px}.studio-preview-wrap{background:radial-gradient(ellipse at 50% 40%,#d9e9f0,#abc5d7)}.studio-preview-wrap.character-preview-card{margin:0 12px 10px;border:1px solid #57718e;border-radius:12px}.studio-animation,.studio-sections{background:#15314e;border-color:#486782}.studio-animation button,.studio-sections button,.accessory-option{background:linear-gradient(#315573,#25435e);color:#dbeaff;border:1px solid #587692;border-radius:9px;min-height:44px;font-weight:700}.studio-animation button[aria-pressed=true],.studio-sections button.active,.accessory-option.active{background:#296c76;border-color:#83d7cb;color:#eafff7;box-shadow:inset 0 1px #b2ffe033}.studio-sections{padding:6px;gap:4px}.studio-sections button{min-width:0;font-size:10px;padding:5px}.studio-fields .hint{color:#b6cde1;font-size:11px}.studio-fields input[type=text]{background:#112d47;color:#fff}.studio-view-buttons button{min-height:40px}.studio-budget{font-size:10px}select[hidden],input[hidden]{display:none!important}.touch-select{display:flex;align-items:center;gap:9px;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #6789a8;border-top-color:#7d9fbd;border-radius:11px;background:linear-gradient(#315675,#24435f);color:#eef7ff;box-shadow:inset 0 1px #bde3ff22,0 3px #0f2942;text-align:left;font-size:14px;font-weight:700}.touch-select>span:first-of-type{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.touch-chevron{color:#ffc95c;width:18px;height:18px;flex:0 0 18px;align-self:center;display:block}.color-preview{display:block;width:28px;height:28px;border:2px solid #dbeafb;border-radius:8px;flex-shrink:0;box-shadow:0 2px 2px #0004}.color-preview+span{font-size:11px}.touch-select:active{transform:translateY(1px)}.touch-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:var(--phone-width);max-width:100vw;max-height:85dvh;border:2px solid #688eaf;border-bottom:0;border-radius:22px 22px 0 0;padding:0;color:#eef6ff;background:linear-gradient(#284b6e,#142f4b);box-shadow:0 -12px 40px #04132677,inset 0 2px #a9d7ff33;overflow:hidden}.touch-sheet::backdrop{background:#071a30a3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.touch-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #5b7893}.touch-sheet h2{color:#fff;font-size:18px;font-weight:700}.sheet-close{width:44px;height:44px;border:1px solid #698caf;background:#183754;color:#fff;border-radius:12px;font-size:28px}.sheet-body{max-height:calc(85dvh - 72px);overflow-y:auto;overscroll-behavior:contain;padding:16px 16px max(20px,env(safe-area-inset-bottom))}.touch-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.touch-options button{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:56px;padding:12px;border:1px solid #6585a5;border-radius:12px;background:linear-gradient(#3b6082,#294966);color:#edf5ff;font-size:14px;font-weight:700;text-align:left;box-shadow:0 3px #0b233c}.touch-options button[aria-checked=true]{background:linear-gradient(#3a817d,#28635e);border:2px solid #a8e7c8;color:#fffbdc}.touch-options i{font-style:normal;color:#ffde7c}.color-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.color-swatch{aspect-ratio:1;min-height:38px;border:2px solid #d2e3f277;border-radius:11px;background:var(--swatch);box-shadow:inset 0 2px #fff4,0 3px #061e36;color:#fff;text-shadow:0 1px 3px #000;font-weight:700;font-size:22px}.color-swatch[aria-pressed=true]{outline:2px solid #ffdc74;outline-offset:2px}.custom-color{display:flex;align-items:center;gap:12px;margin:18px 0 10px}.color-sample{width:58px;height:58px;border:2px solid #d9ecff;border-radius:13px;flex-shrink:0}.custom-color label{display:grid;gap:5px;width:100%;font-size:12px;color:#bcd1e6}.touch-sheet input.color-hex{width:100%;padding:8px 10px}.color-sliders{display:grid;gap:5px}.color-sliders label{display:grid;grid-template-columns:95px 1fr;align-items:center;font-size:12px;color:#bed5eb}.apply-color{width:100%;margin-top:12px;min-height:48px;border:1px solid #ffe19a;border-radius:12px;background:linear-gradient(#ffdc79,#e8ae37);color:#4b3312;font-size:15px;font-weight:700;box-shadow:0 3px #93641e}.modal{background:linear-gradient(#294b6b,#19354e);color:#e7f1fd;border:1px solid #6787a3}.modal-toolbar{background:#193750;color:#c6dff3;border-color:#4e718e}@media(max-height:680px){.lobby-screen{gap:10px;padding:8px 14px 10px}.lobby-crown{display:none}.lobby-hero h1{font-size:29px;margin:2px 0}.lobby-party{height:100px;margin-top:3px}.play-button{padding:10px 16px}.play-button>span{font-size:24px}.lobby-nav button{min-height:66px;padding:8px;gap:4px}.lobby-nav button svg{width:23px;height:23px}.studio-preview-wrap{flex-basis:160px}.studio-heading strong{display:none}.studio-animation{padding:4px 8px}.studio-animation button,.studio-sections button{min-height:40px}}@media(prefers-reduced-motion:reduce){.phone-shell *{transition:none!important}}.lobby-nav button:nth-child(n)>svg:first-child{color:#ffe29a}.in-menu .deck-validity{background:#1b454b;color:#b3e7d4;border-color:#477374}.in-menu .collection-toolbar h2>span{background:#345875;color:#d9eaff}@media(max-width:360px){.color-palette{grid-template-columns:repeat(5,minmax(0,1fr))}}.touch-sheet input[data-channel="0"]::-webkit-slider-runnable-track{background:linear-gradient(to right,#ed5151,#e8d74e,#5eca65,#4ac8cc,#4d6edb,#ce5dc4,#ed5151)}.touch-sheet input[data-channel="0"]::-moz-range-track{background:linear-gradient(to right,#ed5151,#e8d74e,#5eca65,#4ac8cc,#4d6edb,#ce5dc4,#ed5151)}.studio-view-buttons button,.studio-animation button,.studio-sections button{min-height:44px}:root{--game-font: Arial, Helvetica, sans-serif;font-family:var(--game-font)}#app,#app *{font-family:var(--game-font);text-transform:uppercase}#app h1,#app h2,#app h3{letter-spacing:.02em}.lobby-nav button,.play-button>span{text-shadow:none}.touch-select,.sheet-option{letter-spacing:.02em}.elixir-gem{background:linear-gradient(145deg,#f3ad62,#bd662e);border-color:#ffe1aa;color:#23180f;text-shadow:0 1px 0 #ffd69b;box-shadow:0 2px #743b1e,0 3px 6px #101d3655}.deck-slots .card-art{height:78px;position:relative}.deck-slots .card-art .character-portrait{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;max-width:none;margin:0}.deck-slots .game-card strong{font-size:clamp(10px,2.7vw,12px);line-height:1.15;min-height:30px;padding:4px 3px 2px;white-space:normal;overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.appearance-panel .studio-animation{justify-content:center;padding:6px 16px;gap:8px}.appearance-panel .studio-animation button{flex:0 1 88px;min-height:34px;padding:6px 8px;font-size:10px}.appearance-panel .studio-sections{padding:10px 12px;gap:6px}.appearance-panel .studio-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.face-photo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.face-photo-actions button{flex:1;min-height:44px}.face-photo-panel input[hidden]{display:none}.face-photo-panel .field-grid{margin-bottom:12px}.face-crop-dialog{width:min(440px,calc(100vw - 16px));max-height:calc(100dvh - 20px);box-sizing:border-box;padding:14px;border:2px solid #5d9cdb;border-radius:20px;background:linear-gradient(#164e89,#092d59);color:#fff;box-shadow:0 16px 70px #0009;overscroll-behavior:contain;scrollbar-width:none}.face-crop-dialog::-webkit-scrollbar{display:none}.face-crop-dialog::backdrop{background:#031326cc}.face-crop-dialog header{display:flex;align-items:center;justify-content:space-between;gap:8px}.face-crop-dialog h2{font-size:17px;margin:0}.face-crop-dialog header button{min-width:44px;min-height:44px;padding:6px}.face-crop-dialog p{font-size:11px;line-height:1.5;color:#d5e8ff;margin:10px 0}.face-crop-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.face-crop-views>div{min-width:0}.face-crop-views>div>span{display:block;margin-bottom:6px;font-size:10px;color:#ffdc82}.face-crop-canvas,.face-crop-preview{display:block;width:100%;aspect-ratio:1;background:#071e38;border-radius:12px;overflow:hidden;touch-action:none}.face-crop-preview{position:relative;background:radial-gradient(#4f8ab7,#17395d)}.face-crop-preview canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.face-crop-canvas{cursor:move}.face-crop-controls{display:grid;gap:4px;margin-top:10px}.face-crop-control{display:grid;grid-template-columns:95px minmax(0,1fr);align-items:center;font-size:11px}.face-crop-control input{width:100%;min-width:0;height:40px;margin:0;accent-color:#ffd05c}.face-crop-dialog footer{display:flex;gap:8px}.face-crop-dialog footer button{min-height:46px;font-size:11px;flex:1}.face-crop-dialog button:disabled{opacity:.45;cursor:not-allowed}.face-crop-dialog{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase}.face-crop-dialog button{font-family:inherit;font-weight:700;text-transform:uppercase;border:1px solid #629bd2;border-radius:10px;background:linear-gradient(#2865a4,#164578);color:#fff;box-shadow:0 3px #051b37}.face-crop-dialog button.primary{background:linear-gradient(#ffe89e,#ffc74b);border-color:#ffe7a2;color:#49300c;box-shadow:0 3px #8d5b1e}.selfie-view{position:relative;width:100%;height:clamp(180px,35dvh,340px);background:#051a32;border-radius:14px;overflow:hidden;margin-top:12px}.selfie-view video{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.selfie-guide{position:absolute;width:45%;height:75%;left:27.5%;top:12.5%;border:2px dashed #ffe195aa;border-radius:50%;pointer-events:none}.selfie-dialog button[hidden]{display:none}.selfie-native{display:block;width:100%;min-height:44px;margin-top:10px;font-size:11px}.face-photo-actions button{flex-basis:calc(50% - 8px)}