*{box-sizing:border-box}html{background:#263b44;color:#352c25;font-family:'Microsoft YaHei','PingFang SC',sans-serif}body{margin:0;background:radial-gradient(ellipse at top,#536364,#243943 70%);min-height:100vh}button,select{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #967956;background:#f4e7ca;color:#40352c;padding:9px 13px;border-radius:3px;box-shadow:0 3px 0 #614e36;font-weight:600}button:hover{filter:brightness(1.06)}button:active{transform:translateY(2px);box-shadow:none}button:disabled{cursor:default;opacity:.48;filter:grayscale(.5)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #dc9e4e;outline-offset:3px}.primary{background:#365965;color:#fff1ce;border-color:#24444f}.shell{max-width:850px;margin:auto;padding:16px 16px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 0 14px;color:#f2dfba}header a{color:inherit;text-decoration:none;letter-spacing:3px;font-family:serif;font-size:27px}header small{display:block;font-size:9px;letter-spacing:2px}.seal{font-size:11px;border:1px solid #ae9776;padding:5px;white-space:nowrap}main{border-radius:4px;overflow:hidden;background:#e7d6b6;box-shadow:0 12px 36px #101b2080}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:serif}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}p{line-height:1.65}.eyebrow{letter-spacing:3px;font-size:10px;text-transform:uppercase;color:#806545;margin-bottom:6px}.paper{padding:20px;background:linear-gradient(115deg,#f4e9d2ee,#e6d0abea);border-top:1px solid #b89b70}.backstage{position:relative;background:#806d50 url('assets/shop.webp') center 42%/cover;isolation:isolate}.backstage:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#24281f99,transparent 80%)}.intro-scene{height:330px;display:flex;align-items:end;justify-content:center;gap:12px;padding:18px;color:#fff0d3}.intro-scene .manager{height:245px;width:155px;object-fit:contain;filter:drop-shadow(2px 4px 2px #1d261f);animation:enter .7s}.speech{max-width:220px;background:#f2e5c9;color:#3c3629;padding:16px;box-shadow:4px 5px 0 #2a34328c;transform:rotate(-2deg);margin-bottom:32px;font-family:serif;font-size:21px}.opening-copy{text-align:center}.opening-copy p{font-size:13px;margin:12px auto;max-width:440px}.opening-copy .primary{min-width:190px}.quiet{border:0;box-shadow:none;background:transparent;color:inherit;font-size:12px;text-decoration:underline}.badge{margin:20px auto;padding:20px 12px;max-width:260px;text-align:center;background:#f5e6c6;border:2px dashed #a0865f;transform:rotate(-3deg);box-shadow:0 5px 7px #4f392833;animation:enter .5s}.badge small{letter-spacing:4px}.badge strong{display:block;font:32px serif;margin:9px}.shop-banner{min-height:205px;padding:25px 22px;display:flex;align-items:center;justify-content:space-between;color:#ffefd0}.shop-banner h1{text-shadow:1px 2px 3px #24302a}.shop-banner p{max-width:220px;font-size:13px}.shop-banner img{height:170px;width:100px;object-fit:contain;filter:drop-shadow(2px 4px 2px #252c24)}.ribbon{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.money{font-weight:bold;color:#71532d;background:#f7e8bf;border:1px solid #a68a5f;border-radius:50%;padding:10px 6px;white-space:nowrap;font-size:14px}.sub{font-size:12px;color:#6c5841;margin:6px 0 10px}.offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.card{min-width:0;position:relative;background:#f6e9ce url('assets/frame.webp') center/100% 100%;padding:22px 12px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:7px;filter:drop-shadow(0 3px 2px #6b4f3322)}.card h3{font-size:17px}.card .portrait{height:145px;width:100%;object-fit:contain;filter:drop-shadow(1px 2px 1px #765a4366)}.card .role{font-size:11px;min-height:32px;line-height:1.45}.card button{width:100%;padding:7px 2px;min-height:44px;font-size:13px}.card .inspect{position:absolute;right:3px;top:1px;min-height:32px;width:32px;padding:0;background:transparent;box-shadow:none;border:0}.card.owned{filter:grayscale(.35)}.shop-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.shop-bottom p{font-size:12px;max-width:70%}.prep{border-top:1px dashed #9f8965;margin-top:20px;padding-top:18px}.bench{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.bench button{padding:4px;width:62px;position:relative;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px}.bench img{height:50px;width:46px;object-fit:contain;pointer-events:none}.bench .selected,.slot.selected{outline:3px solid #456573;outline-offset:1px}.bench .in-team:after{content:'✓';position:absolute;right:2px;top:0;color:#335b60}.formation{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:450px;margin:auto}.slot{display:flex;align-items:center;gap:6px;text-align:left;padding:7px;font-size:12px;min-height:73px;background:#ead9b9;border-style:dashed}.slot img{width:38px;height:57px;object-fit:contain;pointer-events:none}.slot small{display:block;font-size:10px;color:#7a654d;margin-bottom:3px}.tactics{display:flex;gap:10px;margin-top:12px}.tactics label{flex:1;font-size:12px}.tactics select{display:block;width:100%;min-height:44px;background:#f4e8d0;color:#352f28;border:1px solid #a28762;margin-top:5px;padding:6px}.enemy-program{padding:12px;background:#3a5058;color:#f7e9cb;margin:15px -4px 8px;border-radius:3px}.enemy-program p{font-size:12px;margin-top:5px}.enemy-program strong{font-size:14px}.wide{width:100%;margin-top:10px}.stage-head{padding:15px 18px;background:#efe0c3;display:flex;justify-content:space-between;align-items:center;gap:8px}.stage-head h2{font-size:21px}.stage-head span{font-size:12px}.arena{position:relative;height:470px;max-width:520px;margin:auto;background:#a08a6b url('assets/arena.webp') center/cover;overflow:hidden;isolation:isolate}.arena:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 50px #34342333}.stage-wrap{background:#4e605f}.team-label{position:absolute;left:12px;top:8px;font-size:11px;background:#324d5a;color:#fff2d5;padding:4px 8px}.team-label.ally{top:auto;bottom:7px;background:#f4e6c9;color:#384e53}.unit{position:absolute;transform:translate(-50%,-100%);width:70px;height:78px;min-width:44px;background:transparent!important;border:0;box-shadow:none;z-index:3;padding:0;transition:top .5s,left .5s;isolation:isolate}.unit img{position:absolute;height:60px;max-width:68px;width:auto;object-fit:contain;bottom:15px;left:50%;transform:translateX(-50%);filter:drop-shadow(1px 0 #fff1d6) drop-shadow(-1px 0 #fff1d6) drop-shadow(0 2px 2px #2e3828)}.unit:before{content:'';position:absolute;bottom:8px;left:8px;right:8px;height:10px;background:#dbc69b;border:1px solid #8e734e;border-radius:50%;box-shadow:0 2px 0 #6e563c}.unit.enemy:before{background:#b9a48b;border-style:dashed}.unit .pips{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;gap:4px}.pips i{display:block;width:8px;height:8px;border-radius:50%;background:#47766b;border:1px solid #ffedc9;box-shadow:0 1px 2px #42382b}.enemy .pips i{background:#b85842;border-radius:0}.pips i.empty{background:#584d4355}.unit.active:before{outline:3px solid #faf0ad;box-shadow:0 0 0 6px #42656a}.unit.target:before{outline:3px solid #ba4c3d}.unit.active img{animation:cast .6s}.unit.target img{animation:hit .3s}.unit.dead{pointer-events:none;z-index:1;opacity:.32}.unit.dead img{transform:translateX(-50%) rotate(80deg);transform-origin:50% 80%;filter:grayscale(.8);transition:transform .5s}.unit.dead .pips{visibility:hidden}.box{position:absolute;transform:translate(-50%,-50%);padding:0;min-height:44px;width:44px;height:44px;border:0;box-shadow:none;background:transparent;z-index:4}.box img{width:42px;height:40px;object-fit:contain;filter:drop-shadow(1px 1px 0 #f5e6bb) drop-shadow(0 2px 2px #3e382b)}.box.target{outline:2px solid #f3e5a4;border-radius:50%}.box.removed{pointer-events:none}.box.removed img{animation:boxgone .7s forwards}.box.broken img{animation:boxbreak .7s forwards}.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}.fx path{stroke:#fdf1b5;stroke-width:.9;fill:none;filter:drop-shadow(0 1px 1px #312a1c)}.fx circle{stroke:#a83f32;stroke-width:.65;fill:#fff2b32b}.event{padding:12px 18px;background:#f4e7cc;min-height:76px;border-left:4px solid #947244;line-height:1.5;font-size:15px}.event small{display:block;font-size:11px;color:#765e42}.play-controls{display:flex;gap:8px;padding:12px 18px;background:#e5d0ac}.play-controls button{flex:1;font-size:12px;padding-inline:6px}.result-paper{text-align:center;padding:22px 18px;background:#f1e3c5;border-top:3px double #a28359}.result-paper h2{font-size:30px;margin-bottom:10px}.result-paper p{font-size:13px;margin:7px 0}.result-paper.win{background:linear-gradient(130deg,#f5e7be,#e6d3a2)}.final-scene{min-height:270px;padding:30px 20px;display:flex;align-items:center;justify-content:center}.final-program{background:#f4e6c9ed;padding:25px 22px;text-align:center;max-width:360px;transform:rotate(-2deg);box-shadow:5px 5px 0 #293c3d99;border:4px double #987851}.final-program h1{margin:9px 0}.stamps{display:flex;justify-content:center;gap:8px;margin:15px 0}.stamp{border:2px solid #915844;color:#915844;padding:8px 5px;transform:rotate(-7deg);font-size:13px}.stamp.win{color:#3d6864;border-color:#3d6864;transform:rotate(5deg)}footer{text-align:center;color:#c4b796;font-size:10px;line-height:1.8;padding:16px 0 0}footer button{font-size:11px;color:#d6c49d;min-height:44px;padding:4px 8px;background:transparent;border:0;box-shadow:none;text-decoration:underline}#notice{color:#fff1d1;background:#784e38;font-size:12px;padding:0 10px;line-height:1.7}#notice:not(:empty){padding-block:8px;margin-bottom:10px}dialog{border:2px solid #94754e;background:#f1e3c5;max-width:min(92vw,420px);width:380px;padding:22px;color:#392f27;box-shadow:0 12px 50px #182b33aa}dialog::backdrop{background:#152932b3}#close-detail{position:absolute;right:6px;top:6px;z-index:2}#detail-body{text-align:center}#detail-body img{max-width:100%;height:300px;object-fit:contain;margin:10px 0}#detail-body p{font-size:13px;margin-top:9px}.asset-fallback{display:grid;place-items:center;background:#d8bb88;color:#293e45;font-size:11px;min-height:45px}.asset-note{font-size:11px;color:#865940}.controls-note{font-size:11px;color:#796548;text-align:center;margin-top:9px}.grain{pointer-events:none;position:fixed;inset:0;opacity:.06;z-index:20;background-image:url('assets/grain.svg')}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}@keyframes enter{from{opacity:0;transform:translateY(30px) rotate(-4deg)}to{opacity:1;transform:translateY(0)}}@keyframes cast{50%{transform:translateX(-50%) translateY(-5px) rotate(-7deg)}}@keyframes hit{30%{filter:drop-shadow(0 0 4px #c75536);transform:translateX(-44%) rotate(8deg)}65%{transform:translateX(-54%) rotate(-5deg)}}@keyframes boxgone{to{transform:translate(-30px,-45px) rotate(-25deg);opacity:0}}@keyframes boxbreak{to{transform:scale(1.25) rotate(20deg);opacity:0}}@media(min-width:700px){.shop-body{display:grid;grid-template-columns:1fr 1fr;gap:22px}.prep{border-top:0;border-left:1px dashed #a48a65;padding:0 0 0 22px;margin:0}.offers{gap:7px}.card{padding:20px 8px}.card .portrait{height:130px}.card h3{font-size:15px}.intro-scene{height:370px}.intro-scene .manager{height:290px;width:180px}.shop-banner{min-height:230px;padding-inline:40px}.shop-banner h1{font-size:42px}}@media(max-width:350px){.shell{padding:10px 9px 20px}.paper{padding:15px 11px}.card{padding:19px 5px 16px}.card h3{font-size:13px}.card .portrait{height:113px}.card .role{font-size:10px}.offers{gap:5px}.intro-scene{height:280px;padding:12px;gap:5px}.intro-scene .manager{height:208px;width:113px}.speech{font-size:19px;padding:11px}.shop-banner{padding:20px 16px;min-height:185px}.shop-banner img{height:150px;width:85px}.arena{height:430px}.ribbon h2{font-size:22px}.bench{gap:5px}.bench button{width:57px}.slot{font-size:11px;padding:5px;gap:3px}.slot img{width:32px}.play-controls{padding:12px 10px;gap:5px}.seal{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}
/* First-playable readability refinements. Props occupy a separate depth lane. */
.card h3{background:#f5e9d4e8;padding:3px 2px;border-radius:2px;line-height:1.35;font-size:15px;margin-top:5px;width:100%}
.card .role{background:#f6e9d3e8;padding:3px 1px;border-radius:2px;white-space:nowrap;min-height:24px;font-size:10px}
.card .inspect{top:0;right:0;min-height:25px;height:25px;width:25px;background:#f4e8cfdd;border-radius:50%;font-size:13px;z-index:2}
.box:before{content:'';position:absolute;left:1px;right:1px;bottom:3px;height:8px;border-radius:50%;background:#d7c29f;border:1px dashed #7b674c;z-index:-1}
.box.removed:before{opacity:0}
@media(max-width:350px){.card h3{font-size:12px}.card .role{font-size:9px;letter-spacing:-.4px}.card{padding-inline:5px}}
.team-label{left:50%;transform:translateX(-50%);top:1px;white-space:nowrap;font-size:10px;padding:3px 6px}.team-label.ally{bottom:1px}
/* FP02: the counter is an optional recruit interaction; scrolling remains native elsewhere. */
.counter{position:relative;align-self:flex-end;width:120px;flex-shrink:0;text-align:center;padding-bottom:31px}.counter #manager-npc{display:block;touch-action:none;user-select:none;-webkit-user-select:none;background:transparent;border:0;box-shadow:none;padding:0;width:100%;height:157px;cursor:grab}.counter #manager-npc img{width:105px;height:157px;pointer-events:none}.counter-front{position:absolute;bottom:58px;left:-5px;right:-5px;background:linear-gradient(#a98c60,#665139);border:2px solid #d6bd85;padding:9px 4px;font-size:11px;box-shadow:0 4px 0 #332e27;pointer-events:none}.counter .quiet{position:absolute;bottom:0;left:-15px;right:-15px;color:#fff0cf;font-size:11px;text-shadow:0 1px 2px #263c40;background:#344641cf;min-height:31px;padding:6px 2px}.self-checkout{padding:12px 8px;border:2px dashed #d7c697;background:#304849df;transform:rotate(3deg);width:110px;text-align:center}.self-checkout b{display:block;font:22px serif}.self-checkout small{font-size:10px;line-height:1.5;display:block;margin-top:6px}#recruit-drop{display:none;position:absolute;bottom:4px;left:8px;right:8px;min-height:56px;background:#f5e7cce8;color:#3d554f;border:2px dashed #476760;padding:5px 7px;align-items:center;justify-content:space-between;gap:5px;z-index:8;font-size:12px;box-shadow:0 2px 12px #293d45}#recruit-drop.visible{display:flex}#recruit-drop.valid{background:#c9e1c2;outline:3px solid #fff3b6}#recruit-drop button{min-height:40px;font-size:11px;padding:5px 10px}.drag-ghost{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-65%);width:95px;filter:drop-shadow(0 4px 3px #233c3d88)}.drag-ghost img{height:130px;width:95px;object-fit:contain;transform:rotate(-12deg)}.drag-ghost span{display:block;background:#f6e6c9;color:#483729;border:1px solid #8e7550;padding:5px;font-size:11px;width:130px;margin-left:-18px;text-align:center}.struggling img{animation:struggle .32s infinite alternate!important}.egg-offer{padding:12px 10px;background:#f4e2b8;border:2px dashed #b18049;text-align:center;margin-bottom:18px}.egg-offer h3{font-size:17px}.egg-card{width:160px;max-width:100%;margin:0 auto}.egg-card .card .portrait{height:120px}.egg-card .card{padding-block:18px}.egg-card .card h3{font-size:16px}.offers:has(.card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.prep-nav{display:flex;gap:8px;background:#c5ab82;padding:8px 14px}.prep-nav button{flex:1;font-size:12px;box-shadow:0 2px 0 #7c6241}.prep-nav button:last-child{background:#365965;color:#f6e7c4}.sale-strip{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin:8px 0}.sale-strip button{font-size:12px;min-height:40px;padding:5px 9px}.shop-bottom button{white-space:nowrap;flex-shrink:0;padding-inline:7px;font-size:12px}.intent-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.intent-column{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:center;border:1px solid #a0b4aa66;padding:7px 3px;background:#f5e9ca12;font-size:11px}.intent-column b{font-size:12px;color:#f0cb7c}.intent-column span{display:block}.intent-column em{font-style:normal;color:#e4d6ae;font-size:10px}.intent-column strong{font-size:11px;border-top:1px dashed #c6b58f;padding-top:5px}.hook-intent{border-bottom:3px solid #e8c070}.hook-intent strong{color:#ffe1a2}.intent-note{font-size:10px!important;color:#d5dbca;line-height:1.6}.causal:empty{display:none}.causal{padding:10px 14px;background:#34565a;color:#f9edce;border-left:4px solid #d6ad61}.causal b{display:block;font:18px serif}.causal span{display:block;font-size:12px;line-height:1.6;margin-top:4px}.arena[data-event=blocked] .box.target{outline:3px solid #f6e29a;box-shadow:0 0 0 5px #2d625888}.arena[data-event=swap] .unit.target:before{outline:3px solid #f8dd91;box-shadow:0 0 0 6px #ad5a3899}.unit.active img{filter:drop-shadow(1px 0 #fff1d6) drop-shadow(-1px 0 #fff1d6) drop-shadow(0 0 3px #fff0b3) drop-shadow(0 2px 2px #2e3828)}.key-scenes{margin-top:16px;text-align:left;border-top:1px dashed #a58a61;padding-top:10px}.key-scenes summary{cursor:pointer;font-size:13px;min-height:44px;display:flex;align-items:center;gap:8px}.key-scenes summary:before{content:'▸';font-size:18px}.key-scenes[open] summary:before{content:'▾'}.key-scenes button{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;margin-bottom:9px;padding:11px;font-size:12px}.key-scenes button small{font-size:11px;line-height:1.6;font-weight:400}.key-scenes button em{font-size:10px;font-style:normal;color:#526b68}.key-scenes button b{color:#3c6262}dialog{max-height:90vh;overflow:auto}.moment-board{margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-block:1px dashed #a78d66;padding:12px 0}.moment-board section{min-width:0}.moment-board section>b{font-size:12px}.moment-team{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.moment-unit{background:#d4bf9980;min-height:90px;min-width:0;border:1px solid #b9a078;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 1px}.moment-unit img{height:46px!important;margin:1px 0!important;width:40px;object-fit:contain}.moment-unit small{font-size:9px}.moment-unit span{font-size:9px;line-height:1.3}.moment-unit.marked{outline:2px solid #42696b;background:#e6d59f}.moment-board p{font-size:10px!important;line-height:1.4}.moment-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}.moment-controls button{font-size:12px}.moment-controls+small{font-size:10px;color:#7a6649}@keyframes struggle{to{transform:translateX(-4px) rotate(-5deg)}}@media(max-width:350px){.counter{width:92px}.counter #manager-npc,.counter #manager-npc img{width:86px;height:142px}.counter-front{bottom:57px;font-size:10px}.counter .quiet{font-size:10px;left:-10px;right:-10px}.self-checkout{width:90px}.shop-banner{gap:8px}.shop-banner h1{font-size:28px}.shop-banner p{font-size:12px}.causal b{font-size:16px}.intent-columns{gap:5px}.seal{font-size:9px;padding:4px}.shell header a small{font-size:8px;letter-spacing:1.5px}.egg-offer h3{font-size:15px}}
.slot .slot-marker{font-size:9px;color:#725431;line-height:1.5;margin:2px 0 0;white-space:normal}
/* MECH02 adds transient attack feedback and preserves the existing HP pips. */
.stat-line{display:flex;justify-content:center;gap:8px;background:#f6ead5ed;padding:3px 4px;font-size:12px;border:1px solid #c9ac79;color:#3e4c48;white-space:nowrap;width:100%}.card .role{font-size:10px}.experiment-note{font-size:11px;line-height:1.7;margin-top:7px;background:#d1dfce80;border-left:3px solid #557068;padding:6px 8px}.training{display:block;width:100%;font-size:11px;margin:5px 0 10px;padding:8px 5px}.focus-control{display:flex;align-items:center;gap:9px;margin:12px 0;background:#ddc79f;padding:8px}.focus-control label{font-size:12px;flex:1;min-width:0}.focus-control select{display:block;width:100%;min-height:44px;font-size:13px;background:#f5e8ce;border:1px solid #997c52;padding:6px;color:#354d53;margin-top:5px}.focus-control p{font-size:10px;line-height:1.7;flex:1}.focus-flag{position:absolute;top:51.5%;font-size:10px;line-height:15px;color:#fff0b2;background:#314f57dd;border:1px solid #c6ae76;padding:2px 4px;z-index:5;pointer-events:none;transform:rotate(-4deg)}.focus-flag.left{left:4%}.focus-flag.right{right:4%}.damage-pop{position:absolute;transform:translate(-50%,-50%);background:#f8edcf;border:1px solid #975b40;color:#8b3d2d;z-index:8;padding:1px 5px;line-height:21px;font-size:17px;font-weight:bold;pointer-events:none;box-shadow:1px 2px 0 #73553799;animation:damage-paper .22s ease-out}.damage-pop.damage-2{font-size:21px;border-width:2px;line-height:23px;box-shadow:2px 3px 0 #9b613f66}.attack-source:before{outline:3px solid #e9d69d!important;box-shadow:0 0 0 6px #315d67a0!important}.attack-target:before{outline:3px solid #b7563e!important}.attack-source img{animation:attack-paper .3s ease-out!important}.attack-target img{animation:hit .25s!important}.arena[data-event=attack] .fx path{stroke:#f6d289;stroke-width:.95;stroke-dasharray:none}.arena[data-event=attack] .fx circle{stroke:#bd5c39;fill:#f7d2973d}.detail-stats{font-weight:bold;color:#365b5c;font-size:16px!important;border-block:1px dashed #a88a5e;padding:9px 0}@keyframes attack-paper{45%{transform:translateX(-50%) translateY(-5px) rotate(-9deg)}75%{transform:translateX(-50%) translateY(1px) rotate(3deg)}}@keyframes damage-paper{from{transform:translate(-50%,-20%) scale(.8)}to{transform:translate(-50%,-50%) scale(1)}}@media(max-width:350px){.stat-line{font-size:10px;gap:5px;padding:3px 1px}.card .role{font-size:9px}.focus-control{gap:6px;padding:7px}.focus-control p{font-size:9px}.stage-head span{font-size:10px}.stage-head h2{font-size:18px}.damage-pop{font-size:16px}.damage-pop.damage-2{font-size:19px}}
.box{display:grid;place-items:center}.box img{width:38px;height:34px;display:block;margin:auto}

/* RC01 paper skill slips */
.card-skill{font-size:12px;line-height:1.5;margin:6px 0;min-height:72px}.card{display:flex;flex-direction:column}.card>button[data-buy]{margin-top:auto}.skill-preview,.capture-panel{padding:14px;background:#f2dfad;border:1px dashed #826b46;border-radius:8px}.capture-panel .portrait{height:90px;width:85px;object-fit:contain}.capture-panel button{margin:4px}.skill-tag{position:absolute;z-index:15;transform:translate(-50%,-50%);padding:4px 8px;background:#f5dfae;color:#58342e;border:1px solid #7c5b3b;box-shadow:2px 3px 0 #48372c55;font-size:12px;white-space:nowrap;pointer-events:none}.emotion-mark:after{content:'怒';position:absolute;right:0;top:-8px;background:#f1c5af;color:#7b3433;transform:rotate(10deg);padding:2px;border:1px dashed #8c4e40;font-size:11px}.box.broken{opacity:1;animation:paper-break .6s both}.box.removed:not(.broken){animation:paper-away .6s both}@keyframes paper-break{from{opacity:1;transform:translate(-50%,-50%) rotate(0)}to{opacity:0;transform:translate(-50%,-10%) rotate(18deg)}}@keyframes paper-away{to{opacity:0;transform:translate(-50%,-200%) rotate(-25deg)}}#sound{min-height:44px}