:root{color-scheme:dark;--ink:#091426;--cream:#fff0cb;--yellow:#ffdb4d;--pixel:3px;font-family:ui-monospace,'Apple SD Gothic Neo','Malgun Gothic',monospace;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none}body{background:#050b16;background-image:radial-gradient(ellipse at 50% 35%,#16243c,transparent 65%);display:grid;place-items:center;color:var(--cream);-webkit-tap-highlight-color:transparent}.game{width:min(100%,480px);height:100svh;height:100dvh;max-height:960px;display:flex;flex-direction:column;overflow:hidden;background:#0b1b33;border-left:1px solid #29405a;border-right:1px solid #29405a;isolation:isolate;padding-top:env(safe-area-inset-top);box-shadow:0 0 100px #0008}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;background:#091426;z-index:10;border-bottom:3px solid #30445b;flex-shrink:0}.eyebrow{font-size:10px;letter-spacing:2px;color:#a1b1c6;font-weight:700}h1{font-size:43px;line-height:1.1;letter-spacing:-3px;margin:3px 0 0;color:var(--yellow);font-weight:1000;text-shadow:3px 3px 0 #c44434,6px 6px 0 #000}h1 span{color:#ff7656}.sound{font:700 10px inherit;background:#132841;border:2px solid #35506b;color:#b3c3d6;padding:9px 8px;cursor:pointer;min-height:36px}.sound[aria-pressed=true]{color:#ffdd54;border-color:#f5c95c}.arena{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#25436a 0,#102946 45%,#06152c 90%)}.arena:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:8;background:repeating-linear-gradient(0deg,#0000000a 0 1px,transparent 1px 4px)}.crowd{position:absolute;inset:0;background-image:radial-gradient(#b4e7ef 1px,transparent 2px),radial-gradient(#4876a1 3px,transparent 4px);background-size:61px 71px,47px 53px;opacity:.25;mask-image:linear-gradient(transparent,#000 60%,transparent)}.spotlight{position:absolute;top:-25px;width:150px;height:150%;background:linear-gradient(#c2e9ff1a,transparent);transform-origin:top;filter:blur(1px)}.light-left{left:-40px;transform:rotate(-25deg)}.light-right{right:-40px;transform:rotate(25deg)}.hit-counter{position:absolute;top:18px;left:16px;display:flex;align-items:baseline;gap:7px;z-index:5;text-shadow:2px 2px #000}.hit-counter strong{font-size:35px;font-weight:1000;color:var(--yellow);font-variant-numeric:tabular-nums}.hit-counter span{font-weight:900;font-size:13px}.character-tag{position:absolute;right:16px;top:26px;color:#b3c8dd;font-size:11px;font-weight:700}.character-tag span{border:1px solid #748aa4;padding:2px 3px;margin-right:4px}.rope{position:absolute;left:0;right:0;height:8px;border-top:2px solid #ffffff50;border-bottom:3px solid #0005;box-shadow:0 4px #0004}.rope-1{bottom:44%;background:#ed5551}.rope-2{bottom:26%;background:#e5d8bd}.rope-3{bottom:8%;background:#38b0b0}.post{position:absolute;bottom:0;height:52%;width:11px;background:#236789;border:3px solid #0a1527;box-shadow:inset 3px 0 #70bdd1}.post-left{left:8px}.post-right{right:8px}.fighter{position:absolute;height:88%;width:auto;aspect-ratio:.64;bottom:-1px;left:50%;transform:translateX(-50%);z-index:3;transform-origin:50% 85%;max-width:100%}.sprite{width:100%;height:100%;background-image:none;background-repeat:no-repeat;background-size:500% 100%;background-position:0% 0;image-rendering:pixelated;filter:drop-shadow(4px 3px 0 #061326)}.speech{position:absolute;right:13px;top:20%;z-index:5;color:#112139;background:#fff1cf;border:3px solid #0a1424;box-shadow:3px 3px 0 #0007;padding:9px 13px;font-size:clamp(15px,4vw,21px);font-weight:1000;transform:rotate(3deg)}.speech:after{content:'';position:absolute;bottom:-10px;left:20px;width:12px;height:12px;background:#fff1cf;border-right:3px solid #0a1424;border-bottom:3px solid #0a1424;transform:skewY(-35deg)}.glove{position:absolute;bottom:-6%;width:28%;z-index:6;pointer-events:none;transform-origin:bottom center}.glove svg{width:100%;display:block;shape-rendering:crispEdges}.glove-left{left:-5%;transform:rotate(18deg)}.glove-right{right:-5%;transform:scaleX(-1) rotate(18deg)}.controls{position:relative;z-index:9;padding:10px 12px max(8px,env(safe-area-inset-bottom));background:linear-gradient(#142b46,#0a172b);border-top:3px solid #4d647b;flex-shrink:0}.charge-line{display:flex;gap:8px;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#9cb3cc;margin:0 0 9px;min-height:20px}.charge-line>span:first-child{min-width:106px}.gauge{display:flex;gap:4px}.gauge i{display:block;width:18px;height:15px;background:#0a1728;border:2px solid #516078;box-shadow:0 2px #000}.gauge i.on{background:#ffda42;border-color:#fff097;box-shadow:0 2px #a16c14}.charge-line.ready{color:#ffdf54}.top-row{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px}.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}button{touch-action:manipulation;user-select:none;-webkit-user-select:none}button:focus-visible{outline:3px solid white;outline-offset:3px}.move,.rush{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:82px;border:3px solid #030e20;border-radius:5px;color:#0b1a2f;box-shadow:inset 0 4px #ffffff80,inset -3px -5px #0002,0 4px #030c1b;cursor:pointer;transition:filter .1s;font-family:inherit;padding:7px 3px}.left{background:#ffe4a3}.right{background:#82bdef}.upper{background:#ff8e83}.body{background:#84e1bf}.button-icon{font-size:24px;line-height:1.1;filter:drop-shadow(1px 1px #0003)}.move strong,.rush strong{font-size:clamp(17px,4.6vw,24px);font-weight:1000;letter-spacing:-1px}.bottom-row .move{flex-direction:row;gap:12px;min-height:68px}.move kbd{position:absolute;right:6px;top:5px;opacity:.45;font-size:9px}.move:active,.move.pressed,.rush:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #fff8,inset 0 -2px #0003,0 1px #030c1b;filter:brightness(1.12)}.rush{background:#465169;color:#b0b8c7;border-color:#091426}.rush .button-icon{filter:grayscale(1);font-size:19px;opacity:.6}.rush strong{font-size:clamp(16px,4vw,20px)}.rush small{font-size:10px;font-weight:900}.rush:disabled{cursor:default}.rush.ready{background:#e73c40;color:#fff2cd;box-shadow:inset 0 4px #ffb188,inset -3px -5px #9b232c,0 4px #030c1b,0 0 0 2px #ffd749,0 0 20px #ffb82888;animation:ready 1s steps(2,end) infinite}.rush.ready .button-icon{filter:none;opacity:1}.rush.running{background:#f49b3c;color:#241427}.move:disabled{opacity:.65;cursor:default}.hint{display:flex;justify-content:space-between;margin:13px 2px 0;font-size:10px;color:#8da0b8}.hint span{color:#7589a3}kbd{font-family:inherit}.impact{position:absolute;z-index:7;top:43%;left:50%;width:90px;height:90px;background:#ffe55a;clip-path:polygon(50% 0,60% 30%,90% 7%,74% 40%,100% 55%,70% 62%,91% 91%,60% 77%,48% 100%,39% 70%,4% 90%,26% 56%,0 37%,35% 37%);opacity:0;pointer-events:none}.effect{position:absolute;left:50%;top:27%;z-index:8;font-size:50px;font-weight:1000;font-style:italic;color:#ffdc46;-webkit-text-stroke:2px #10162b;text-shadow:4px 4px #ef493d;pointer-events:none;opacity:0;white-space:nowrap}.rush-banner{position:absolute;top:12%;left:0;right:0;text-align:center;background:#ef4543;transform:rotate(-7deg) scale(0);z-index:9;font-size:30px;font-weight:1000;color:#ffe9af;padding:10px;box-shadow:0 5px #0009;text-shadow:3px 3px #661c2d;pointer-events:none}.rush-banner span{display:block;font-size:12px;letter-spacing:5px;margin-top:3px}.arena.rushing .rush-banner{animation:rushBanner .6s steps(4,end) forwards}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes ready{50%{filter:brightness(1.18)}}@keyframes rushBanner{0%{transform:rotate(-7deg) scale(0)}20%,70%{transform:rotate(-7deg) scale(1)}100%{transform:rotate(-7deg) scale(0)}}@media(min-width:600px){.game{height:min(94dvh,920px);border:3px solid #304259;border-radius:10px}.hint{font-size:10px}}@media(max-height:680px){.header{padding:8px 14px 9px}h1{font-size:34px}.eyebrow{font-size:9px}.controls{padding-top:7px}.move,.rush{min-height:68px}.bottom-row .move{min-height:64px}.button-icon{font-size:19px}.hint{margin-top:9px;font-size:9px}.speech{padding:6px 9px;font-size:16px}.hit-counter{top:10px}.character-tag{top:20px}}@media(max-width:350px){.controls{padding-left:7px;padding-right:7px}.top-row,.bottom-row{gap:5px}.charge-line{gap:5px}.gauge i{width:15px}.move strong{font-size:17px}.hint span{display:none}}@media(pointer:coarse){.move kbd,.hint span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.arena.rushing .rush-banner{transform:scale(1);font-size:20px}}
/* Keep the waist at the stage floor while giving the face enough room. */
.fighter{height:95%}
/* Punch feedback stays inside the stage; the controls never shake. */
.fighter{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.fighter:focus-visible{outline:2px dashed #ffd74d;outline-offset:-8px}.combo{position:absolute;right:16px;top:55px;z-index:8;display:flex;gap:4px;align-items:baseline;opacity:0;transform:rotate(-4deg);color:#ffdf62;text-shadow:2px 2px #11152b;pointer-events:none}.combo.visible{opacity:1}.combo strong{font-size:35px;font-weight:1000}.combo span{font-size:11px;font-weight:900}.contact-flash{position:absolute;inset:0;z-index:7;background:#fff1bc;opacity:0;pointer-events:none}.particles{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}.spark{position:absolute;width:8px;height:8px;box-shadow:2px 2px #ed713d;pointer-events:none}.effect{font-size:43px;top:22%;max-width:95%;text-align:center}.effect.big{font-size:clamp(35px,10vw,48px);color:#fff0b5}.taunting .speech{background:#ffdd71;border-color:#8d461a;box-shadow:3px 3px #0008,0 0 14px #ffb42d55}.taunting .speech:after{background:#ffdd71}.arena.rushing{background:radial-gradient(ellipse at center,#442752,#101530 70%)}.arena.rushing .rope{filter:brightness(.65)}.hint{font-size:9px}.hint span{flex-shrink:0;margin-left:5px}@media(max-width:350px){.hint{font-size:9px}.combo{top:45px}.combo strong{font-size:27px}}

.sprite.damaged{background-image:none;background-size:500% 300%}
.tears{position:absolute;inset:0;pointer-events:none;display:none}.crying .tears{display:block}.tear{position:absolute;width:3.2%;height:17%;background:linear-gradient(90deg,#60bbef 0 30%,#bcefff 30% 65%,#54b7eb 65%);clip-path:polygon(10% 0,85% 0,100% 19%,69% 37%,91% 61%,61% 79%,75% 100%,18% 100%,4% 70%,25% 52%,0 31%);opacity:.95;transform-origin:top center;animation:tear-flow .6s steps(3,end) infinite}.tear-right{height:15%;animation-delay:-.3s}.tear:after{content:'';position:absolute;left:15%;top:70%;width:70%;height:17%;background:#d5f7ff;box-shadow:0 4px #64c5f4;animation:tear-drop .6s steps(4,end) infinite}@keyframes tear-flow{50%{transform:scaleY(.82) translateX(1px)}}@keyframes tear-drop{0%{transform:translateY(0);opacity:1}100%{transform:translateY(28px);opacity:0}}


/* Match the approved original pixel On design: permanent portrait, red cut-in, side attack. */
.on-face,.on-meter-face,.on-cutin-face{background-image:none;background-repeat:no-repeat;image-rendering:pixelated}
.on-companion{position:absolute;top:12px;left:12px;z-index:6;display:flex;gap:8px;align-items:flex-start;pointer-events:none}.on-face{width:72px;height:72px;background-size:1182% 819%;background-position:9.03% 20.02%;border:2px solid #fff0d4;box-shadow:3px 3px #050c1d}.on-companion #on-speech{padding:7px 9px;background:#fff0d4;color:#0a1429;border:2px solid #10182b;font-size:12px;line-height:1.3;font-weight:1000;box-shadow:3px 3px #050c1d}.hit-counter{left:auto;right:14px;top:15px}.character-tag{top:58px;right:15px;font-size:9px}.combo{top:81px}.speech{top:29%;font-size:16px}.fighter{height:85%}
.on-meter{display:flex;align-items:center;justify-content:center;gap:9px;margin:8px 0 0;min-height:34px;border:2px solid #334c72;background:#0b1930;padding:3px 6px;color:#879bb7}.on-meter-face{width:27px;height:27px;background-size:1182% 819%;background-position:9.03% 20.02%;border:1px solid #b2c7dc}.on-meter strong{font-size:12px;color:#e8cd79}.on-meter #on-label{font-size:10px;font-weight:900;min-width:60px}.on-charge{display:flex;gap:7px}.on-charge i{width:14px;height:14px;background:#2c263b;border:2px solid #62536e;transform:rotate(45deg);box-shadow:2px 2px #030c1b}.on-charge i.on{background:#ff5748;border-color:#ffd16d;box-shadow:0 0 8px #ff6c34aa}.on-meter.ready{border-color:#ffa85e;color:#ffe291}.on-meter.running{color:#ff7a61}.rush.on-ready{background:#bf242e;color:#fff0b0;overflow:hidden;border-color:#fff087;box-shadow:inset 0 3px #ffae5f,0 0 0 2px #f27e30,0 4px #030c1b}.rush.on-ready:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-25deg,transparent 0 13px,#ffcc622b 14px 17px);pointer-events:none}.rush.on-ready .button-icon{width:30px;height:27px;font-size:0;background:none 9.03% 20.02%/1182% 819%;image-rendering:pixelated;border:1px solid #ffe0ad;filter:none;opacity:1}.rush.on-ready strong,.rush.on-ready small{z-index:1}.hint{margin-top:8px}
.on-speedlines{display:none;position:absolute;inset:0;z-index:1;background:repeating-conic-gradient(from 90deg at 82% 65%,#ffcb4c 0deg 1deg,#ed453b 1deg 3deg,#551529 3deg 7deg);pointer-events:none}.on-actor{position:absolute;left:-19%;bottom:-4%;width:107%;height:auto;z-index:4;display:none;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(3px 3px #0c1023)}.on-fists{display:none;position:absolute;inset:0;z-index:5;pointer-events:none}.on-fists i{position:absolute;left:41%;top:61%;width:28%;height:5%;background:linear-gradient(90deg,#ee382b00,#ffb27e 80%,#fff0ca);border-right:5px solid #ffc5a0;box-shadow:0 3px #a31e32;transform:skewX(-12deg);animation:on-fist .18s steps(2,end) infinite}.on-fists i:nth-child(2){top:68%;left:34%;animation-delay:-.06s}.on-fists i:nth-child(3){top:76%;left:41%;animation-delay:-.12s}
.on-cutin{display:none;position:absolute;z-index:10;left:-3%;top:3%;width:106%;height:30%;overflow:hidden;border-top:4px solid #ff6552;border-bottom:4px solid #ff6552;background:repeating-linear-gradient(-10deg,#ec423a 0 7px,#ff8964 8px 10px,#872335 11px 17px);transform:rotate(-5deg);box-shadow:0 5px #060d22;pointer-events:none}.on-cutin-face{position:absolute;inset:0 40% 0 0;background-size:512% 595%;background-position:64.72% 21.24%;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.on-cutin-copy{position:absolute;right:5%;top:18%;padding:7px 13px;background:#fff1d3;border:3px solid #13162a;color:#10162a;transform:rotate(3deg);font-size:clamp(17px,5vw,25px);line-height:1.1;font-weight:1000;box-shadow:3px 3px #11182d}.arena.on-rushing{background:#681d30}.on-rushing .on-speedlines,.on-rushing .on-actor,.on-rushing .on-fists,.on-rushing .on-cutin{display:block}.on-rushing .on-companion,.on-rushing .glove,.on-rushing .rope,.on-rushing .post,.on-rushing .crowd,.on-rushing .character-tag,.on-rushing .hit-counter,.on-rushing .combo,.on-rushing .speech{visibility:hidden}.on-rushing .fighter{left:82%;height:68%;bottom:-4%;max-width:none}.on-rushing .effect{top:37%;left:62%;font-size:38px;z-index:11;color:#ffe14b;text-shadow:3px 3px #d82a35}.on-rushing .impact{z-index:6}.on-intro .on-cutin{animation:on-cut-in .65s steps(4,end) both}.on-intro .on-actor{opacity:0}.on-intro .on-fists{display:none}.on-rushing:not(.on-intro) .on-speedlines{animation:on-lines .12s steps(2,end) infinite}.on-rushing:not(.on-intro) .on-cutin{height:25%}.on-rushing .glove svg path{fill:revert}
@keyframes on-cut-in{0%{transform:translateX(-110%) rotate(-5deg)}35%,100%{transform:translateX(0) rotate(-5deg)}}@keyframes on-fist{from{transform:translateX(-12%) skewX(-12deg);opacity:.35}to{transform:translateX(12%) skewX(-12deg);opacity:.9}}@keyframes on-lines{50%{filter:brightness(1.2)}}
@media(max-height:740px){.on-face{width:57px;height:57px}.on-companion #on-speech{font-size:10px;padding:5px}.on-companion{top:8px;left:8px}.on-meter{min-height:28px;margin-top:6px}.on-meter-face{width:21px;height:21px}.controls .move,.controls .rush{min-height:65px}.controls .bottom-row .move{min-height:52px}.hint{font-size:8px}.character-tag{top:53px}.speech{font-size:14px}.on-cutin-copy{padding:5px 9px}}@media(max-width:350px){.on-companion #on-speech{font-size:10px}.on-face{width:55px;height:55px}.on-meter{gap:7px}.on-charge i{width:12px;height:12px}.character-tag{display:none}}
@media(prefers-reduced-motion:reduce){.on-intro .on-cutin{transform:rotate(-5deg)}.on-fists{display:none!important}}

.on-meter{margin:0 0 9px}.on-mode .charge-line{display:none}.on-mode .on-meter{min-height:45px;margin-bottom:10px}.on-mode .on-meter-face{width:33px;height:33px}.on-mode .on-meter strong{font-size:17px}.on-mode .on-charge i{width:19px;height:19px}.on-mode .on-meter #on-label{font-size:12px}.on-rushing .effect{max-width:74%}@media(max-height:740px){.on-meter{margin:0 0 6px}.on-mode .on-meter{min-height:37px;margin-bottom:7px}.on-mode .on-meter-face{width:28px;height:28px}.on-mode .on-meter strong{font-size:14px}.on-mode .on-charge i{width:16px;height:16px}}

.on-rushing .fighter{left:72%;height:60%;bottom:-1%}.on-rushing .on-actor{width:100%;left:-19%}.on-rushing .on-fists i{left:38%;width:30%}.on-rushing .on-fists i:nth-child(2){left:33%}.on-rushing .on-fists i:nth-child(3){left:38%}

/* Player and target setup stays in a dialog so the portrait arena retains its space. */
.header-actions{display:flex;align-items:center;gap:7px}.settings{font-family:inherit;font-size:11px;font-weight:800;color:#ffe19b;background:#1c2e48;border:2px solid #48617e;min-height:36px;padding:6px 9px;cursor:pointer}.settings:disabled{opacity:.5;cursor:default}.match-bar{display:flex;justify-content:space-between;gap:8px;padding:7px 13px;background:#0a1729;border-bottom:1px solid #30445f;color:#8ea7c4;font-size:10px;flex-shrink:0}.match-bar strong{color:#ffe8b3;margin-left:5px;font-size:11px;overflow-wrap:anywhere}.match-bar span{min-width:0}.character-tag{max-width:47%;overflow-wrap:anywhere;text-align:right;line-height:1.5}.character-tag b{font-weight:700}.on-companion #on-speech{max-width:108px;font-size:11px;line-height:1.4}.glove svg path:first-child{fill:var(--player-sleeve,#202032)}.glove svg path:nth-child(2){fill:var(--player-accent,#ed494e)}.on-cutin-copy{max-width:43%;font-size:clamp(15px,4.5vw,23px);word-break:keep-all;line-height:1.25}.on-cutin-copy strong{display:block}.rush.on-ready strong{font-size:clamp(14px,3.8vw,19px)}.on-meter{gap:8px}.on-meter strong{white-space:nowrap}.on-mode .on-meter strong{font-size:14px}.on-meter-face{flex-shrink:0}
.setup-dialog{width:min(calc(100vw - 28px),440px);max-height:calc(100dvh - 36px);overflow-y:auto;padding:0;background:#0f1f37;color:#fff0cb;border:3px solid #536b8c;border-radius:9px;box-shadow:0 12px 0 #020a18,0 20px 80px #000b;font-family:inherit;overscroll-behavior:contain}.setup-dialog::backdrop{background:#020917da}.setup-form{padding:21px 20px}.setup-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:23px}.setup-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#8da7ca}.setup-heading h2{margin:7px 0 0;font-size:27px;letter-spacing:-1px;color:#ffda58;text-shadow:2px 2px #932f34}.setup-close{border:1px solid #4f6480;background:#142841;color:#b5c6de;font-size:23px;line-height:1;min-width:34px;min-height:34px;cursor:pointer}.target-label{display:block;font-size:13px;font-weight:900;margin-bottom:8px}.setup-form input[name=target]{width:100%;height:48px;background:#071326;border:2px solid #4d6687;border-radius:3px;color:#fff0cb;padding:10px 12px;font:700 16px inherit;font-size:16px;font-family:inherit}.setup-form input[name=target]:focus{outline:2px solid #ffdc67;outline-offset:2px}.setup-form input::placeholder{font-size:12px;color:#7d95b3}.player-fieldset{margin:23px 0 0;padding:0;border:0;min-width:0}.player-fieldset legend{font-size:13px;font-weight:900;margin-bottom:11px}.player-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.player-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:6px 4px 8px;border:2px solid #344a66;border-radius:3px;background:#12233d;cursor:pointer;min-width:0}.player-card input{position:absolute;opacity:0;width:1px;height:1px}.player-card:has(input:checked){border-color:#ffdb60;background:#3b3035;box-shadow:0 0 0 1px #ffb66b}.player-card:has(input:checked):after{content:'✓';position:absolute;top:3px;right:3px;background:#ffda58;color:#142039;font-size:11px;font-weight:1000;padding:1px 3px}.player-card:has(input:focus-visible){outline:2px solid white;outline-offset:3px}.player-card-face{display:block;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-color:#1f2c46;image-rendering:pixelated;border:1px solid #516680}.player-card strong{font-size:11px;white-space:nowrap;letter-spacing:-.5px}.player-preview{display:flex;align-items:center;gap:12px;margin-top:18px;padding:10px;background:#0a172c;border:1px solid #354f70;min-height:66px}.preview-face{width:46px;height:46px;flex-shrink:0;background-repeat:no-repeat;image-rendering:pixelated;border:1px solid #92785c}.player-preview strong{font-size:12px;color:#ffde82}.player-preview p{font-size:12px;margin:5px 0 0;color:#c6d4e7}.start-game{margin-top:18px;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:12px 17px;border:3px solid #080e21;border-radius:3px;box-shadow:inset 0 3px #fff0b7,0 4px #080e21;background:#ffda66;color:#0b1931;font-family:inherit;font-size:18px;font-weight:1000;cursor:pointer}.start-game:active{transform:translateY(2px)}@media(max-width:350px){.setup-form{padding:18px 13px}.player-options{gap:5px}.player-card strong{font-size:10px}.setup-heading h2{font-size:23px}.on-meter{gap:6px}.on-meter strong,.on-mode .on-meter strong{font-size:12px}}@media(max-height:740px){.setup-form{padding-top:16px;padding-bottom:16px}.setup-heading{margin-bottom:16px}.player-fieldset{margin-top:17px}.player-preview{margin-top:12px}.start-game{margin-top:12px}.match-bar{padding-top:5px;padding-bottom:5px}.header-actions{gap:5px}}

.player-fieldset legend{display:flex;align-items:center;gap:8px}.player-fieldset legend #roster-count{font-size:10px;color:#a5b9d3;font-weight:500}.player-options{max-height:min(40dvh,360px);overflow-y:auto;overscroll-behavior:contain;padding:3px 5px 4px 3px;scrollbar-color:#526b90 #0b172b;scrollbar-width:thin}.player-card strong{font-size:10px}.player-options:focus-within{scroll-behavior:smooth}.player-card-face,.preview-face{background-color:#0d1a30}.player-preview{margin-top:13px}.player-card{scroll-margin-block:5px}@media(max-width:350px){.player-card strong{font-size:9px}.player-options{padding-right:3px}}

@media(min-height:900px){.player-options{max-height:min(50dvh,480px)}.setup-heading{margin-bottom:17px}.player-fieldset{margin-top:17px}.player-preview{margin-top:10px}}
.glove svg path:nth-child(3){fill:var(--player-skin,#ffcd9e)}

/* Small additions keep the approved arena and five-button layout intact. */
.match-bar{align-items:center}.match-bar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restart{flex-shrink:0;min-height:30px;padding:4px 8px;border:1px solid #61708b;background:#1a2942;color:#ffe1a0;font:800 10px ui-monospace,'Apple SD Gothic Neo',monospace;cursor:pointer}.restart:disabled{opacity:.4;cursor:default}
.taunt-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;margin-bottom:8px;font-size:12px;font-weight:800}.taunt-heading span{color:#91aac8;font-size:10px;font-weight:500}.setup-form input[name=taunt]{width:100%;height:43px;background:#071326;border:2px solid #4d6687;border-radius:3px;color:#fff0cb;padding:9px 12px;font:16px ui-monospace,'Apple SD Gothic Neo',monospace}.setup-form input[name=taunt]:focus{outline:2px solid #ffdc67;outline-offset:2px}.taunt-presets{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.taunt-presets button{border:1px solid #466082;background:#172d47;color:#c5d6ea;padding:6px 8px;font:10px ui-monospace,'Apple SD Gothic Neo',monospace;min-height:32px;cursor:pointer}.taunt-presets button:active{background:#35445d;color:#ffdf84}.speech{max-width:57%;white-space:normal;overflow-wrap:anywhere;word-break:keep-all;line-height:1.35}.player-options{max-height:min(33dvh,320px)}.setup-form .player-fieldset{margin-top:16px}.setup-heading{margin-bottom:17px}.setup-heading h2{font-size:24px}.setup-form{padding-top:17px;padding-bottom:17px}.start-game{margin-top:12px}.player-preview{margin-top:10px}
@media(min-height:1000px){.player-options{max-height:min(42dvh,460px)}}@media(max-height:740px){.player-options{max-height:24dvh}.setup-form{padding:12px 15px}.setup-heading{margin-bottom:12px}.setup-heading h2{font-size:22px}.taunt-heading{margin-top:12px}.taunt-presets button{min-height:28px}.player-preview{padding:7px}.start-game{min-height:46px}.match-bar{padding-top:3px;padding-bottom:3px}}

.impact{transform:translate(-50%,-50%)}.effect{transform:translate(-50%,0)}

/* Opponents and attackers use separate panels so the mobile setup stays readable. */
.opponent-loading-status button{pointer-events:auto;font:700 11px inherit;color:#ffdf75;background:#253951;border:1px solid #7b8ca1;min-height:32px;margin-left:6px;cursor:pointer}.opponent-loading-status[hidden]{display:none}.fighter.is-loading .sprite{visibility:hidden}
.setup-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;background:#071326;border:1px solid #354b69;margin-bottom:14px}.setup-tabs button{border:1px solid transparent;background:transparent;color:#9cb0cc;font:800 12px ui-monospace,'Apple SD Gothic Neo',monospace;min-height:35px;padding:6px;cursor:pointer}.setup-tabs button[aria-selected=true]{border-color:#f2ce68;background:#3a3036;color:#ffdf7d;box-shadow:0 2px #060d1c}.setup-tabs button span{display:inline-block;font-size:10px;margin-left:4px;color:inherit;opacity:.8}.setup-panel[hidden]{display:none!important}.setup-panel{min-width:0}.setup-panel>.player-fieldset{margin-top:0}.setup-panel .player-options{max-height:min(48dvh,440px)}
.opponent-fieldset{margin:0;padding:0;border:0;min-width:0}.opponent-fieldset legend{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;margin-bottom:9px}.opponent-fieldset legend span{font-size:10px;font-weight:500;color:#a5b9d3}.opponent-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:2px}.opponent-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:4px 3px 6px;border:2px solid #344a66;border-radius:3px;background:#12233d;cursor:pointer}.opponent-card input{position:absolute;opacity:0;width:1px;height:1px}.opponent-card:has(input:checked){border-color:#ffdb60;background:#3b3035;box-shadow:0 0 0 1px #ffb66b}.opponent-card:has(input:checked):after{content:'✓';position:absolute;top:2px;right:2px;background:#ffda58;color:#142039;font-size:10px;font-weight:1000;padding:1px 3px}.opponent-card:has(input:focus-visible){outline:2px solid white;outline-offset:2px}.opponent-card-face{display:block;width:100%;height:60px;background-repeat:no-repeat;background-color:#0d1a30;image-rendering:pixelated;border:1px solid #3f5777}.opponent-card strong{font-size:11px;line-height:1.2;white-space:nowrap;letter-spacing:-.4px}.opponent-card small{max-width:100%;font-size:8px;line-height:1.2;color:#91aac9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.opponent-preview{display:flex;align-items:center;gap:9px;margin:10px 0 14px;padding:7px 9px;min-height:49px;background:#0a172c;border:1px solid #354f70}.opponent-preview-face{width:33px;height:38px;flex-shrink:0;background-repeat:no-repeat;image-rendering:pixelated}.opponent-preview strong{font-size:11px;color:#ffde82}.opponent-preview p{font-size:11px;line-height:1.3;color:#c6d4e7;margin:3px 0 0;overflow-wrap:anywhere}.fighter.is-loading{opacity:.4;pointer-events:none}.opponent-loading-status{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:8;padding:6px 10px;background:#081427e8;border:1px solid #617995;color:#ffe4a3;font-size:11px;white-space:nowrap;pointer-events:none}
@media(max-height:740px){.setup-dialog{max-height:calc(100dvh - 20px)}.setup-tabs{margin-bottom:10px;padding:3px}.setup-tabs button{min-height:29px;padding:4px}.opponent-fieldset legend{margin-bottom:6px;font-size:11px}.opponent-options{gap:5px}.opponent-card{gap:3px;padding:3px 2px 4px}.opponent-card-face{height:40px}.opponent-card strong{font-size:10px}.opponent-card small{font-size:7px}.opponent-preview{margin:7px 0 10px;padding:5px 7px;min-height:35px}.opponent-preview-face{width:24px;height:28px}.opponent-preview strong,.opponent-preview p{font-size:10px}.opponent-preview p{margin-top:2px}.setup-panel .target-label{font-size:11px;margin-bottom:5px}.setup-panel input[name=target]{height:38px;padding:7px 10px}.setup-panel .taunt-heading{margin-top:9px;margin-bottom:5px;font-size:11px}.setup-panel input[name=taunt]{height:37px;padding:7px 10px}.setup-panel .taunt-presets{margin-top:6px;gap:5px}.setup-panel .taunt-presets button{min-height:26px;padding:4px 6px;font-size:9px}.setup-panel .player-options{max-height:47dvh}.setup-form .start-game{margin-top:10px}}
@media(max-width:350px){.opponent-options{gap:4px}.opponent-card-face{height:39px}.opponent-card strong{font-size:9px}.opponent-card small{font-size:7px}.setup-tabs button{font-size:11px}}

/* The approved eight-person board uses numbered cream frames and full waist-up figures. */
@font-face{font-family:JamPixel;src:url('assets/ui-pixel.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.opponent-card{border-color:#d9d1ad;border-radius:0;background:#0a2040;box-shadow:inset 0 0 0 1px #071428,2px 2px 0 #030b19;padding-top:4px}
.opponent-card:has(input:checked){border-color:#ffda58;background:#132e52;box-shadow:inset 0 0 0 1px #fff0ad,0 0 0 1px #ffb64e}
.opponent-card:has(input:checked):after{z-index:2;top:2px;right:2px;font-size:9px}
.opponent-number{position:absolute;z-index:2;top:3px;left:3px;display:grid;place-items:center;min-width:19px;height:17px;padding:0 2px;border:1px solid #eee6c7;background:#12233e;color:#fff2cf;font:900 10px ui-monospace,monospace;line-height:1;box-shadow:1px 1px 0 #020918;pointer-events:none}
.opponent-card-face{height:80px;border:0;background-color:#071b38;background-size:contain;background-position:center bottom}
.opponent-card strong{color:#fff1cc;text-shadow:1px 1px #020b1d}.opponent-card small{color:#b2bfd0}
.opponent-preview{border-color:#807d6c;background:#081b34;min-height:66px;padding:5px 8px}
.opponent-preview-face{width:48px;height:54px;background-size:contain;background-position:center bottom}
.opponent-preview p{width:fit-content;max-width:100%;padding:4px 6px;border:2px solid #061326;background:#fff0c9;color:#13223b;font-weight:800;box-shadow:1px 1px #020b19}
@media(max-height:740px){.opponent-options{gap:4px}.opponent-card-face{height:54px}.opponent-number{top:2px;left:2px;min-width:16px;height:14px;font-size:8px}.opponent-preview{min-height:49px;margin:6px 0 8px;padding:4px 6px}.opponent-preview-face{width:34px;height:39px}.opponent-preview p{padding:3px 5px;font-size:10px}}
@media(max-width:350px){.opponent-card-face{height:50px}.opponent-number{min-width:15px;height:13px;font-size:8px}.opponent-preview-face{width:30px;height:36px}}

/* Native emoji and rounded text are replaced with an integer-grid arcade UI. */
.pixel-defs{position:absolute;overflow:hidden;pointer-events:none}
.controls{font-family:JamPixel,ui-monospace,monospace;font-synthesis:none;background:#14263d}
.controls .move,.controls .rush{font-family:inherit;font-weight:400;border-radius:0;padding:5px 3px;gap:4px;box-shadow:inset 0 3px #ffffff99,inset 3px 0 #ffffff55,inset -4px -5px #0003,0 4px #030c1b;transition:none}
.controls .move strong{font-size:32px;font-weight:400;line-height:1;letter-spacing:0}
.controls .rush strong{font-size:24px;font-weight:400;line-height:1;letter-spacing:0}
.controls .rush small{font:400 12px/1 JamPixel,monospace;margin-top:2px}
.controls .move:active,.controls .move.pressed,.controls .rush:active:not(:disabled){box-shadow:inset 0 2px #fff8,inset 0 -2px #0003,0 1px #030c1b;transform:translateY(3px)}
.controls .rush.ready{box-shadow:inset 0 3px #ffb188,inset -4px -5px #9b232c,0 4px #030c1b,0 0 0 2px #ffd749}
.controls .rush.on-ready{box-shadow:inset 0 3px #ffae5f,0 0 0 2px #f27e30,0 4px #030c1b}
.controls .rush.on-ready:before{background:repeating-linear-gradient(0deg,transparent 0 6px,#ffcc621c 6px 10px)}
.controls .button-icon{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:24px;line-height:0;font-size:0;filter:none;flex-shrink:0;pointer-events:none}
.ui-icon{display:block;flex-shrink:0;shape-rendering:crispEdges;overflow:visible}
.ui-icon.fist{width:24px;height:24px}.ui-icon.arrow{width:16px;height:16px}.ui-icon.bolt{width:12px;height:20px}
.ui-icon.mirror,.ui-icon.arrow-right{transform:scaleX(-1)}.ui-icon.arrow-up{transform:rotate(90deg)}.ui-icon.arrow-down{transform:rotate(-90deg)}
.pixel-rush-glyph{display:flex;align-items:center;gap:2px}.pixel-rush-glyph .fist{width:24px;height:24px}
.controls .rush:disabled .button-icon{filter:grayscale(1);opacity:.65}
.controls .rush.ready .button-icon{filter:none;opacity:1}
.controls .rush.on-ready .button-icon{display:block;width:32px;height:32px;border:2px solid #ffe0ad;image-rendering:pixelated}
.controls .rush.on-ready .pixel-rush-glyph{display:none}
.controls .rush.on-ready strong{font-size:16px;line-height:1.05;word-break:keep-all;overflow-wrap:normal}
.controls .bottom-row .move{gap:10px}.controls kbd{font:400 12px/1 JamPixel,monospace}
.controls .charge-line,.controls .on-meter,.controls .on-meter strong,.controls .on-meter #on-label{font:400 12px/1.2 JamPixel,monospace}
.controls .on-mode .on-meter strong{font-size:12px}.controls .hint{font:400 12px/1.25 JamPixel,monospace}
.on-companion #on-speech{position:relative;max-width:128px;font:400 16px/1.25 JamPixel,monospace;word-break:keep-all;padding:7px 8px;border-radius:0}
.on-companion #on-speech:after{content:'';position:absolute;left:-6px;top:11px;width:4px;height:6px;background:#fff0d4;border-left:2px solid #10182b;border-bottom:2px solid #10182b}
.speech{font:400 16px/1.25 JamPixel,monospace;border-width:3px}
.speech:after{width:8px;height:8px;bottom:-8px;left:16px;transform:none;border-width:0 2px 2px 0}
.on-cutin-copy,.player-preview p{font-family:JamPixel,monospace;font-weight:400}
@media(max-width:420px){.controls .move strong{font-size:24px}.controls .rush strong{font-size:16px}.controls .rush.on-ready strong{font-size:16px}.controls .hint span{display:none}}
@media(max-height:740px){.controls .move,.controls .rush{min-height:70px}.controls .bottom-row .move{min-height:52px}.on-companion #on-speech{max-width:120px;font-size:16px;line-height:1.15;padding:5px 6px}}
@media(max-width:350px){.controls .top-row,.controls .bottom-row{gap:6px}.controls .button-icon{gap:4px}.controls .bottom-row .move{gap:7px}.controls .charge-line{gap:5px}.controls .charge-line>span:first-child{min-width:100px}.on-companion #on-speech{max-width:112px}}

/* Reuse the original FateToon wordmark; only its display color changes on the dark header. */
.header{gap:14px;min-height:74px}.header .brand{min-width:0}.header .brand-heading{margin:0;font-size:18px;line-height:1;letter-spacing:0;text-shadow:none}
.brand-wordmark{display:block;width:clamp(142px,45vw,190px);max-width:100%;height:auto;filter:brightness(0) invert(1)}
.header-actions{flex-shrink:0}
@media(max-height:740px){.header{min-height:64px;padding:12px 14px}}

/* Portrait gameplay fills the viewport; secondary controls live in settings. */
html,body{height:100%;overflow:hidden}
body{height:100svh;height:100dvh}
.game{height:100svh;height:100dvh;min-height:0;max-height:none;border:0;border-radius:0}
.header{min-height:60px;padding:8px 12px;gap:10px}
.header .brand{flex:1;min-width:0}.header-actions{gap:6px}
.header-actions button{min-height:44px}.header-actions .settings{min-width:44px;padding:6px 8px}.header-actions .sound{min-width:68px;padding:6px 8px}
.match-bar{display:none}
.arena{flex:1 1 0;min-height:0}
/* All current cells are at most .8 wide per unit height; cap before max-width can squeeze them. */
.fighter{max-height:calc(min(100vw,480px) / .8)}
.controls{padding:8px 10px max(8px,env(safe-area-inset-bottom))}
.controls .hint,.controls kbd{display:none}
.controls .charge-line{min-height:16px;gap:6px;margin-bottom:6px}
.controls .on-meter{min-height:30px;margin-top:4px;padding:2px 6px;gap:7px}
.controls .on-meter-face{width:22px;height:22px}
.controls .top-row,.controls .bottom-row{gap:6px}.controls .bottom-row{margin-top:8px}
.controls .move,.controls .rush{min-width:0;min-height:70px}
.controls .rush{gap:2px;padding:4px 3px}.controls .rush small{margin-top:0}
.controls .bottom-row .move{min-height:52px}
.setup-actions{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px;margin-top:12px}
.setup-actions .start-game{min-width:0;min-height:48px;margin:0;padding:10px 12px;font-size:16px}
.setup-actions .restart{min-width:0;min-height:48px;padding:8px 6px;border:3px solid #070f21;border-radius:0;background:#243b57;color:#ffe2a0;font:400 16px/1 JamPixel,monospace;box-shadow:inset 0 2px #6d829b,inset 0 -3px #0d1b31,0 4px #050d1b}
.setup-actions .restart:active{transform:translateY(2px);box-shadow:inset 0 1px #6d829b,inset 0 -2px #0d1b31,0 2px #050d1b}
.setup-dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px)}
@media(max-width:600px){.controls .move strong{font-size:24px}.controls .rush strong,.controls .rush.on-ready strong{font-size:16px}}
@media(max-height:640px){.header{min-height:56px;padding-top:6px;padding-bottom:6px}.controls{padding-top:6px}.controls .move,.controls .rush{min-height:64px;padding-top:3px;padding-bottom:3px;gap:2px}.controls .rush small{font-size:10px}.controls .bottom-row .move{min-height:48px}.controls .charge-line{margin-bottom:4px}.controls .on-meter{margin-top:2px}.controls .bottom-row{margin-top:6px}}

/* Optional social actions stay below the five attack buttons. */
.social-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:6px;padding:5px 10px max(7px,env(safe-area-inset-bottom));background:#101f33;flex-shrink:0}
.social-actions button{min-width:0;min-height:44px;border:2px solid #3e5571;background:#172e49;color:#e9dcc1;font:400 14px/1.1 JamPixel,monospace;cursor:pointer;box-shadow:inset 0 2px #ffffff13}
.social-actions button:last-child{color:#ffe05d;border-color:#6c613a;background:#292b31}.social-actions button:disabled{opacity:.4;cursor:default}.talk-mark{display:inline-block;background:#ffe25b;color:#232332;padding:2px 3px;margin-right:3px;font-size:12px}
.controls{padding-bottom:8px}
.social-dialog{box-sizing:border-box;width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:3px solid #c4d0d9;border-radius:0;background:#10223b;color:#ffefc7;box-shadow:6px 6px #020918;overflow-y:auto;overscroll-behavior:contain;font:400 16px/1.35 JamPixel,monospace}
.social-dialog::backdrop{background:#020918d9;backdrop-filter:blur(3px)}.social-dialog [hidden]{display:none!important}
.social-panel{padding:25px 22px 5px}.social-eyebrow{display:block;color:#93a9c1;font:10px/1.3 ui-monospace,monospace;letter-spacing:1.3px;padding-right:25px}
.social-panel h2{font:400 34px/1.1 JamPixel,monospace;margin:18px 0 12px;letter-spacing:-1px;color:#ffdb6c;text-shadow:2px 2px #7a3f2f}
.social-description{font-size:16px;line-height:1.4;margin:0 0 20px;color:#d3dfeb;word-break:keep-all}
.social-close{position:absolute;right:9px;top:9px;width:44px;height:44px;border:0;background:transparent;color:#d8dfeb;font:28px/1 monospace;cursor:pointer}
.share-ticket{padding:13px 14px 0;border:3px solid #061327;background:#fff0cd;color:#142640;box-shadow:4px 4px #020d21}
.ticket-top{display:flex;justify-content:space-between;gap:6px;padding-bottom:9px;border-bottom:2px dashed #b6a88d;font-size:12px}.ticket-top span:last-child{font-size:10px;color:#776c61}
.ticket-score{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 0 3px}.share-face{width:95px;height:112px;flex-shrink:0;background:center bottom/contain no-repeat;image-rendering:pixelated}.ticket-score strong{font:400 57px/1 JamPixel,monospace;color:#e95c45;letter-spacing:-3px;text-shadow:2px 2px #ffc56d}.ticket-score b{font-size:16px;font-weight:400}.ticket-score>div>span{font-size:16px}
.share-ticket>p{text-align:center;font-size:12px;margin:4px 0 12px}.ticket-bottom{border-top:2px dashed #b6a88d;margin:0 -14px;padding:9px;text-align:center;background:#f3d99c;font-size:13px;letter-spacing:2px}
.social-note{font-size:12px;line-height:1.4;color:#a8b9ca;text-align:center;margin:14px 0 12px;word-break:keep-all}
.share-buttons{display:grid;grid-template-columns:1.4fr 1fr;gap:7px}.social-primary,.social-secondary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:48px;padding:9px 7px;border:2px solid #061327;border-radius:0;text-decoration:none;font:400 16px/1.2 JamPixel,monospace;cursor:pointer;text-align:center;box-shadow:inset 0 3px #fff8,inset 0 -4px #0002,0 3px #020b1a}
.social-primary{background:#ffd960;color:#14243a}.social-secondary{background:#294763;color:#e4eaf0}.social-primary:disabled,.social-secondary:disabled{opacity:.5;cursor:default}.social-dismiss{display:block;width:100%;min-height:44px;margin-top:10px;padding:9px;border:0;background:transparent;color:#b4c3d2;font:400 14px/1.2 JamPixel,monospace;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.social-status{min-height:0;margin:0 20px 12px;font-size:13px;color:#ffe28b;text-align:center}.social-status:empty{margin-bottom:8px}
.channel-art{position:relative;width:83px;height:67px;margin:25px auto 6px;filter:drop-shadow(4px 4px #030c1e)}.channel-art>span{display:flex;align-items:center;justify-content:center;background:#ffe35a;color:#251f20;width:68px;height:52px;font-size:27px;clip-path:polygon(0 0,100% 0,100% 85%,34% 85%,14% 100%,14% 85%,0 85%)}.channel-art>b{position:absolute;right:0;bottom:0;color:#fff0c6;font:38px/1 JamPixel,monospace}
#channel-panel h2,#channel-panel .social-description{text-align:center}.channel-profile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;margin:18px 0;background:#f8e9c8;border:3px solid #071328;color:#33445b}.channel-profile img{width:160px;max-width:100%;height:auto}.channel-profile span{font-size:12px}.kakao-primary{background:#fee500;color:#231c13;width:100%}
#manual-share{margin-top:12px;font-size:12px}#manual-share textarea{box-sizing:border-box;display:block;width:100%;margin-top:5px;padding:8px;background:#08172a;border:1px solid #6d8095;color:#f7e7bd;font:14px/1.4 JamPixel,monospace;resize:none}
@media(max-height:640px){.social-panel{padding:18px 16px 2px}.social-panel h2{font-size:28px;margin:14px 0 9px}.social-description{font-size:14px;margin-bottom:12px}.ticket-score{padding:6px 0 0}.share-face{width:73px;height:85px}.ticket-score strong{font-size:47px}.share-ticket{padding-top:10px}.social-note{margin:10px 0;font-size:11px}.social-eyebrow{font-size:9px}.channel-art{margin-top:18px}.channel-profile{padding:14px 8px;margin:12px 0}.social-actions{padding-top:3px}.social-actions button{font-size:13px}}