/* Royal blue, lacquer red and warm stone. Text and controls stay HTML. */
#toast{opacity:0;visibility:hidden}#toast.show{opacity:1;visibility:visible}
.launch-notice{max-width:640px;margin:12vh auto;padding:35px;border:1px solid #b7c6e3;border-radius:12px;background:#fffdf7;box-shadow:0 10px 40px #18386e18}.launch-notice h1{font-size:25px;letter-spacing:0}.launch-notice p{font-size:15px;line-height:1.9;color:#586783;letter-spacing:0}.launch-notice .btn{margin-top:14px}
:root{--ink:#25365a;--muted:#64708b;--paper:#f3f5fc;--panel:#fffefa;--line:#d4dcec;--green:#375dc0;--gold:#bb842c;--red:#be3a49}
body{background:radial-gradient(ellipse at 80% 0,#e4ebff,transparent 55%),#f5f6fb}.sidebar{background:#15274a;color:#dae8ff;border-right:1px solid #344e79}.brand,.brand-icon{color:#f5d995}.brand small{color:#a6badb}.nav button{color:#b9c9e5}.nav button.active{background:linear-gradient(110deg,#355da0,#263f75);color:#fff;border:1px solid #648bd277}.nav-label{color:#809bbe}.sidebar-foot,.sidebar-foot strong{color:#aebfda}.sidebar-foot .text-btn{color:#d8c291}.hero:before{background-image:url('/assets/court.png');background-position:center 40%}.hero:after{background:linear-gradient(90deg,#11234deb,#182d54bd 35%,#13254400 80%)}.hero h2{text-shadow:0 3px 12px #061a3766}.btn.primary{background:linear-gradient(#4a77d8,#3154a9);border-color:#385ba5}.btn.gold{background:linear-gradient(#ffe4a1,#deb763);border-color:#edce87;box-shadow:inset 0 1px #fff3cf,0 3px 10px #0e1c3355}.mode-icon{background:#e9f0ff;color:#3760b1}.deck-tile.selected{border-color:#4a70c2;box-shadow:0 0 0 2px #5276bb20}.deck-seal{color:#476cb92b}.topbar{background:#ffffffa6}.card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px;padding:12px 4px}.detail-layout{grid-template-columns:220px 1fr;align-items:start}.detail-layout>.card{width:220px}.detail-layout .card-art{height:auto}.detail-layout .card-name{font-size:19px}.detail-layout .card-text{font-size:13px}.detail-layout .card-type{font-size:11px}.detail-layout .chips{margin-top:12px}dialog{max-width:700px;background:linear-gradient(135deg,#fffdf7,#edf2ff);border:2px solid #b1bed5}.modal-head h2{font-family:'Malgun Gothic',sans-serif;font-size:22px;font-weight:700}.modal-copy{font-size:13px;color:#566581}.tab-content{font-size:14px}.settings-actions{display:grid;gap:14px;margin-top:20px}.sound-settings{display:grid;gap:16px}.sound-settings label{display:flex;justify-content:space-between;font-size:14px}.sound-settings input{accent-color:#3c65c6;width:100%}.sound-settings output{font-variant-numeric:tabular-nums}.sound-settings .modal-copy{margin-bottom:0}.era-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#fffdf7;border:1px solid #dededb;padding:13px 18px;border-radius:7px;font-size:12px;margin:14px 0}.era-legend>span{display:flex;align-items:center;gap:7px}.era-legend i{display:grid;place-items:center;font-style:normal;width:25px;height:27px;border:2px solid var(--era-gold);background:var(--era);color:#fff1be;clip-path:polygon(50% 0,100% 20%,90% 90%,50% 100%,10% 90%,0 20%)}.era-legend small{color:#66748e;font-size:11px;margin-left:auto}
/* Every era has a label, a sigil and a color family. */
.era-samguk{--era:#974132;--era-dark:#482a2b;--era-light:#c77749;--era-gold:#e2b65b;--era-pattern:repeating-linear-gradient(60deg,transparent 0 12px,#ffd6a210 12px 14px)}
.era-goryeo{--era:#168780;--era-dark:#124945;--era-light:#7ccaba;--era-gold:#e1ce96;--era-pattern:repeating-radial-gradient(ellipse at 50% 0,transparent 0 12px,#bdf3ce16 13px 15px)}
.era-joseon{--era:#345998;--era-dark:#192b55;--era-light:#789bdd;--era-gold:#e8c67b;--era-pattern:repeating-radial-gradient(ellipse at 0 50%,transparent 0 16px,#cddcff12 17px 19px)}
.era-cross-era{--era:#34858e;--era-dark:#273d6b;--era-light:#719fc7;--era-gold:#e4c384;--era-pattern:repeating-linear-gradient(135deg,transparent 0 15px,#b2ebf21c 16px 18px)}
.era-neutral{--era:#80649b;--era-dark:#392e54;--era-light:#b89cc9;--era-gold:#dfc59e;--era-pattern:repeating-linear-gradient(45deg,transparent 0 18px,#eed8ff14 19px 21px)}
/* Original decorative frame inspired by physical collectible cards. */
.card{display:flex;flex-direction:column;width:100%;aspect-ratio: .69;min-height:0;padding:10px 9px 7px;isolation:isolate;position:relative;overflow:visible;border:3px solid var(--era-gold,#d8bb73);border-radius:28px 28px 13px 13px;background:var(--era-pattern),linear-gradient(120deg,var(--era-light),var(--era) 25%,var(--era-dark) 65%,var(--era));color:#332916;box-shadow:inset 0 0 0 2px #19243a,inset 0 0 0 4px #fbe3aa77,0 5px 0 #16203bcc,0 9px 14px #1f2a4433;text-align:center;transition:transform .18s,box-shadow .18s;cursor:pointer}
.card:before{content:'';position:absolute;inset:6px;border:1px solid var(--era-gold);border-radius:23px 23px 7px 7px;pointer-events:none;opacity:.65}.card:hover:not(:disabled){transform:translateY(-5px);filter:none;box-shadow:inset 0 0 0 2px #19243a,inset 0 0 0 4px #fbe3aa77,0 5px 0 #16203b,0 12px 24px #1f2a4455}.card.legendary{border-color:#f6d788;box-shadow:inset 0 0 0 2px #584120,inset 0 0 0 4px #fbe3aa,0 5px 0 #443319,0 8px 18px #d59c3d44}.card-corner{position:absolute;top:3px;width:30px;height:40px;border:3px double var(--era-gold);z-index:1;border-radius:60% 15%;background:linear-gradient(130deg,#ffe7a8,var(--era-dark));pointer-events:none}.card-corner.top-left{left:-5px;transform:rotate(-18deg)}.card-corner.top-right{right:-5px;transform:rotate(18deg) scaleX(-1)}.card-art{height:auto;flex:1 1 49%;min-height:0;position:relative;border:3px solid #cbb386;border-radius:49% 49% 15% 15% / 45% 45% 12% 12%;background:#8c754c;display:block;overflow:hidden;box-shadow:0 0 0 2px #14233c,0 0 0 4px var(--era-gold),inset 0 0 18px #0007;margin:0 6px 0}.card-art:before{inset:0;border:0;border-radius:0;background:linear-gradient(transparent 72%,#14213699);z-index:1;pointer-events:none}.card-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 35%;user-select:none}.era-medallion{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);z-index:2;color:#ffe4a2;text-shadow:1px 2px #161d31;font:18px Georgia,serif}.cost{top:-7px;left:-10px;width:43px;height:49px;border:3px solid #bbdeff;border-radius:11px 11px 15px 15px;background:linear-gradient(130deg,#9ce6ff 0,#237ccb 40%,#122e6d 80%);box-shadow:0 0 0 2px #1e3255,0 4px 6px #07163280;color:#fff;font:bold 31px Georgia,serif;text-shadow:-1px -1px #16335a,2px 2px #102543;z-index:5;clip-path:polygon(25% 0,80% 0,100% 25%,90% 80%,50% 100%,7% 78%,0 28%)}.card-name{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;margin:-4px -11px 0;padding:6px 8px;min-height:35px;background:linear-gradient(#f6e4b8,#cab27e 46%,#aa915e 50%,#d6be8a 55%,#f8e4b3);border:2px solid #6d593c;box-shadow:0 2px 2px #0c1b3d88,inset 0 0 0 1px #fff3c4;color:#292619;text-shadow:0 1px #fff9de;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:17px;font-weight:900;letter-spacing:-.5px;border-radius:6px 6px 30% 30%;line-height:1.25;word-break:keep-all}.card-type{height:21px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:5px;color:#f7e6b6;font-size:10px;margin:2px 0 1px;letter-spacing:.4px;text-shadow:0 1px #18253e}.rarity-gem{width:8px;height:8px;transform:rotate(45deg);background:#d5ecff;border:1px solid #f9f7ce;box-shadow:0 0 5px #bce1fd}.legendary .rarity-gem{background:#ffd151}.card-scroll{flex:0 0 25%;display:flex;align-items:center;justify-content:center;min-height:0;padding:8px 6px;background:radial-gradient(ellipse at center,#fff8de,#ead2a0);border:2px solid #927e59;border-radius:5px;box-shadow:inset 0 0 9px #a9845244}.card-text{min-height:0;margin:0;font-family:'Malgun Gothic',sans-serif;font-size:12px;font-weight:700;line-height:1.65;color:#3c3324;text-align:center;word-break:keep-all}.card-bottom{height:25px;flex-shrink:0;border:0;padding:3px 0 0;margin:0;display:flex;justify-content:center;align-items:center;gap:8px;color:#fff2c8;font-size:10px;font-weight:bold;text-shadow:0 1px #0b1630}.era-symbol{font:13px Georgia;border:1px solid #ffe2a06b;border-radius:50%;height:19px;width:19px;display:grid;place-items:center}.relation-gem{color:#ffdf83}.collection-item{gap:14px}.collection-item>.card{flex:none}.counter{font-size:13px}.counter button{padding:9px 17px}.detail-layout .card-scroll{min-height:78px}.detail-layout .card{min-height:328px}.detail-layout .card-art{min-height:140px}.detail-layout .card-name{min-height:38px}.detail-layout .card-bottom{height:29px}
/* Dedicated battle scene — no application navigation or lobby header. */
body.in-battle{background:#132343 url('/assets/court.png') center/cover fixed}.battle-shell{min-height:100dvh;background:linear-gradient(#0c1e3dde,#263d6066 18%,#182b4b88)}.battle-toolbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:linear-gradient(#142542f5,#132d4edb);border-bottom:1px solid #b79855aa;color:#fff0c9}.battle-brand{font:19px Georgia,serif;letter-spacing:3px}.battle-brand span{font:11px sans-serif;letter-spacing:1px;margin-left:15px;color:#b5c9ed}.battle-tools{display:flex;align-items:center;gap:12px}.battle-tools .connection{color:#b8e8d4;font-size:11px}.toolbar-button{border:1px solid #7187aa80;color:#e4ecfa;background:#24416a;padding:7px 12px;border-radius:5px;font-size:12px}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 194px;gap:18px;padding:17px 24px;max-width:1700px;margin:auto;align-items:start}.arena-wrap{min-width:0}.board{border:3px solid #bd975a;border-radius:18px;background:#e3c892;overflow:visible;box-shadow:0 0 0 3px #493f3b,0 0 0 5px #e5c99266,0 10px 40px #03132680}.nation{position:relative;display:flex;gap:16px;align-items:center;flex-wrap:nowrap;padding:9px 19px;background:linear-gradient(110deg,#284986,#193359);color:#fff2d8;min-height:86px;border:0}.nation.opponent{background:linear-gradient(110deg,#863b3f,#442840);border-radius:14px 14px 0 0;border-bottom:2px solid #c99367}.nation.me{border-top:2px solid #87b4e4;border-bottom:2px solid #ae975d}.nation-identity{display:flex;gap:12px;align-items:center;min-width:180px;flex:1}.commander-portrait{height:68px;width:59px;flex-shrink:0;border:3px solid #ead090;border-radius:50% 50% 14% 14%;overflow:hidden;box-shadow:0 0 0 2px #0b1e3d,0 3px 8px #001a43}.commander-portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 28%}.nation-name{min-width:0}.nation-name b{font-size:13px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.nation-name span{font-size:10px;color:#c4d5ef;line-height:1.4;margin-top:3px}.nation-name .side-label{font-size:9px;color:#eed29a;letter-spacing:1px;margin:0 0 3px}.victory-metrics{display:flex;gap:16px;flex-shrink:0}.metric-target{position:relative}.influence,.development{display:flex;align-items:center;gap:7px;font-family:inherit;color:#ffeada}.influence>div,.development>div{display:flex;flex-direction:column}.influence strong,.development strong{font:bold 29px Georgia,serif;line-height:1.1;color:#fff9ee;text-shadow:0 2px #07254f}.influence span,.development span{font-size:10px;color:#e2e8f1}.influence small,.development small{font-size:9px;margin:0;color:#b4c7e5}.influence .metric-icon{font-size:29px;color:#ff8088;text-shadow:0 2px 3px #330416}.development .metric-icon{font-size:30px;color:#ffdb75}.nation-stats{display:flex;gap:7px;margin-left:auto;flex-shrink:0}.stat{display:grid;grid-template-columns:18px 1fr;align-items:center;justify-items:center;gap:2px 3px;min-width:61px;padding:7px 5px 5px;border:1px solid #97b5e14a;border-radius:7px;background:#0d23494d;position:relative}.stat .stat-icon{font-size:17px;color:#ffce76;grid-row:1/3;margin:0}.stat .stat-label{font-size:10px;color:#d6e5ff;margin:0}.stat b{font:bold 23px Georgia,serif;color:#fff;line-height:1}.stat.danger{background:#92354680;border-color:#ffb09b}.stat.danger b{color:#ffe489}.opponent-hand{height:25px;display:flex;justify-content:center;gap:4px;background:linear-gradient(#ac74553d,#e8c78e00);overflow:hidden}.card-back{display:grid;place-items:center;width:37px;height:48px;border:2px solid #dfc488;background:repeating-linear-gradient(45deg,#753b59 0 7px,#934969 7px 9px);color:#eecf85;font:18px Georgia;border-radius:0 0 4px 4px;margin-top:-26px;box-shadow:0 2px 4px #684b35}.battle-mat{background:linear-gradient(#ffedc684,#ffebc0b8),url('/assets/court.png') center 57%/cover;border-left:9px solid #8a633833;border-right:9px solid #8a633833}.zones{padding:8px 19px 10px;min-height:0;display:grid;grid-template-columns:1.65fr 1fr;gap:24px}.zone-title{font-size:10px;color:#6d5535;margin-bottom:6px;font-weight:700}.zone-title>span:last-child{font-size:10px;color:#806843}.field{display:flex;gap:8px;min-height:80px;overflow-x:visible}.field-card{min-width:0;max-width:none;height:80px;flex:1;position:relative;overflow:hidden;border:2px solid var(--era-gold);background:var(--era-dark);box-shadow:0 2px 0 #604726,0 3px 5px #6e512d55;border-radius:50% 50% 6px 6px;padding:0;transition:transform .18s}.field-card:hover{transform:translateY(-3px);filter:none}.field-card>img{width:100%;height:100%;object-fit:cover;object-position:center 34%;opacity:.95}.field-card>b{position:absolute;bottom:0;left:0;right:0;padding:5px 2px;background:linear-gradient(transparent,#142443 25%);font-size:10px;font-weight:700;color:#fff1c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-era{position:absolute;top:3px;right:5px;font:10px Georgia;color:#ffebba;text-shadow:0 1px #000}.field-empty{min-width:0;min-height:80px;flex:1;border:2px dashed #9f7b406e;background:#ffefd824;border-radius:48% 48% 7px 7px;box-shadow:inset 0 2px 6px #8e6c2820;display:grid;place-items:center}.field-empty>span{color:#96734766;font-size:22px}.enemy-zones .field-empty{border-color:#a76f5b6b}.my-zones .field-empty{border-color:#6a90a777}.event-lane{height:48px;min-height:0;margin:0 20px;padding:4px 0;display:flex;align-items:center;gap:12px;border-top:1px solid #a6885166;border-bottom:1px solid #a6885166;background:transparent;color:#684924}.event-lane>div:nth-child(2){flex:1;min-width:0}.event-lane b{display:block;color:#343f5d;font-size:14px;font-weight:800}.event-lane>div:nth-child(2)>span{font-size:10px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:600px;color:#71583b;margin-top:3px}.turn-seal{height:40px;width:41px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #cda652;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#254771;color:#ffe5ab;font:bold 20px Georgia}.turn-seal small{font:7px sans-serif;color:#efcd85}.phase-chip{padding:6px 10px;border:1px solid #a98a5477;background:#fff2d5a6;border-radius:20px;font-size:10px;white-space:nowrap}.hand-dock{background:linear-gradient(#142b50e8,#183962f5);border-radius:0 0 14px 14px;padding:0 14px 12px}.hand-heading{display:flex;justify-content:space-between;padding:9px 8px 0;font-size:10px;color:#bdd3f0}.hand-heading b{color:#ffdb82;margin-left:5px}.hand-heading>span:last-child{font-size:10px;color:#a6c0e3}.hand-area{background:transparent;display:flex;justify-content:center;gap:10px;min-height:0;padding:17px 7px 6px;overflow-x:auto;overflow-y:visible}.hand-area .card{flex:0 0 clamp(110px,9.5vw,149px);min-width:0;max-width:none;height:clamp(174px,25vh,224px);aspect-ratio:auto;padding:6px 5px 4px;border-width:2px;border-radius:20px 20px 9px 9px;box-shadow:0 3px 0 #070f26,0 7px 10px #06132777;transform-origin:center bottom}.hand-area .card-art{height:auto;margin:0 4px;border-width:2px;flex-basis:43%;border-radius:50% 50% 12% 12%}.hand-area .cost{width:30px;height:35px;top:-7px;left:-8px;font-size:24px;border-width:2px}.hand-area .card-corner{width:20px;height:29px;border-width:2px}.hand-area .card-name{font-size:12px;min-height:27px;margin:-3px -7px 0;padding:4px 2px;border-width:1px;letter-spacing:-.4px}.hand-area .card-text{font-size:10px;line-height:1.55;margin:0;min-height:0}.hand-area .card-type{font-size:8px;height:17px;margin:2px 0 0}.hand-area .card-scroll{padding:3px;flex-basis:25%;border-width:1px}.hand-area .card-bottom{display:flex;height:19px;font-size:8px;padding:2px 0 0;gap:4px}.hand-area .era-symbol{height:14px;width:14px;font-size:9px}.hand-area .era-medallion{font-size:12px}.hand-area .rarity-gem{height:6px;width:6px}.hand-area .card.playable{border-color:#96edff;box-shadow:0 0 0 1px #3bcaff,0 0 14px #47b9ff88,0 5px 9px #051127}.hand-area .card.unplayable{filter:saturate(.83);opacity:.91}.hand-area .card:hover,.hand-area .card:focus-visible{transform:translateY(-7px);z-index:5;filter:none;opacity:1}.hand-area .card.legendary:after{content:'✦';position:absolute;top:-11px;right:12px;color:#ffdf70;font-size:21px;text-shadow:0 0 7px #ffd749}
.battle-console{color:#f9edcc;position:sticky;top:15px;display:flex;flex-direction:column;gap:13px}.turn-compass{background:radial-gradient(ellipse at center,#334a71,#10243e);border:2px solid #b19a65;border-radius:14px;text-align:center;padding:17px 10px;box-shadow:inset 0 0 0 3px #152845,inset 0 0 0 4px #b19a6544,0 4px 12px #04102a55}.turn-compass>span{font-size:9px;letter-spacing:2px;color:#bdd3ef}.turn-compass.my-turn{border-color:#f6d17a;box-shadow:0 0 15px #f8ce5840,inset 0 0 0 4px #1e3250}.turn-compass .timer{display:block;margin:12px 0 7px}.turn-compass .timer strong{font:bold 41px Georgia;color:#fff2c8;text-shadow:0 2px 3px #010c21}.turn-compass .timer.warning strong{color:#ff9580;animation:timer-pulse 1s infinite}.turn-compass>b{display:block;font-size:15px;color:#ffdf96}.turn-compass>small{display:block;color:#b4c8e5;margin-top:6px;font-size:10px}.ap-panel{background:linear-gradient(#1b3964,#163154);border:1px solid #719dce;border-radius:8px;padding:13px 14px;text-align:center;box-shadow:inset 0 0 12px #1e69a82a}.ap-panel>span{font-size:11px;color:#c9def8}.ap-panel>div:nth-child(2){margin:5px 0 11px}.ap-panel b{font:bold 36px Georgia;color:#a6e2ff;text-shadow:0 0 12px #148ce1}.ap-panel small{font-size:12px;margin-left:5px;color:#b8cee7}.ap-dots{justify-content:center;gap:5px}.ap-dot{width:13px;height:15px;background:linear-gradient(120deg,#cefaff,#299be5);border:1px solid #a1e9ff;border-radius:3px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:0 0 7px #4ec8ff}.ap-dot.spent{background:#28415e;border-color:#6384a7}.end-turn-button,.war-button{width:100%;border-radius:9px;padding:15px 10px;font-weight:800;font-size:17px;border:2px solid #fbdd88;box-shadow:inset 0 1px #fff4c8,0 4px 0 #80612e,0 6px 13px #10213c88;background:linear-gradient(#ffe595,#e1ac45);color:#403011;display:block}.end-turn-button span{margin-left:10px}.end-turn-button:disabled{filter:saturate(.4);opacity:.6}.war-button{border-color:#e5b289;background:linear-gradient(#c36950,#92373f);color:#fff2df;box-shadow:inset 0 1px #efab94,0 3px 0 #542b31,0 5px 10px #10213c66;font-size:15px}.war-button small{display:block;font-size:9px;font-weight:normal;color:#f7c4b3;margin-top:5px}.console-records{border:1px solid #58749c;border-radius:8px;background:#163050df;overflow:hidden}.console-records button{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #53709455;color:#e0ecff;background:none;padding:12px;font-size:12px;text-align:left}.console-records button:last-child{border-bottom:0}.console-records b{color:#f6d17e}.battle-help{background:#112742d9;border:1px solid #6b84a44d;border-radius:8px;padding:13px 12px;font-size:11px;color:#d1dced;line-height:1.8}.battle-help b{color:#ffda8f;font-size:12px}.battle-help p{margin:7px 0 0}.leave-battle{border:0;background:#17284670;color:#dfc4c5;padding:8px;font-size:11px;text-decoration:underline;text-underline-offset:3px;border-radius:5px}.in-battle #toast{bottom:20px;background:#102a50;border:1px solid #cbad70}.battle-banner{position:fixed;left:50%;top:36%;transform:translate(-50%,-50%);padding:23px 55px;min-width:320px;max-width:85vw;text-align:center;border-top:2px solid #eccf88;border-bottom:2px solid #eccf88;background:linear-gradient(90deg,#102e5000,#173e65f5 18%,#173e65f5 82%,#102e5000);color:#ffebac;text-shadow:0 2px 4px #06182f;animation:banner-show 2s both;z-index:80}.battle-banner strong{display:block;font-size:27px;letter-spacing:4px;line-height:1.5}.battle-banner span{display:block;font-size:12px;color:#edf2ff;margin-top:6px;line-height:1.6}.battle-banner.achievement{background:linear-gradient(90deg,#52360900,#684b22f5 18%,#684b22f5 82%,#52360900);top:31%}.battle-banner.result{top:32%}.stat-float{position:fixed;z-index:90;pointer-events:none;font:bold 34px Georgia,serif;line-height:1;transform:translate(-50%,0);text-shadow:-1px -1px 0 #122239,1px -1px 0 #122239,-1px 1px 0 #122239,2px 2px 0 #122239,0 0 8px #fff;animation:float-value 1.5s ease-out both}.stat-float.positive{color:#91ffd8}.stat-float.negative{color:#ff8779}.stat-gain{animation:gain-glow 1.5s ease-out}.stat-loss{animation:loss-glow 1.5s ease-out}.stat-transition{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);color:#fff8d9;background:#122644;padding:2px 5px;border:1px solid #f1d38799;border-radius:3px;white-space:nowrap;font:10px sans-serif;z-index:8}.attack-impact{animation:impact-shake .55s ease-out}.attack-burst{position:fixed;left:50%;top:43%;z-index:85;color:#fff2c3;font:bold 65px Georgia;text-shadow:0 0 10px #ffbe40,0 2px 0 #6f161d,3px 3px #5c1d19;animation:attack-strike .9s both;pointer-events:none}.card-resolve{animation:resolve-glow .7s}.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}#battle-fx{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}.result-hero{background:radial-gradient(ellipse at top,#fff1c4,#dce9ff);border-color:#a6bce1}.result-hero h1{color:#345fb4}
@keyframes float-value{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}15%{opacity:1;transform:translate(-50%,-13px) scale(1.15)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-64px) scale(1)}}
@keyframes gain-glow{0%,25%{box-shadow:0 0 20px #5bffd2,inset 0 0 12px #58ebb77a}100%{box-shadow:0 0 0 transparent}}
@keyframes loss-glow{0%,25%{box-shadow:0 0 22px #ff7159,inset 0 0 12px #ff58507a}100%{box-shadow:0 0 0 transparent}}
@keyframes impact-shake{10%,50%{transform:translateX(-5px)}30%,70%{transform:translateX(5px)}100%{transform:translateX(0)}}
@keyframes attack-strike{0%{opacity:0;transform:translate(-50%,-50%) scale(2)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}65%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}
@keyframes banner-show{0%{opacity:0;filter:blur(3px)}15%,75%{opacity:1;filter:blur(0)}100%{opacity:0}}
@keyframes resolve-glow{0%{box-shadow:0 0 22px #fff2a0;background:#fff1a780}100%{box-shadow:none}}
@keyframes timer-pulse{50%{text-shadow:0 0 12px #f46e45}}
@media(max-width:1200px){.battle-layout{padding:13px 15px;grid-template-columns:minmax(0,1fr) 165px;gap:13px}.nation{gap:10px;padding:8px 12px}.nation-identity{min-width:145px;gap:8px}.commander-portrait{width:46px;height:58px}.nation-name b{font-size:11px;max-width:133px}.nation-name span{font-size:9px}.victory-metrics{gap:9px}.influence strong,.development strong{font-size:25px}.influence .metric-icon,.development .metric-icon{font-size:22px}.nation-stats{gap:4px}.stat{min-width:49px;padding:6px 3px;grid-template-columns:13px 1fr}.stat .stat-icon{font-size:13px}.stat .stat-label{font-size:9px}.stat b{font-size:21px}.zones{gap:16px;padding:8px 12px}.field{gap:6px}.hand-area .card{flex-basis:clamp(108px,9vw,136px)}.hand-area{justify-content:flex-start}.turn-compass .timer strong{font-size:35px}.battle-help{font-size:10px}}
@media(max-width:1000px){.nation{flex-wrap:wrap}.nation-identity{flex:1}.nation-stats{width:100%;justify-content:space-between;margin:0;border-top:1px solid #e1eaff22;padding-top:7px}.stat{flex:1;min-width:0;display:flex;justify-content:center;gap:8px;padding:6px}.stat b{font-size:22px}.nation-stats .stat .stat-icon{font-size:15px}.nation{min-height:115px}.field{min-height:73px}.field-card,.field-empty{height:73px;min-height:73px}.battle-help{display:none}.hand-area .card{height:184px;flex-basis:116px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(177px,1fr));gap:22px}.in-battle .nav{display:none}}
@media(max-width:760px){body.in-battle{background-attachment:scroll}.battle-shell{padding-bottom:0}.battle-toolbar{height:48px;padding:0 12px}.battle-brand{font-size:15px;letter-spacing:1.5px}.battle-brand span{display:none}.battle-tools{gap:7px}.battle-tools .connection{font-size:9px}.toolbar-button{padding:7px 9px;font-size:10px}.battle-layout{display:flex;flex-direction:column;padding:10px 9px;gap:10px}.arena-wrap{width:100%}.board{border-radius:11px;border-width:2px}.nation.opponent{border-radius:9px 9px 0 0}.nation{min-height:0;padding:7px 9px;gap:7px}.nation-name b{max-width:120px;font-size:11px}.nation-name span{font-size:9px}.nation-identity{min-width:0}.commander-portrait{height:44px;width:37px;border-width:2px}.victory-metrics{gap:10px}.influence strong,.development strong{font-size:23px}.influence span,.development span{font-size:9px}.influence .metric-icon,.development .metric-icon{font-size:18px}.influence,.development{gap:4px}.influence small,.development small{font-size:8px}.nation-stats{gap:4px;padding-top:5px}.stat{display:grid;grid-template-columns:12px 1fr;gap:2px;padding:4px 3px}.stat .stat-icon{grid-row:1/3;font-size:13px!important}.stat .stat-label{font-size:9px}.stat b{font-size:21px}.battle-mat{border-width:4px}.opponent-hand{height:19px}.card-back{width:28px;margin-top:-30px;font-size:13px}.zones{grid-template-columns:1.6fr 1fr;gap:9px;padding:6px}.zone-title{font-size:9px;margin-bottom:4px}.zone-title>span:last-child{font-size:8px}.field{gap:3px;min-height:56px;overflow-x:auto;padding-bottom:2px}.field-card,.field-empty{height:56px;min-height:56px;min-width:28px;border-width:1px}.field-empty>span{font-size:15px}.field-card>b{font-size:8px;padding:5px 1px 2px}.field-era{font-size:8px;right:3px}.event-lane{height:43px;margin:0 7px;padding:3px 0;gap:6px}.event-lane b{font-size:12px}.event-lane>div:nth-child(2)>span{font-size:9px;max-width:195px}.turn-seal{height:32px;width:30px;flex-shrink:0;font-size:16px}.turn-seal small{font-size:6px}.phase-chip{font-size:8px;max-width:81px;white-space:normal;text-align:center;padding:3px 5px}.hand-dock{padding:0 5px 6px;border-radius:0 0 9px 9px}.hand-heading{font-size:9px;padding:8px 7px 0}.hand-heading>span:last-child{font-size:8px}.hand-area{padding:13px 6px 5px;gap:9px;overflow-x:auto;justify-content:flex-start;min-height:0}.hand-area .card{flex-basis:109px;height:174px}.hand-area .card-name{font-size:11px;min-height:24px}.hand-area .card-text{font-size:9px;line-height:1.45}.hand-area .card-art{height:auto}.hand-area .card-bottom{font-size:8px;height:17px}.hand-area .card-scroll{padding:2px}.hand-area .cost{width:27px;height:30px;font-size:21px}.battle-console{position:sticky;bottom:0;top:auto;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;padding:8px;border:1px solid #b5c1dc66;border-radius:10px;background:#102b4bf2;z-index:15;box-shadow:0 -6px 14px #08264544}.turn-compass{grid-column:1;grid-row:1;padding:6px;border:1px solid #bfa065;border-radius:6px}.turn-compass>span,.turn-compass>small{display:none}.turn-compass .timer{margin:0 0 3px}.turn-compass .timer strong{font-size:25px}.turn-compass>b{font-size:10px}.ap-panel{grid-column:2;grid-row:1;padding:5px;border-radius:6px}.ap-panel>span{font-size:9px}.ap-panel>div:nth-child(2){margin:0 0 2px}.ap-panel b{font-size:23px}.ap-panel small{font-size:10px}.ap-dots{gap:2px}.ap-dot{height:8px;width:7px}.end-turn-button{grid-column:3;grid-row:1;font-size:14px;padding:10px 4px;box-shadow:inset 0 1px #fff,0 2px #896432}.end-turn-button span{margin-left:3px}.war-button{grid-column:3;grid-row:2;font-size:11px;padding:7px 3px;border-width:1px;box-shadow:none}.war-button small{display:none}.console-records{grid-column:1/3;grid-row:2;display:flex;border-radius:5px}.console-records button{font-size:10px;justify-content:center;gap:7px;padding:8px;border-bottom:0}.console-records button:first-child{border-right:1px solid #526b8c}.leave-battle{display:none}.battle-help{display:none}.in-battle #toast{bottom:135px}.battle-banner{padding:18px 22px;min-width:280px;top:35%}.battle-banner strong{font-size:22px;letter-spacing:2px}.battle-banner span{font-size:11px}.stat-float{font-size:28px}.stat-transition{font-size:8px;bottom:-9px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px;padding:12px 2px}.card{padding:8px 7px 5px;border-width:2px;min-height:260px}.card-name{font-size:14px;min-height:31px;margin:-4px -10px 0}.card-text{font-size:10px}.card-type{font-size:9px}.card-scroll{padding:5px 4px}.card-bottom{font-size:9px;height:23px}.cost{width:35px;height:40px;font-size:27px}.card-corner{width:24px;height:33px}.era-legend{gap:10px 13px;padding:12px;font-size:10px}.era-legend small{margin-left:0;width:100%;font-size:10px}.detail-layout{grid-template-columns:1fr;gap:18px}.detail-layout>.card{width:205px;min-height:306px;margin:auto}.detail-layout .card-art{height:auto;min-height:132px}.detail-layout .card-text{font-size:12px}.detail-layout .card-scroll{min-height:72px}.detail-layout .card-name{font-size:17px}.detail-layout .chips{justify-content:center;margin-top:0}.detail-layout .chip{padding:9px 18px;font-size:12px}.tab-content{font-size:13px;min-height:0}.nav button{color:#56698b}.nav button.active{color:#254f9e;background:#e0e9fc;border:0}.card-grid .card-art{min-height:100px}.hand-area .card{min-height:0}}
@media(prefers-reduced-motion:reduce){.stat-float{animation:none;opacity:1;transform:translate(-50%,-20px)}.battle-banner{animation:none;opacity:1}.attack-burst{animation:none;transform:translate(-50%,-50%);font-size:42px}.card:hover,.hand-area .card:hover{transform:none}.stat-gain{box-shadow:0 0 0 2px #83ffd2}.stat-loss{box-shadow:0 0 0 2px #ff988e}}
.battle-mat{background:linear-gradient(#ffebc6d9,#ffebc6e8),url('/assets/court.png') center 57%/cover}
@media(max-width:760px){.battle-console{position:relative;bottom:auto;top:auto}.launch-notice{margin:8vh 15px;padding:25px}.launch-notice h1{font-size:21px}}
/* Beta 2.0 board state and selection */
.card-combat{font-size:15px;font-weight:900;line-height:1.6;color:#3b2615;background:#ffe5a4;border-radius:5px;margin:3px 0}.unit-numbers{position:relative;display:block;color:#fff6ce;background:#19344be8;font-size:17px;font-weight:800;padding:3px}.field-card{height:auto;min-height:130px;display:flex;flex-direction:column;overflow:hidden}.field-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.field-card>b{position:relative;margin-top:65px}.unit-keywords{position:relative;display:block;font-size:10px;padding:4px;background:#fff0cd;color:#443521;white-space:normal}.attack-ready{outline:2px solid #6ce3ab;box-shadow:0 0 15px #4bdba366}.target-eligible{outline:4px solid #ffde55;box-shadow:0 0 15px #ffdb5599}.target-eligible:hover{transform:translateY(-4px)}.selection-panel{background:#fff0c7;color:#203657;padding:13px;border:2px solid #e8bb5f;border-radius:10px}.selection-panel .btn{width:100%;margin-top:7px}.nation .influence,.nation .development{display:flex;flex-direction:column;gap:3px}.nation-stats .stat{gap:4px}.nation-stats .stat span{font-size:11px}.field{align-items:stretch}.enemy-zones{display:flex;flex-direction:column}.my-zones{display:flex;flex-direction:column}.field-empty{min-height:130px}.btn,.toolbar-button,.chip{min-height:44px}button:focus-visible{outline:3px solid #f4ae38;outline-offset:4px}
@media(max-width:767px){.battle-mat{overflow-x:auto}.zones,.event-lane{min-width:600px}.field-card{min-height:126px}.field-card>b{margin-top:59px}.field-empty{min-height:126px}.unit-numbers{font-size:16px}.selection-panel{grid-column:1/-1}.battle-console{position:sticky;bottom:0}.hand-area .card-combat{font-size:11px;line-height:1.2}.hand-area .card{height:196px}.nation{min-width:0}.nation-name b{max-width:110px;overflow:hidden;text-overflow:ellipsis}.nation-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.battle-shell{min-width:0}.nation .influence strong,.nation .development strong{font-size:23px}.hand-heading span:last-child{display:none}.battle-toolbar{flex-wrap:wrap}.battle-tools{flex-wrap:wrap}.battle-brand{font-size:16px}.battle-mat{max-width:100%}.card-combat{font-size:13px}}
@media(max-width:400px){.battle-toolbar{padding:7px}.toolbar-button{padding:7px;font-size:11px}.battle-tools .connection{display:none}.nation-identity .commander-portrait{display:none}.victory-metrics{gap:4px}.nation{padding:8px}.nation-name b{max-width:90px}.nation .influence strong,.nation .development strong{font-size:20px}.battle-console{gap:4px}.console-records button{min-height:44px}}
.nation-stats .stat{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.nation-stats .stat span{white-space:nowrap}.zone[data-zone-kind="facilities"] .field-card,.zone[data-zone-kind="facilities"] .field-empty{min-height:76px}.zone[data-zone-kind="facilities"] .field-card>b{margin-top:21px}.zone[data-zone-kind="facilities"] .unit-keywords{padding:1px}.zone-title{margin-bottom:6px}.zones{gap:10px}
@media(min-width:1024px){.field-card,.field-empty{min-height:104px}.field-card>b{margin-top:41px}.battle-mat{padding:12px 22px}.nation{padding-top:9px;padding-bottom:9px}.commander-portrait{height:55px;width:48px}.hand-dock{padding:8px 16px}.hand-area{min-height:185px}.hand-area .card{height:184px;min-height:0;flex-basis:122px}.hand-area .card-art{min-height:40px;height:52px}.hand-area .card-text{font-size:9px}.hand-area .card-name{font-size:12px;min-height:24px}.hand-area .card-combat{font-size:12px;line-height:1.2}.hand-area .card-scroll{padding:3px}.hand-area .card-bottom{height:16px;font-size:8px}.battle-console{top:68px}}
.large-text .card-text,.large-text .tab-content,.large-text .battle-help p{font-size:15px}.large-text .unit-keywords{font-size:13px}.large-text .field-card>b{font-size:15px}.large-text .hand-area .card{height:240px;flex-basis:160px}.reduce-motion *, .reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}.reduce-motion .stat-float{opacity:1;transform:translate(-50%,-20px)}.reduce-motion .battle-banner{opacity:1}.reduce-motion .attack-burst{transform:translate(-50%,-50%);font-size:40px}
@media(min-width:1024px) and (max-height:900px){.battle-mat{padding:5px 16px}.zones{padding:4px 12px;gap:6px}.field{min-height:60px}.field-card,.field-empty{min-height:84px}.field-card>b{margin-top:25px}.zone[data-zone-kind="facilities"] .field-card,.zone[data-zone-kind="facilities"] .field-empty{min-height:62px}.zone[data-zone-kind="facilities"] .field-card>b{margin-top:7px}.nation{padding:6px 14px}.commander-portrait{height:42px;width:37px}.event-lane{min-height:38px;padding:4px 12px}.hand-area{min-height:170px;padding:7px}.hand-dock{padding:5px 12px}.hand-area .card{height:170px}.battle-console{padding:12px}.battle-help p{font-size:11px}.turn-compass{padding:12px}.turn-compass .timer strong{font-size:34px}.ap-panel{padding:9px}.battle-layout{padding-top:8px}}
/* Direct targeting and uncluttered battlefield */
.end-turn-button:disabled{background:linear-gradient(#737c89,#465263)!important;color:#dce2ea!important;border-color:#818995!important;box-shadow:inset 0 1px #a3aab3!important;filter:saturate(.15);cursor:not-allowed;transform:none;opacity:.75}.end-turn-button:disabled:hover{transform:none;filter:saturate(.15)}
.opponent-hand{height:64px;min-height:64px;overflow:visible;align-items:center;gap:22px;padding:6px 18px;background:linear-gradient(#6b334622,#ead3aa55);position:relative}.opponent-hand-count{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:5px 12px;border-radius:22px;color:#fff5da;background:#622f45;font-size:12px;box-shadow:0 2px 8px #29132733}.opponent-hand-count strong{font:800 26px Georgia,serif;color:#ffdf83}.opponent-hand-count small{font-size:11px}.opponent-card-backs{display:flex;align-items:center;justify-content:center;gap:3px}.opponent-card-backs .card-back{width:29px;height:42px;margin:0;border-radius:5px;font-size:15px;transform:rotate(-5deg);box-shadow:0 3px 4px #684b3544}.opponent-card-backs .card-back:nth-child(even){transform:rotate(4deg)}
.field{justify-content:center;gap:14px;min-height:72px}.field-card{flex:0 1 142px;max-width:166px}.zone[data-zone-kind="facilities"] .field-card{flex:0 1 156px;max-width:180px;border-radius:16px}.field-empty{display:none!important}.field:empty{min-height:52px}.zones{background:none}.zone-title{opacity:.72}.battle-mat{background:linear-gradient(#ffebc6dd,#ffebc6ed),url('/assets/court.png') center 57%/cover}.field-card[data-attackable="true"]{touch-action:none;cursor:grab;user-select:none}.field-card img{user-select:none;-webkit-user-drag:none}.attack-source{outline:3px solid #ffd368!important;filter:brightness(1.18);cursor:grabbing!important}.attack-target{outline:2px solid #efb068;box-shadow:0 0 16px #f8994966}.aimed-at{outline:4px solid #ffdf72!important;filter:brightness(1.2);box-shadow:0 0 28px #ffb538aa}.is-aiming,.is-aiming *{cursor:crosshair!important;user-select:none}
#attack-arrow{position:fixed;inset:0;width:100vw;height:100vh;z-index:1001;pointer-events:none;overflow:visible;color:#e76b55;filter:drop-shadow(0 3px 4px #33131899)}#attack-arrow.aim-valid{color:#ffcc55}.aim-shadow{stroke:#54251f;stroke-width:10;fill:none;stroke-linecap:round}.aim-line{stroke:currentColor;stroke-width:5;fill:none;stroke-linecap:round;stroke-dasharray:12 5;animation:arrowFlow .35s linear infinite}.aim-origin{fill:#ffe9ab;stroke:#aa5e25;stroke-width:3}.aim-hint{position:fixed;z-index:1002;pointer-events:none;padding:9px 12px;border-radius:8px;background:#152638ed;color:#ffe4a2;border:1px solid #d4ac62;font-size:12px;max-width:230px}.combat-hidden{visibility:hidden!important}.combat-ghost{position:fixed!important;margin:0!important;z-index:5;pointer-events:none;min-height:0!important;max-width:none!important;opacity:1!important}.defeated-ghost{z-index:4}.combat-number{font-family:Impact,'Arial Black','Noto Sans KR',sans-serif;font-size:46px;font-weight:1000;letter-spacing:-2px;line-height:1;-webkit-text-stroke:1px #542017;text-shadow:2px 3px #fff2a5,-2px -2px #fff2a5,0 5px 9px #43120aaa;z-index:10!important;animation:damageNumber 1.2s cubic-bezier(.2,.8,.2,1) forwards}.combat-number.negative{color:#ffe8a0;background:radial-gradient(ellipse,#bd382fcc,transparent 70%);padding:8px 14px}.combat-number.positive{color:#72ffc7;-webkit-text-stroke:1px #125b46;background:radial-gradient(ellipse,#1a735088,transparent 70%)}.combat-number.heavy-hit{font-size:58px;color:#ffbc65}.combat-impact{position:fixed;width:82px;height:82px;margin:-41px 0 0 -41px;pointer-events:none;border:4px solid #ffcf5e;border-radius:50%;z-index:6;animation:impactRing .6s ease-out forwards}.combat-impact i{position:absolute;left:36px;top:36px;width:7px;height:28px;border-radius:70%;background:linear-gradient(#fff9bc,#ff8a3e);transform:rotate(var(--angle)) translateY(-40px);box-shadow:0 0 8px #ffd466}.stat-transition{pointer-events:none}
@keyframes arrowFlow{to{stroke-dashoffset:-17}}@keyframes damageNumber{0%{opacity:0;transform:translate(-50%,-5px) scale(.3)}18%{opacity:1;transform:translate(-50%,-23px) scale(1.25)}35%{transform:translate(-50%,-19px) scale(1)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-65px) scale(.92)}}@keyframes impactRing{0%{opacity:0;transform:scale(.2)}25%{opacity:1;transform:scale(.65)}100%{opacity:0;transform:scale(1.55)}}
@media(max-width:767px){.opponent-hand{height:59px;min-height:59px;gap:9px;padding:5px 8px}.opponent-hand-count{font-size:10px;padding:4px 8px;gap:4px}.opponent-hand-count strong{font-size:22px}.opponent-card-backs{gap:1px}.opponent-card-backs .card-back{width:18px;height:31px;margin-left:-3px;font-size:10px}.zones,.event-lane{min-width:0}.field{justify-content:center;gap:9px;overflow-x:auto;min-height:120px;padding:4px}.field-card{flex:0 0 105px;min-width:105px}.field:has(.field-card:nth-child(3)){justify-content:flex-start}.field:empty{min-height:38px}.zone[data-zone-kind="facilities"] .field{min-height:78px}.zone[data-zone-kind="facilities"] .field-card{flex-basis:110px;min-width:110px}.combat-number{font-size:36px}.combat-number.heavy-hit{font-size:46px}.nation.opponent.attack-target{outline-offset:-5px}.aim-hint{font-size:10px}.event-lane .phase-chip{font-size:9px}.battle-mat{overflow-x:hidden}}
@media(prefers-reduced-motion:reduce){.aim-line{animation:none}.combat-number{animation:none;opacity:1;transform:translate(-50%,-20px)}.combat-impact{animation:none;opacity:.7;transform:scale(.7)}}.reduce-motion .combat-number{opacity:1;transform:translate(-50%,-20px)}.reduce-motion .combat-impact{opacity:.7;transform:scale(.7)}
.unit-numbers{display:flex;justify-content:center;align-items:center;gap:12px;font-variant-numeric:tabular-nums}.unit-attack.buffed{color:#78f3b3;text-shadow:0 0 7px #37c183}.unit-attack.weakened,.unit-health.wounded{color:#ffb6a6}.unit-attack,.unit-health{white-space:nowrap;position:relative}.hand-area .card{overflow:hidden}.hand-area .card-name{flex-shrink:0}.hand-area .card-combat{flex-shrink:0;margin:2px 0}.hand-area .card-scroll{min-height:0;overflow:hidden;flex:1;padding:3px}.hand-area .card-text{min-height:0;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.hand-area .card-type{flex-shrink:0;line-height:1.35}.hand-area .card-bottom{flex-shrink:0}.hand-area .card-art{flex:0 0 48px;min-height:0}.hand-area .card{height:196px}.hand-area .card-name{font-size:12px}.hand-area .card-bottom{font-size:8px}.large-text .hand-area .card{height:245px}.large-text .hand-area .card-text{font-size:14px;-webkit-line-clamp:4}
@media(min-width:1024px){.zones{padding:4px 12px;gap:7px}.battle-mat{padding:6px 16px}.field{min-height:88px}.zone[data-zone-kind="facilities"] .field{min-height:62px}.zone[data-zone-kind="facilities"] .field-card{min-height:62px}.zone[data-zone-kind="facilities"] .field-card>b{margin-top:7px}.field:empty{min-height:36px}.hand-area{padding:9px 12px;min-height:210px}.hand-heading{margin-bottom:4px}}
@media(max-width:767px){.unit-numbers{gap:7px;font-size:15px}.hand-area .card-art{flex-basis:47px}.hand-area .card-name{font-size:11px}.hand-area .card-text{font-size:10px}.hand-area .card{height:190px}.hand-area .card-combat{font-size:11px}.opponent-hand-count{flex-shrink:0}}