:root{--navy:#132133;--gold:#c49a4b;--paper:#f4f0e3}body{background:#eeeade}.paper-card{display:flex;flex-direction:column;aspect-ratio:63/88;width:100%;padding:4%;border:3px solid #121c25;border-radius:6%;outline:1px solid #bf9b49;outline-offset:-5px;background:#eee4c8;box-shadow:0 3px 8px #0006;color:#13212b;overflow:hidden;text-align:left;container-type:inline-size;font-family:'Yu Gothic UI',Meiryo,sans-serif}.card-heading{display:flex;align-items:center;gap:3%;height:11%;flex-shrink:0;border:1px solid #a68b50;border-radius:5px 5px 0 0;overflow:hidden}.card-heading>i{font-style:normal;color:white;background:var(--suit);height:100%;aspect-ratio:1;display:grid;place-items:center;font-size:11cqw}.card-heading>b{flex:1;font-size:5.5cqw;line-height:1.2;text-align:center}.card-heading em{background:#11212c;color:white;height:100%;width:23%;font-style:normal;font-size:3cqw;display:flex;flex-direction:column;justify-content:center;align-items:center}.card-heading em strong{font-size:6.7cqw}.card-picture{position:relative;display:block;height:46%;flex-shrink:0;border:1px solid #a68b50;overflow:hidden}.card-picture img{display:block;width:100%;height:100%;object-fit:cover}.card-picture>small{position:absolute;right:0;top:0;padding:1% 4%;background:#11212c;color:#eee;font-size:2.7cqw}.printed-moves{display:flex;flex-direction:column;flex:1;overflow:hidden;border-left:1px solid #a68b50;border-right:1px solid #a68b50}.printed-moves>span{display:flex;gap:2%;align-items:center;flex:1;border-bottom:1px solid #a68b50;padding:0 1%;min-height:0}.printed-moves i{font-style:normal;font-size:6cqw;line-height:1}.printed-moves b{font-size:3.2cqw;flex:1;font-weight:600}.printed-moves em{font-style:normal;font-size:2.8cqw;width:49%;text-align:right;line-height:1.05;overflow-wrap:anywhere}.card-foot{display:block;font-size:2.7cqw;background:#14242a;color:#efdf9e;line-height:1.6;padding:0 2%;height:5%;overflow:hidden}.printed-effect{display:flex;flex-direction:column;gap:6%;font-size:4cqw;line-height:1.5;border:1px solid #a68b50;padding:4%;flex:1;overflow:hidden}.printed-effect small{font-size:3cqw;color:#326b87}.card-reverse{background:repeating-linear-gradient(45deg,#132b3b 0 7px,#183445 7px 9px);align-items:center;justify-content:center;gap:6%;text-align:center;color:#dfba64;border:4px solid #0d1825;outline:2px solid #b4934f;outline-offset:-8px}.card-reverse>span{font-size:35cqw}.card-reverse>b{font-family:Georgia,serif;font-size:12cqw;line-height:1.05}.card-reverse>small{font-size:4cqw}.physical-card,.inspect-card{padding:0;border:0;background:transparent;border-radius:6%;display:block;min-width:0}.physical-card:hover{transform:translateY(-4px);filter:brightness(1.08)}.physical-card:disabled{opacity:1;cursor:default}.ad-reserve{height:90px;max-width:970px;margin:18px auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px dashed #b9b6ac;background:#e7e4dc;color:#85847f;letter-spacing:3px;font-size:10px}.ad-reserve small{letter-spacing:1px;font-size:9px}.title-screen .sidebar,.title-screen .topline{display:none}.title-screen .layout{display:block}.title-screen #main{padding:0;max-width:none;width:100%;margin:0}.title-screen{background:#0c1723}.title-scene{position:relative;min-height:760px;height:calc(100svh - 125px);max-height:1100px;overflow:hidden;background:radial-gradient(ellipse at 72% 43%,#39585388,transparent 53%),radial-gradient(ellipse at 15% 20%,#26344d,transparent 60%),linear-gradient(150deg,#0e192c,#0a1720);color:#fff8e7;padding:6vh 7vw;display:grid;grid-template-columns:1fr 1.05fr;grid-template-rows:1fr auto auto}.title-stars{position:absolute;inset:0;background-image:radial-gradient(#d3b46599 1px,transparent 1px);background-size:47px 61px;opacity:.28;mask-image:linear-gradient(#000,transparent)}.title-brand{z-index:1;align-self:center}.title-brand>span{letter-spacing:4px;color:#d0ae66;font-size:10px}.title-brand h1{font-weight:900;line-height:1.2;letter-spacing:5px;font-size:clamp(40px,4.7vw,77px);margin:24px 0 15px;text-shadow:0 4px 0 #060c13}.title-brand h1 b{background:linear-gradient(#fff5cb,#d2ae5f);background-clip:text;-webkit-text-fill-color:transparent}.title-brand p{font-family:Georgia,serif;letter-spacing:9px;color:#d6c4a0;font-size:20px;margin:0}.title-rule{width:90px;height:3px;background:#cfa553;margin:25px 0}.title-brand h2{font-size:15px;letter-spacing:4px;color:#ddd3bb;font-weight:400}.title-cards{position:relative;display:flex;align-items:center;justify-content:center;min-height:350px;grid-column:2;grid-row:1/3;perspective:1000px}.title-cards>div{width:clamp(150px,19vw,295px);position:absolute;transform:rotate(-17deg) translate(-46%,0);filter:drop-shadow(0 20px 25px #0009)}.title-cards>div:nth-child(2){transform:translateY(-7%);z-index:2}.title-cards>div:nth-child(3){transform:rotate(17deg) translate(46%,0);z-index:1}.title-menu{position:relative;z-index:3;max-width:460px;display:grid;gap:10px;margin-top:25px}.title-menu button{background:#142d3d;color:#dfd7c3;border:1px solid #56616a;font-weight:500;letter-spacing:1px}.title-menu .title-play{background:linear-gradient(110deg,#e2c477,#ae8239);color:#17232e;font-weight:800;font-size:20px;padding:20px;text-align:left;border:1px solid #edcf84}.title-play span{float:right}.title-menu>div{display:flex;gap:10px}.title-menu>div button{flex:1;font-size:12px;padding:13px 8px}.title-scene footer{grid-column:1/-1;display:flex;justify-content:space-between;color:#9a9e9f;font-size:9px;letter-spacing:2px;margin-top:40px}.title-screen .ad-reserve{background:#17222c;border-color:#3e4650;color:#8c939b;margin:16px auto}.field-screen .sidebar{display:none}.field-screen .layout{display:block}.field-screen #main{max-width:1360px;margin:auto;padding:14px 24px 35px;width:100%}.field-screen{background:radial-gradient(ellipse at top,#283c49,#101b27);color:#e2dfd3}.field-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-topbar>span{letter-spacing:3px;font-size:11px;color:#dab66a}.field-topbar small{letter-spacing:0;margin-left:20px;color:#c6cbd0}.field-topbar button{background:#1a2a39;border-color:#54616b;color:#eee6d5;padding:8px 14px}.field-screen .ad-reserve{background:#1b2834;border-color:#52606a;color:#8995a0;height:65px;margin:12px auto}.field-heading{display:flex;justify-content:space-between;align-items:center;margin:16px 0 12px}.field-heading h1{font-size:17px;margin:0;color:#e6d4a5}.field-heading>span{font-size:10px;color:#b8bdc3}.tabletop{background:#1e2d36;padding:16px;border-radius:14px;border:1px solid #4c5961;box-shadow:0 15px 45px #0005}.playmat{background:#f5f1e6;color:#1c2d40;border:1px solid #c3a36d;border-radius:8px;overflow:hidden;box-shadow:0 5px 12px #0005}.playmat header{background:#172539;color:#e6d5ac;display:flex;justify-content:space-between;align-items:center;padding:8px 15px;border-bottom:2px solid #bf9646;font-size:11px;letter-spacing:2px}.playmat header small{font-size:9px;letter-spacing:0}.mat-grid{display:grid;grid-template-columns:1fr 2.7fr .9fr;gap:12px;padding:12px;align-items:stretch}.mat-grid label{display:block;text-align:center;font-size:11px;letter-spacing:2px;margin:3px 0 6px}.mat-center{border:1px solid #7d7055;box-shadow:inset 0 0 0 3px #c5a15f;display:grid;grid-template-columns:1fr 1.45fr;gap:8px;padding:9px;background:#fbf8f0;min-width:0}.battle-zone{background:#faf0d5;border:1px solid #bf974c;display:flex;flex-direction:column;align-items:center;padding:2px 10px 9px}.bench-zone{background:#eaf0f5;border:1px solid #778497;padding:2px 7px 7px}.bench-zone>div{display:flex;justify-content:space-around;align-items:center;gap:10px;height:calc(100% - 27px)}.field-unit{position:relative;width:clamp(84px,11.5vw,156px);flex-shrink:0;isolation:isolate}.field-unit .physical-card{width:100%}.bench-zone .field-unit{width:clamp(65px,8.8vw,118px)}.mat-items,.mat-side{min-width:0;display:flex;flex-direction:column}.hand-cards,.discard-cards,.fallen-cards{display:flex;justify-content:center;align-items:start;flex-wrap:wrap;gap:4px;background:#ece7f2;border:1px solid #758194;min-height:70px;padding:6px;flex:1}.hand-cards{align-content:center}.hand-cards .physical-card{width:clamp(36px,4.4vw,59px)}.discard-cards{background:#e9eced;max-height:85px;overflow:auto;flex:0 0 70px}.discard-cards .physical-card{width:35px}.fallen-cards{background:#f3e5e3;max-height:155px;overflow:auto}.fallen-cards .field-unit{width:55px}.fallen-cards .field-markers,.fallen-cards .equip-row{display:none}.fallen{filter:grayscale(.8);opacity:.7}.marker-tray{display:grid;grid-template-columns:repeat(2,30px);justify-content:center;gap:6px;background:#e7f1ef;border:1px solid #798b96;padding:8px}.marker{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:29px;height:29px;color:white;border-radius:5px;font-size:13px;font-weight:900;text-shadow:1px 1px 1px #000,-1px -1px #333;border:2px solid #eee;box-shadow:0 0 0 1px #40505c, inset 0 0 0 1px #fff6;background:linear-gradient(140deg,#e95252,#b10c16)}.marker small{font-size:6px;line-height:1}.marker.ep{background:linear-gradient(140deg,#8357ef,#2d05c6)}.marker.atk{background:linear-gradient(140deg,#fb8a38,#c73908)}.marker.def{background:linear-gradient(140deg,#30b5ee,#074d9f)}.marker.stun{background:#526270;font-size:8px}.field-markers{position:absolute;right:-6px;bottom:7%;display:flex;flex-wrap:wrap;gap:2px;max-width:65px;pointer-events:none;z-index:5}.field-markers .marker{width:25px;height:25px;font-size:11px}.facedown-note{position:absolute;top:-3px;left:2px;background:#132a38e8;color:#fff;font-size:7px;border:1px solid #c5a55b;border-radius:8px;padding:3px 5px}.equip-row{position:absolute;right:-22px;top:38%;width:43px;z-index:4}.equip-row button{padding:0;background:none;border:0}.empty-slot{display:block;width:clamp(50px,7vw,92px);aspect-ratio:63/88;border:1px solid #7e8a9b55;outline:1px solid #7e8a9b33;outline-offset:-5px;flex-shrink:0}.empty-zone{font-size:9px;color:#848796;align-self:center}.opponent-mat .mat-grid{direction:rtl}.opponent-mat .mat-grid>*{direction:ltr}.opponent-mat .mat-center{direction:rtl}.opponent-mat .mat-center>*{direction:ltr}.opponent-mat header{background:#26344a}.duel-line{display:flex;align-items:center;justify-content:center;gap:20px;min-height:74px;padding:8px;color:#d7bb7e}.duel-line>span{font-size:8px;letter-spacing:2px}.duel-line .die{width:48px;height:48px;font-size:46px;line-height:1;background:#ead7a7;color:#182c3e;border-radius:10px;flex-shrink:0}.move-callout{font-size:12px;min-width:150px;max-width:45%;text-align:left}.move-callout strong{display:block;font-size:18px;color:#f3dfaa}.move-callout span{display:block;font-size:11px;color:#d1d8db;margin-top:3px}.field-controls{display:flex;gap:10px;align-items:center;justify-content:center;padding:15px 5px;position:sticky;bottom:0;background:#142330ed;backdrop-filter:blur(10px);z-index:12;border-radius:8px;margin-top:12px;border:1px solid #52606b}.field-controls button{color:#f3e4be;background:#243c4b;border-color:#758078}.field-controls button.primary{background:#d3b265;color:#132333;border-color:#efce87}.field-controls label{font-size:10px;color:#b6c0c7}.field-log{margin:15px 0;color:#b8c2c9}.field-log summary{cursor:pointer;padding:10px}.field-log .log{color:#d6dce1;background:#14232f;border:1px solid #3f505d;padding:16px;max-height:220px}.field-screen .notice{color:#263d34}.field-screen dialog{color:#263d34}#card-inspector{position:fixed;inset:0;display:grid;place-items:center;z-index:80;pointer-events:none;background:#08132255;backdrop-filter:blur(1px)}.inspector-panel{pointer-events:auto;position:relative;display:grid;grid-template-columns:minmax(220px,300px) minmax(220px,360px);gap:24px;max-height:85svh;overflow:auto;width:min(760px,92vw);background:#f3eedf;color:#182d3e;border:1px solid #c49d51;border-radius:16px;padding:28px;box-shadow:0 25px 100px #000a}.inspector-close{position:absolute;right:5px;top:5px;padding:3px 9px;z-index:2}.inspector-info h2{font-size:22px}.inspector-info .move-row{grid-template-columns:20px 80px 1fr;font-size:11px}.inspector-info{align-self:center}.floating-number{position:absolute;inset:35% 0 auto;text-align:center;color:#ffdbca;font-size:32px;font-weight:900;text-shadow:0 2px 3px #8e0808,0 0 12px #e34e35;z-index:10;animation:float-up .5s both;pointer-events:none}.floating-number.positive{color:#d9ffbd;text-shadow:0 2px 3px #236c31,0 0 16px #78fa69}.hit-motion{animation:hit-shake .4s}.heal-motion{animation:heal-glow .5s}.ko-motion{animation:fall-card .5s}.cast-motion{animation:cast-card .45s}.enter-motion{animation:enter-card .5s}@keyframes hit-shake{20%,60%{transform:translateX(-7px) rotate(-3deg);filter:brightness(1.7) sepia(.5)}40%,80%{transform:translateX(7px) rotate(3deg)}}@keyframes heal-glow{50%{filter:drop-shadow(0 0 18px #81ff7f) brightness(1.35);transform:translateY(-4px)}}@keyframes cast-card{50%{transform:translateY(-15px) scale(1.08);filter:drop-shadow(0 0 12px #ffdc80)}}@keyframes fall-card{50%{transform:rotate(12deg);opacity:.4}}@keyframes enter-card{from{transform:translateY(20px);opacity:.2}to{transform:none;opacity:1}}@keyframes float-up{from{opacity:1;transform:translateY(10px)}to{opacity:0;transform:translateY(-40px)}}
.studio-layout{display:grid;grid-template-columns:240px 1fr;gap:20px}.studio-list{max-height:700px;overflow:auto;padding:12px}.studio-list button{display:block;width:100%;text-align:left;margin:4px 0;font-size:12px}.studio-list .selected{background:#203649;color:#fff}.studio-form label{display:block;font-size:12px;margin:12px 0 5px}.studio-form input,.studio-form select,.studio-form textarea{width:100%;padding:9px;border:1px solid #c3c7be;border-radius:6px;font:inherit;background:#fffdf6;color:#233a32}.studio-form input[type=checkbox]{width:auto}.studio-form textarea{resize:vertical;min-height:55px}.studio-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-move{display:grid;grid-template-columns:30px 1fr 1.7fr;gap:8px;align-items:center;margin:8px 0}.studio-move input{font-size:12px}.studio-preview{width:190px;margin:15px auto}.studio-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.studio-notice{padding:12px;background:#e9dfbe;border-radius:8px;font-size:12px}.studio-errors{color:#a23723;margin:12px 0;font-size:13px}.studio-form .studio-save{position:sticky;bottom:10px;z-index:2;padding:15px;margin-top:20px;background:#e9e6da;border:1px solid #c5bd9e;border-radius:8px}.studio-form .studio-save button{background:#20394b;color:#fff}
@media(max-width:760px){.title-scene{padding:35px 23px;min-height:850px;height:auto;display:flex;flex-direction:column}.title-brand>span{font-size:8px;letter-spacing:2px}.title-brand{align-self:start}.title-brand h1{font-size:40px;margin:20px 0 8px}.title-brand p{font-size:14px;letter-spacing:7px}.title-brand h2{font-size:12px;letter-spacing:2px}.title-rule{margin:15px 0}.title-cards{min-height:240px;order:2;margin:20px 0}.title-cards>div{width:150px}.title-menu{order:3;margin-top:12px;max-width:none}.title-scene footer{order:4;line-height:1.7;font-size:7px;margin-top:25px}.title-scene footer span{max-width:135px;text-align:right}.ad-reserve,.field-screen .ad-reserve{height:50px;margin:10px auto;max-width:100%;font-size:8px}.ad-reserve small{font-size:7px;letter-spacing:0}.field-screen #main{padding:8px}.field-topbar{font-size:9px}.field-topbar button{font-size:10px;padding:8px}.field-topbar>span{font-size:8px;letter-spacing:1px}.field-topbar small{display:block;margin:4px 0 0}.field-heading h1{font-size:12px}.field-heading>span{font-size:8px}.tabletop{padding:5px;border-radius:8px}.mat-grid{gap:5px;padding:5px;grid-template-columns:.7fr 2.8fr .6fr}.mat-center{padding:5px;gap:5px;grid-template-columns:1fr 1.2fr}.playmat header{padding:6px;font-size:7px;letter-spacing:1px}.playmat header small{font-size:7px}.mat-grid label{font-size:7px;letter-spacing:0;margin:2px 0 5px}.field-unit{width:clamp(58px,15.5vw,110px)}.bench-zone .field-unit{width:clamp(38px,10.5vw,80px)}.bench-zone>div{gap:3px}.battle-zone{padding:3px}.bench-zone{padding:3px}.hand-cards{padding:3px;gap:2px;min-height:65px}.hand-cards .physical-card{width:22px}.discard-cards{padding:2px;max-height:35px;flex-basis:35px;min-height:35px}.discard-cards .physical-card{width:18px}.fallen-cards{padding:2px;min-height:45px;max-height:65px}.fallen-cards .field-unit{width:23px}.empty-slot{width:clamp(23px,6vw,45px)}.marker-tray{grid-template-columns:repeat(2,13px);gap:4px;padding:4px}.marker-tray .marker{width:13px;height:16px;border-width:1px;font-size:7px}.marker-tray .marker small{font-size:3px}.field-markers{max-width:38px;right:-2px;gap:1px}.field-markers .marker{width:17px;height:17px;font-size:8px;border-width:1px}.field-markers .marker small{font-size:4px}.facedown-note{font-size:4px;padding:2px}.equip-row{width:22px;right:-7px}.duel-line{min-height:55px;gap:10px;padding:5px}.duel-line>span{display:none}.duel-line .die{height:38px;width:38px;font-size:36px}.move-callout{font-size:10px;max-width:75%}.move-callout strong{font-size:13px}.move-callout span{font-size:9px}.field-controls{gap:5px;padding:10px 5px;flex-wrap:wrap}.field-controls button{font-size:10px;padding:9px;flex:1;white-space:nowrap}.field-controls label{font-size:8px}.paper-card{border-width:1px;outline-offset:-3px}.printed-moves>span{border-bottom-width:.5px}.card-heading,.card-picture{border-width:.5px}.card-reverse{outline-width:1px;outline-offset:-4px}.inspector-panel{grid-template-columns:1fr;max-width:370px;gap:12px;padding:24px}.inspect-card{width:230px;margin:auto}.inspector-info h2{font-size:17px}.inspector-info .move-row{font-size:10px}.studio-layout{grid-template-columns:1fr}.studio-list{max-height:180px}.studio-move{grid-template-columns:20px 1fr}.studio-move input:last-child{grid-column:2}.studio-row{grid-template-columns:1fr}.empty-zone{font-size:5px}}
@media(prefers-reduced-motion:reduce){.title-cards>div{transition:none}.floating-number{animation:none}}
/* Front battle slots face each other; benches stay toward each player's outer edge. */
.mat-center{grid-template-columns:1fr;grid-template-rows:auto auto}.battle-zone{padding:3px 8px 8px;min-height:0}.bench-zone>div{min-height:95px}.field-unit{width:100px}.bench-zone .field-unit{width:66px}.opponent-mat .mat-center{direction:ltr}.opponent-mat .bench-zone{grid-row:1}.opponent-mat .battle-zone{grid-row:2}.opponent-mat .battle-zone{flex-direction:column-reverse}.opponent-mat .battle-zone>label{margin-top:5px}.mat-items .hand-cards .physical-card{width:65px}.mat-side .fallen-cards{flex:1;max-height:none}.mat-side .fallen-cards .field-unit{width:60px}.hand-cards{gap:6px}.marker-tray{padding:14px}.mat-center .empty-slot{width:58px}.mat-grid{grid-template-columns:1.05fr 2.4fr .8fr}.title-screen .ad-reserve{max-width:728px}.field-screen .ad-reserve{height:90px;max-width:728px}.field-screen #main{max-width:1120px}.tabletop{padding:10px}.playmat .mat-grid{padding:9px}.field-screen .paper-card .card-picture img{border-radius:0}.studio-list .row{flex-wrap:wrap}.studio-list .row button{width:auto;flex:1}.studio-form input[type=file]{font-size:11px}.file-button{display:block;background:#fffef9;border:1px solid #dfe3d8;padding:9px;border-radius:9px;font-size:12px}.file-button input{max-width:200px;font-size:10px;display:block}
@media(max-width:760px){.field-unit{width:70px}.bench-zone .field-unit{width:45px}.bench-zone>div{min-height:65px}.mat-center{gap:4px;padding:5px}.mat-center .empty-slot{width:40px}.mat-grid{grid-template-columns:.9fr 2.3fr .75fr}.playmat .mat-grid{padding:5px}.mat-items .hand-cards .physical-card{width:30px}.hand-cards{gap:3px}.mat-side .fallen-cards .field-unit{width:30px}.marker-tray{padding:5px}.field-screen .ad-reserve{height:50px;max-width:320px}.tabletop{padding:4px}.mat-grid label{font-size:7px}.playmat header>span{font-size:6px}.studio-list .row button{font-size:11px}.studio-tabs>button{font-size:11px}.title-scene{min-height:900px}}
/* Fit the entire duel to the viewport, with larger central cards. */
body.field-screen{height:100svh;overflow:hidden}.field-screen .layout{height:100%;width:100%}.field-screen #main{height:100svh;max-width:1440px;padding:6px 12px;display:flex;flex-direction:column;gap:5px;overflow:hidden}.field-topbar{height:32px;flex-shrink:0}.field-topbar button{padding:6px 9px;font-size:10px}.field-topbar>div{display:flex;gap:4px}.field-screen .ad-reserve{flex:0 0 50px;height:50px;margin:0 auto;width:min(728px,100%);font-size:8px;gap:3px}.field-screen .ad-reserve small{font-size:7px}.field-heading{display:none}.tabletop{display:flex;flex-direction:column;flex:1;min-height:0;padding:6px;gap:0}.playmat{flex:1;min-height:0;display:flex;flex-direction:column}.playmat header{height:22px;flex-shrink:0;padding:3px 10px;font-size:9px}.playmat .mat-grid{flex:1;min-height:0;padding:5px;gap:7px;grid-template-columns:1fr 3.4fr .8fr}.mat-center{display:block;position:relative;min-height:0;padding:0;container-type:size;background:linear-gradient(#fff6df 0 48%,#ebf1f6 48%);overflow:visible}.mat-center .battle-zone{position:absolute;inset:0;border:0;background:transparent;padding:0;display:block}.mat-center .battle-zone>label{position:absolute;top:2px;left:0;right:0;margin:0;font-size:8px}.mat-center .battle-zone>.field-unit{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:min(30cqw,calc((100cqh - 22px)*.7159))}.mat-center .bench-zone{position:absolute;inset:0;border:0;background:transparent;padding:0;pointer-events:none}.mat-center .bench-zone>label{position:absolute;bottom:1px;left:0;right:0;font-size:8px;margin:0}.mat-center .bench-zone>div{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:end;gap:0;min-height:0;height:auto;padding:16px 6px}.mat-center .bench-zone .field-unit{width:min(28cqw,calc((100cqh - 38px)*.7159));pointer-events:auto}.mat-center .bench-zone .empty-slot{width:25cqw;height:calc(100cqh - 38px);max-width:calc((100cqh - 38px)*.7159);aspect-ratio:auto}.opponent-mat .mat-center{background:linear-gradient(#ebf1f6 0 52%,#fff6df 52%)}.opponent-mat .mat-center .battle-zone>label{bottom:2px;top:auto}.opponent-mat .mat-center .battle-zone>.field-unit{bottom:14px;top:auto}.opponent-mat .mat-center .bench-zone>label{top:1px;bottom:auto}.opponent-mat .mat-center .bench-zone>div{align-items:start}.mat-items,.mat-side{container-type:size;overflow:hidden}.mat-items .hand-cards{min-height:0;padding:3px;overflow:auto;gap:3px;align-content:center}.mat-items .hand-cards .physical-card{width:min(45cqw,calc(33cqh));flex-shrink:0}.mat-items label,.mat-side label{font-size:8px;letter-spacing:0;margin:0 0 3px}.discard-cards{flex:0 0 22%;min-height:0;max-height:none;padding:2px;gap:3px;overflow:auto}.discard-cards .physical-card{width:calc(14cqh)}.discard-cards .empty-slot{height:100%;width:20%;aspect-ratio:auto}.mat-side .fallen-cards{min-height:0;max-height:none;overflow:auto;align-content:start;padding:3px;flex:1}.mat-side .fallen-cards .field-unit{width:40cqw}.mat-side .fallen-cards .empty-slot{height:min(60px,30cqh);width:40cqw}.marker-tray{padding:4px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.marker-tray .marker{width:100%;height:25px;font-size:11px}.marker-tray .marker small{font-size:5px}.duel-line{height:40px;min-height:40px;padding:2px;flex-shrink:0}.duel-line .die{width:34px;height:34px;font-size:32px}.field-controls{flex:0 0 42px;position:static;margin:0;padding:4px;gap:7px;border-radius:6px;flex-wrap:nowrap}.field-controls button{padding:8px 14px;font-size:12px}.field-controls label{white-space:nowrap}.field-log{display:none}.move-banner{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:70;background:#132638f2;border:1px solid #d5b568;border-radius:10px;padding:15px 30px;color:#f5dc9f;text-align:center;box-shadow:0 10px 40px #0008;pointer-events:none;max-width:90vw}.move-banner strong{display:block;font-size:20px}.move-banner span{display:block;font-size:12px;margin-top:7px;color:#f0e9d5}.preference-list{display:grid;gap:20px;padding:15px 0}.field-markers{right:-5px;bottom:8%}.inspector-panel{max-height:90svh}.field-screen .inspect-card{pointer-events:auto}
@media(max-width:760px){.field-screen #main{padding:3px;gap:3px}.field-topbar{height:30px;gap:3px}.field-topbar button{font-size:8px;padding:6px}.field-topbar>span{font-size:7px;letter-spacing:0}.field-topbar small{font-size:7px;margin:2px 0 0}.field-screen .ad-reserve{height:34px;flex-basis:34px;max-width:320px}.field-screen .ad-reserve small{font-size:6px}.tabletop{padding:3px}.playmat header{font-size:7px;height:18px}.playmat header small{font-size:6px}.playmat .mat-grid{padding:4px;gap:4px;grid-template-columns:.85fr 3.6fr .65fr}.mat-items label,.mat-side label{font-size:6px}.marker-tray{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.marker-tray .marker{height:17px;font-size:8px}.marker-tray .marker small{font-size:4px}.field-controls{height:38px;flex-basis:38px;gap:4px;padding:3px}.field-controls button{font-size:9px;padding:8px 5px;flex:1}.field-controls label{font-size:8px}.field-markers .marker{width:19px;height:19px;font-size:9px}.facedown-note{font-size:5px}.mat-center .battle-zone>.field-unit{width:min(33cqw,calc((100cqh - 22px)*.7159))}.mat-center .bench-zone .field-unit{width:min(29cqw,calc((100cqh - 38px)*.7159))}.mat-center .bench-zone>div{padding:16px 3px}.duel-line{height:32px;min-height:32px}.duel-line .die{width:28px;height:28px;font-size:26px}}
@media(max-height:480px){.field-screen .ad-reserve{display:none}.playmat header{display:none}.field-screen .field-topbar{height:26px}.field-controls{height:32px;flex-basis:32px}.field-controls button{padding:5px 10px}.duel-line{height:26px;min-height:26px}.duel-line .die{width:24px;height:24px;font-size:22px}}
.field-unit.hit-motion,.field-unit.heal-motion,.field-unit.ko-motion,.field-unit.cast-motion,.field-unit.enter-motion{animation:none}.field-unit.hit-motion>.physical-card{animation:hit-shake .4s}.field-unit.heal-motion>.physical-card{animation:heal-glow .5s}.field-unit.ko-motion>.physical-card{animation:fall-card .5s}.field-unit.cast-motion>.physical-card{animation:cast-card .45s}.field-unit.enter-motion>.physical-card{animation:enter-card .5s}
.mat-items .hand-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--hand-rows,2),minmax(0,1fr));justify-items:center;align-items:center;gap:3px;overflow:hidden;container-type:size}.mat-items .hand-cards .physical-card{height:100%;width:auto;max-width:100%;aspect-ratio:63/88;min-height:0}.hand-cards .paper-card{height:100%;min-height:0}.mat-items .hand-cards .empty-zone{grid-column:1/-1}.hand-cards .physical-card:hover{transform:scale(1.06)}
@media(max-width:520px) and (min-height:700px){.mat-center .battle-zone>.field-unit{width:min(48cqw,calc((100cqh - 135px)*.7159))}.mat-center .bench-zone .field-unit{width:32cqw}.mat-items .hand-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));gap:3px}.mat-items .hand-cards .physical-card{width:100%;height:auto;max-height:100%}.field-controls label{display:none}}
/* Original playmat layout: separate front battle row and rear two-card bench row. */
.playmat{width:100%;align-self:center}.playmat .mat-grid{grid-template-columns:1fr 3.2fr 1fr;gap:9px}.mat-center{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:5px;padding:5px;container-type:size;background:#fbf8ef;box-shadow:inset 0 0 0 2px #c5a15f}.mat-center .battle-zone,.mat-center .bench-zone{position:relative;inset:auto;min-height:0;display:flex;flex-direction:column;align-items:center;padding:0;border:1px solid #b79c62;pointer-events:auto;overflow:visible}.mat-center .battle-zone{grid-row:1;background:#fff5d9}.mat-center .bench-zone{grid-row:2;background:#eaf1f7;border-color:#78889c}.mat-center .battle-zone>label,.mat-center .bench-zone>label,.opponent-mat .mat-center .battle-zone>label,.opponent-mat .mat-center .bench-zone>label{position:static;inset:auto;font-size:9px;line-height:12px;height:12px;flex-shrink:0;margin:1px 0 2px;letter-spacing:1px}.mat-center .battle-zone>.field-unit,.opponent-mat .mat-center .battle-zone>.field-unit{position:relative;inset:auto;transform:none;width:min(28cqw,calc((50cqh - 25px)*.7159));margin:auto}.mat-center .bench-zone>div,.opponent-mat .mat-center .bench-zone>div{position:relative;inset:auto;display:flex;justify-content:space-around;align-items:center;width:100%;flex:1;min-height:0;padding:0 8%;height:auto;gap:10px}.mat-center .bench-zone .field-unit{width:min(28cqw,calc((50cqh - 25px)*.7159));flex-shrink:0}.mat-center .bench-zone .empty-slot,.mat-center .battle-zone>.empty-slot{width:min(28cqw,calc((50cqh - 25px)*.7159));height:auto;aspect-ratio:63/88;max-width:none;margin:auto}.opponent-mat .mat-center{background:#fbf8ef}.opponent-mat .mat-center .bench-zone{grid-row:1}.opponent-mat .mat-center .battle-zone{grid-row:2;flex-direction:column-reverse}.opponent-mat .mat-center .battle-zone>label{margin:2px 0 1px}.mat-items label,.mat-side label{font-size:9px;line-height:12px;margin:1px 0 3px}.mat-items .hand-cards{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--hand-rows,2),minmax(0,1fr));align-content:center}.discard-cards{flex:0 0 34%;max-height:34%}.mat-side .fallen-cards{flex:1}.marker-tray{min-height:37px}.field-markers{max-width:42px;right:-9px;gap:1px}.field-markers .marker{width:19px;height:19px;font-size:9px}.field-markers .marker small{font-size:4px}.equip-row{width:28px;right:-17px}.facedown-note{font-size:5px;padding:2px 4px}.physical-card:hover{transform:translateY(-2px)}
@media(max-width:760px){.playmat .mat-grid{grid-template-columns:1fr 3fr 1fr;gap:4px;padding:4px}.mat-center{gap:4px;padding:4px}.mat-center .battle-zone>label,.mat-center .bench-zone>label,.opponent-mat .mat-center .battle-zone>label,.opponent-mat .mat-center .bench-zone>label{font-size:7px;line-height:10px;height:10px;letter-spacing:0}.mat-center .battle-zone>.field-unit,.opponent-mat .mat-center .battle-zone>.field-unit,.mat-center .bench-zone .field-unit{width:min(34cqw,calc((50cqh - 24px)*.7159))}.mat-center .bench-zone .empty-slot,.mat-center .battle-zone>.empty-slot{width:min(34cqw,calc((50cqh - 24px)*.7159))}.mat-center .bench-zone>div,.opponent-mat .mat-center .bench-zone>div{padding:0 4%;gap:4px}.mat-items label,.mat-side label{font-size:6px;line-height:8px}.mat-items .hand-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.mat-items .hand-cards .physical-card{height:100%;width:auto;max-width:100%}.field-markers{max-width:32px;right:-4px}.field-markers .marker{width:15px;height:15px;font-size:7px}.field-markers .marker small{font-size:3px}.equip-row{width:22px;right:-10px}.marker-tray{min-height:38px}.facedown-note{font-size:4px;padding:1px 2px}}
/* Playmat proportions: active card 100%, bench cards 85%. */
.mat-center{grid-template-rows:53fr 47fr}.opponent-mat .mat-center{grid-template-rows:47fr 53fr}.mat-center .battle-zone>.field-unit,.opponent-mat .mat-center .battle-zone>.field-unit,.mat-center .battle-zone>.empty-slot{width:min(28cqw,calc((53cqh - 25px)*.7159))}.mat-center .bench-zone .field-unit,.mat-center .bench-zone .empty-slot{width:min(23.8cqw,calc((53cqh - 25px)*.608515))}.mat-center .bench-zone>div,.opponent-mat .mat-center .bench-zone>div{padding:0 14%}
@media(max-width:760px){.mat-center .battle-zone>.field-unit,.opponent-mat .mat-center .battle-zone>.field-unit,.mat-center .battle-zone>.empty-slot{width:min(34cqw,calc((53cqh - 24px)*.7159))}.mat-center .bench-zone .field-unit,.mat-center .bench-zone .empty-slot{width:min(28.9cqw,calc((53cqh - 24px)*.608515))}.mat-center .bench-zone>div,.opponent-mat .mat-center .bench-zone>div{padding:0 7%}}
.mat-side .fallen-cards .empty-slot{height:min(100px,45cqh);width:auto;aspect-ratio:63/88;flex-shrink:0}
/* Card selection lobby */
body.deck-screen{background:radial-gradient(ellipse at 60% 0,#33475a,#101c2c 65%);color:#e8dfc8}.deck-screen .sidebar{background:#101e2d;border-color:#4c5360}.deck-screen .sidebar button,.deck-screen .brand{color:#e8dfc8}.deck-screen .sidebar nav button.active{background:#3f4650;color:#f4cf7d}.deck-screen .topline{color:#a7b5c2;border-color:#475363}.deck-screen .page-heading h1{color:#f2d393}.deck-screen .page-heading p{color:#b4c1cc}.deck-screen .eyebrow{color:#d0ad62}.deck-screen .panel{background:linear-gradient(135deg,#263748,#1b293a);border:1px solid #657078;color:#e9dfc6;box-shadow:0 8px 25px #0004}.deck-screen .panel select,.deck-screen .filters input{background:#101e2c;color:#eee3c4;border-color:#707477}.deck-screen .panel .muted,.deck-screen .small.muted{color:#b4c1cc}.deck-screen .notice{background:#344456;color:#e3d8bd}.deck-instruction{display:flex;align-items:center;gap:20px;padding:14px 20px;margin-bottom:22px;background:linear-gradient(90deg,#8e6b34,#2b3b49);border:1px solid #b69c65;border-radius:9px;color:#fff1cc}.deck-instruction>span{font-size:10px;letter-spacing:3px}.deck-instruction>b{font-size:14px}.deck-instruction small{font-size:10px;color:#d7d7ce}.deck-screen .team-slots{padding:15px;background:#101f2b;border:1px solid #7c704e;border-radius:10px;gap:16px}.deck-screen .team-slot{background:transparent;border:1px dashed #807859;position:relative;min-height:155px;padding:8px;color:#d7be84;display:flex;flex-direction:column;align-items:center;justify-content:center}.deck-slot-card{border:0;padding:0;background:none;display:block;width:min(100%,110px)}.deck-screen .team-slot .paper-card img{height:100%;width:100%;max-height:none}.deck-screen .team-slot>small{margin-top:7px;letter-spacing:2px;font-size:9px}.deck-screen .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:18px}.selection-card{position:relative;padding:9px;background:linear-gradient(150deg,#263f50,#152332);border:1px solid #536474;border-radius:11px;color:#eee3c5;box-shadow:0 6px 15px #0004;transition:transform .15s,border-color .15s}.selection-card:hover{transform:translateY(-4px);border-color:#dbb76e}.selection-card.selected{border:2px solid #e7c578;box-shadow:0 0 18px #cba45633}.selection-card.selected:before{content:'SELECTED';position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#d7b567;color:#162738;font-size:8px;letter-spacing:2px;padding:3px 8px;border-radius:4px;z-index:2}.selection-face{padding:0;border:0;background:transparent;width:100%;display:block}.selection-caption{padding:9px 0 5px;text-align:center;display:grid;gap:4px}.selection-caption b{font-size:12px}.selection-caption small{font-size:9px;color:#b7c7cd}.selection-access{width:100%;font-size:10px;padding:7px;background:#324858;border-color:#6b7b81;color:#f0dcaa}.item-count{display:flex;justify-content:center;gap:12px;align-items:center;margin:8px 0;font-size:12px}.item-count button{padding:3px 14px}.deck-screen .sticky-start{background:#152536ed;border:1px solid #8d805e;color:#f0ddb4;border-radius:10px;backdrop-filter:blur(10px)}.deck-screen .sticky-start>.primary{background:linear-gradient(90deg,#e9c775,#b98c43);color:#152637;border-color:#e7c779}.deck-screen .filters button.active{background:#d0ae67;color:#142536}.deck-screen .ad-reserve{background:#182637;color:#869aa7;border-color:#566574}.enemy-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:20px;max-height:50svh;overflow:auto;padding:10px}.modal-card-peek{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:16px;background:#eee5ce;border:1px solid #bea56b;border-radius:10px;margin-top:12px}.modal-card-peek .move-row{font-size:10px;grid-template-columns:18px 70px 1fr}.modal-card-peek h3{margin:0 0 10px}
/* Die tumble, outcome reveal, then move announcement. */
.dice-stage{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:240px;height:220px;z-index:90;display:flex;align-items:center;justify-content:center;perspective:650px;pointer-events:none;background:radial-gradient(ellipse,#172b40e6,transparent 70%)}.dice-cube{width:80px;height:80px;position:relative;transform-style:preserve-3d;transition:transform .22s ease-out;z-index:2}.cube-face{position:absolute;width:80px;height:80px;border-radius:13px;display:grid;place-items:center;font-size:73px;line-height:1;background:linear-gradient(135deg,#fff8db,#d6b464);border:2px solid #f5d889;color:#172e45;backface-visibility:hidden;box-shadow:inset 0 0 10px #a57c3d55}.cube-face.front{transform:translateZ(40px)}.cube-face.back{transform:rotateY(180deg) translateZ(40px)}.cube-face.right{transform:rotateY(90deg) translateZ(40px)}.cube-face.left{transform:rotateY(-90deg) translateZ(40px)}.cube-face.top{transform:rotateX(90deg) translateZ(40px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(40px)}.dice-cube.tumbling{animation:dice-tumble .42s linear}.dice-shadow{position:absolute;bottom:25px;width:110px;height:22px;background:#050d18aa;border-radius:50%;filter:blur(5px)}.dice-result{position:absolute;bottom:0;font-size:25px;font-weight:900;color:#ffdf86;text-shadow:0 2px 7px #000;opacity:0}.dice-stage.landed .dice-shadow{animation:land-pulse .35s}.dramatic-move{border-width:2px;background:linear-gradient(100deg,#0c2035,#284457,#10283d);box-shadow:0 0 40px #d6b26444,0 10px 40px #0008;min-width:290px}.dramatic-move small{color:#b8c8d6;font-size:10px;letter-spacing:3px}.dramatic-move strong{font-size:28px;letter-spacing:2px}.floating-number.big-damage{top:10%;left:50%;right:auto;width:max-content;min-width:85px;margin-left:-43px;font-size:clamp(42px,5vw,68px);line-height:1;font-weight:1000;color:#fff1d1;-webkit-text-stroke:1px #a42c17;text-shadow:0 3px 0 #ad2f16,0 6px 15px #000,0 0 22px #ff7b30;animation:damage-rise .8s both;z-index:22}.big-damage small{display:block;font-size:10px;letter-spacing:2px;-webkit-text-stroke:0;color:#ffe5b0;margin-bottom:6px}.floating-number.big-damage.positive{color:#d9ffce;-webkit-text-stroke:1px #267643;text-shadow:0 3px 0 #27693b,0 6px 14px #000,0 0 23px #6bff94}.impact-burst{position:absolute;left:50%;top:43%;width:140px;height:140px;margin:-70px;z-index:18;pointer-events:none;background:radial-gradient(circle,#fff6cbbb 0, #ffb83955 20%,transparent 60%);animation:impact-expand .65s both}.impact-burst:before,.impact-burst:after{content:'';position:absolute;left:10%;top:48%;width:80%;height:7px;transform:rotate(-35deg);background:linear-gradient(90deg,transparent,#fffde3,#ffba59,transparent);box-shadow:0 0 12px #ff8f22;border-radius:100%}.impact-burst:after{transform:rotate(35deg)}.impact-burst i{position:absolute;left:50%;top:50%;width:7px;height:7px;background:#fff5b9;box-shadow:0 0 9px #ffb132;border-radius:50%;--angle:0deg;transform:rotate(var(--angle)) translateX(50px);animation:sparks .65s both}.impact-burst i:nth-child(2){--angle:60deg}.impact-burst i:nth-child(3){--angle:120deg}.impact-burst i:nth-child(4){--angle:180deg}.impact-burst i:nth-child(5){--angle:240deg}.impact-burst i:nth-child(6){--angle:300deg}.healing-burst{background:radial-gradient(circle,#d8ffe988,#70ff8255 30%,transparent 65%)}.healing-burst:before,.healing-burst:after{width:70%;height:70%;top:15%;left:15%;background:none;border:3px solid #a5ffbd;border-radius:50%;box-shadow:0 0 20px #78ff8a}.healing-burst:after{width:48%;height:48%;top:26%;left:26%}.healing-burst i{background:#b6ffd5;box-shadow:0 0 12px #63ff9f}.impact-table{animation:table-impact .3s}.field-unit.hit-motion>.physical-card{animation:strong-hit .45s}.field-unit.heal-motion>.physical-card{animation:heal-glow .8s}.field-unit.cast-motion>.physical-card{animation:strong-cast .65s}@keyframes dice-tumble{0%{transform:translate(-80px,-45px) rotateX(0) rotateY(0) rotateZ(-30deg)}30%{transform:translate(35px,-65px) rotateX(310deg) rotateY(280deg) rotateZ(80deg)}65%{transform:translate(-15px,15px) rotateX(650deg) rotateY(600deg) rotateZ(160deg)}100%{transform:translate(0,0) rotateX(1080deg) rotateY(900deg) rotateZ(360deg)}}@keyframes land-pulse{50%{transform:scale(1.3);opacity:.6}}@keyframes damage-rise{0%{opacity:0;transform:translateY(12px) scale(.5)}18%{opacity:1;transform:translateY(-8px) scale(1.25)}55%{opacity:1;transform:translateY(-22px) scale(1)}100%{opacity:0;transform:translateY(-65px) scale(1)}}@keyframes impact-expand{0%{transform:scale(.25);opacity:0}20%{opacity:1;transform:scale(1.1)}100%{transform:scale(1.5);opacity:0}}@keyframes sparks{0%{transform:rotate(var(--angle)) translateX(5px)}100%{transform:rotate(var(--angle)) translateX(70px);opacity:0}}@keyframes table-impact{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes strong-hit{20%{transform:rotate(-9deg) translateX(-9px);filter:brightness(1.65)}50%{transform:rotate(7deg) translateX(7px)}80%{transform:rotate(-3deg)}}@keyframes strong-cast{30%{transform:translateY(5px) scale(.95)}65%{transform:translateY(-15px) scale(1.1);filter:drop-shadow(0 0 15px #ffd584)}}
@media(max-width:760px){.deck-instruction{padding:12px;gap:6px;flex-direction:column;align-items:start}.deck-instruction>b{font-size:12px}.deck-screen .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.selection-card{padding:5px}.selection-caption b{font-size:9px}.selection-caption small{font-size:8px}.selection-access{font-size:8px;padding:6px 2px}.deck-screen .team-slots{padding:9px;gap:8px}.deck-screen .team-slot{min-height:115px;padding:5px}.deck-slot-card{width:85px}.enemy-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.modal-card-peek{grid-template-columns:90px 1fr;gap:8px;padding:8px}.modal-card-peek .move-row{grid-template-columns:15px 1fr;font-size:8px}.modal-card-peek .move-row>span:last-child{grid-column:2}.floating-number.big-damage{font-size:42px}.dramatic-move strong{font-size:22px}.dramatic-move{min-width:240px}}
@media(prefers-reduced-motion:reduce){.dice-cube{transition:none}.selection-card{transition:none}.selection-card:hover{transform:none}.impact-table{animation:none}.floating-number.big-damage{animation:none}}

.unit-hp{position:absolute;left:5%;right:5%;bottom:-5px;height:4px;border-radius:3px;background:#172630;box-shadow:0 0 0 1px #12233199;overflow:hidden;pointer-events:none}.unit-hp>span{display:block;height:100%;border-radius:inherit;transition:width .2s}.deck-instruction{flex-wrap:wrap}.deck-instruction button{font-size:11px;padding:7px 10px}

.field-unit .attached-items{position:absolute;inset:0;pointer-events:none;z-index:0;display:block}.field-unit>.physical-card{position:relative;z-index:2}.field-unit .attached-items button{position:absolute;top:calc(8px + var(--stack)*6px);left:calc(9px + var(--stack)*7px);width:100%;padding:0;border:0;background:none;pointer-events:auto;transform:none;z-index:calc(0 - var(--stack));border-radius:5px}.field-unit .attached-items .paper-card{width:100%}.field-unit .unit-hp{z-index:5}.field-unit .field-markers{z-index:6}.duel-line{position:relative}.dice-status{position:absolute;left:calc(50% + 26px);display:flex;gap:5px}.dice-ready{display:flex;align-items:center;gap:3px;padding:3px 6px;border:1px solid #d7b568;border-radius:6px;color:#f7d77e;background:#152b3b;font-size:17px}.dice-ready small{font-size:8px}
.field-unit .attached-items{width:100%;height:100%;max-width:none;max-height:none}.field-unit .attached-items button{max-width:none;max-height:none}

.choosing-target .field-controls{background:#182f43;border-color:#e5c274;justify-content:center}.target-instruction{min-width:0;display:flex;align-items:center;gap:14px;color:#ffe3a0}.target-instruction strong{font-size:13px}.target-instruction small{font-size:10px;color:#d3e3ed}.field-unit>.physical-card.target-candidate{outline:3px solid #f4ca65;outline-offset:3px;box-shadow:0 0 20px #f4ca65cc;cursor:pointer}.target-candidate:hover{filter:brightness(1.15)}.choosing-target button:disabled{opacity:.7}.field-unit .attached-items button{top:calc(-14px * (var(--stack) + 1));left:calc(8px * (var(--stack) + 1))}.attached-name{position:absolute;left:0;top:0;min-width:100%;width:max-content;max-width:135px;background:#f4dfaa;color:#152534;border:1px solid #a88b4c;border-radius:3px;font-size:9px;line-height:12px;padding:0 3px;white-space:nowrap;box-sizing:border-box}.field-unit .attached-items{z-index:1}@media(max-width:760px){.target-instruction{display:block}.target-instruction strong{font-size:10px}.target-instruction small{display:block;font-size:8px}.attached-name{font-size:7px;max-width:100px}}

/* 読みやすいラベルと編成順の操作 */
button,select,.pill{word-break:keep-all;overflow-wrap:normal}button{white-space:nowrap}.row{flex-wrap:wrap}.field{min-width:0}.field select{max-width:100%}.page-heading h1,.page-heading h2,.challenge-card h2{word-break:keep-all;overflow-wrap:anywhere}.selection-caption b{white-space:nowrap;font-size:clamp(9px,1vw,12px)}.card-heading b,.printed-moves b,.printed-moves em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-info .move-row strong,.inspector-info .move-row>span:last-child{word-break:normal;overflow-wrap:anywhere}.party-order{display:flex;gap:3px;justify-content:center;margin-top:6px}.party-order button{padding:4px 5px;font-size:10px}.drag-handle{touch-action:none;cursor:grab}.deck-screen .team-slot{overflow:visible}.deck-slot-card{cursor:grab}.drop-ready{outline:3px solid #e2bc61;background:#f0cd7130!important}.boss-card{border:1px solid #b48b3b}.challenge-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}.sponsor-ad a{display:block;height:100%;max-width:100%}.sponsor-ad img{height:100%;max-width:100%;object-fit:contain}.sponsor-ad{position:relative}.sponsor-ad>small{position:absolute;left:3px;top:2px;font-size:8px}.target-instruction{flex-wrap:wrap;justify-content:center}.field-controls .target-instruction strong{word-break:keep-all;overflow-wrap:anywhere}@media(max-width:760px){.party-order{gap:2px}.party-order button{font-size:8px;padding:4px}.challenge-grid{grid-template-columns:1fr}.setup-top .row{gap:8px}.field-controls button{white-space:nowrap}.selection-caption b{font-size:8px}}
/* 伝説襲来 */
.raid-card{border:1px solid #b6904e;background:linear-gradient(145deg,#283746,#172333);color:#f6e7bd;box-shadow:0 6px 22px #1d273133}.raid-card h2{color:#f2cf7e}.raid-card .pill{background:#bd934b;color:#152438}.raid-card p{color:#d2d7d6}.raid-card .challenge-footer{border-color:#6c6557}.raid-card .number{color:#c4a166}.raid-card button{background:#e3c482;color:#182a3a;border-color:#f3da9a}

/* Item effects: real line breaks, left-aligned labels and notes (no full-width spacing). */
.item-face .printed-effect{white-space:pre-line;text-align:left;overflow-wrap:anywhere;word-break:normal}
.inspector-info .item-description,.modal-card-peek .item-description,.detail-card .item-description{white-space:pre-line;text-align:left;overflow-wrap:anywhere;word-break:normal;line-height:1.8}