:root{--bg:#e7f7d6;--panel:#fffce8b8;--panel-strong:#fffadfeb;--line:#456a353d;--text:#1f351f;--muted:#617257;--theme-glow:#63d68c;--theme-grid:#456b35;--danger:#d65055;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,select{font:inherit}button{cursor:pointer}#app{min-height:100vh}.hidden{display:none!important}.landing{background:#9ddbf5;align-items:center;min-height:100vh;padding:7vh 7vw;display:grid;position:relative;overflow:hidden}.landing-bg{object-fit:cover;filter:saturate(1.08)contrast(1.02);width:100%;height:100%;position:absolute;inset:0}.landing:before{content:"";z-index:1;background:linear-gradient(90deg,#fff9dcdb,#fff9dc80 38%,#fff9dc0a 68%),radial-gradient(circle at 18% 48%,#fff6b6c2,#0000 27rem);position:absolute;inset:0}.landing-copy{z-index:2;max-width:640px;position:relative}.landing-copy h1{color:#233819;text-shadow:0 2px #ffffff94;max-width:560px;margin:12px 0 18px;font-size:72px;line-height:.98}.landing-copy p{color:#335437;max-width:520px;margin:0;font-size:18px;line-height:1.6}.landing-actions{grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;max-width:520px;margin-top:34px;display:grid}.landing-actions button{color:#2b4528;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffce7b3;border:1px solid #456a3540;border-radius:8px;min-height:56px;font-weight:900;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;box-shadow:0 18px 50px #4f5e212e}.landing-actions button:hover{border-color:var(--theme-glow);transform:translateY(-2px);box-shadow:0 0 42px #5cae5c57}.sky-motion,.petal-field,.nature-motion{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sky-motion span{opacity:.38;filter:blur(1px);background:radial-gradient(circle at 25% 52%,#ffffffb8 0 22%,#0000 24%),radial-gradient(circle at 47% 38%,#ffffffad 0 26%,#0000 28%),radial-gradient(circle at 70% 55%,#ffffff9e 0 20%,#0000 22%);border-radius:999px;width:19rem;height:5rem;animation:38s linear infinite cloud-drift;position:absolute;top:8%;left:-24rem}.sky-motion span:nth-child(2){opacity:.28;animation-duration:48s;animation-delay:-16s;top:19%}.sky-motion span:nth-child(3){opacity:.22;animation-duration:58s;animation-delay:-31s;top:5%}.petal-field i,.nature-motion i{left:calc((var(--i) * 7.1%) - 6%);background:hsl(calc(330 + var(--i) * 4), 78%, 76%);opacity:.82;width:13px;height:8px;transform:rotate(calc(var(--i) * 19deg));animation:petal-fall calc(10s + var(--i) * .55s) linear infinite;animation-delay:calc(var(--i) * -.7s);border-radius:70% 40%;position:absolute;top:-8%;box-shadow:0 0 10px #ffffff52}.nature-motion{z-index:6}.nature-motion i{background:hsl(calc(92 + var(--i) * 3), 55%, 54%);opacity:.45;width:10px;height:7px;animation-name:leaf-drift;animation-duration:calc(13s + var(--i) * .75s)}.shell{background:radial-gradient(circle at 18% 16%,#ffed9773,#0000 31rem),linear-gradient(135deg,#d7f4c7 0%,#a9daf2 44%,#f4e1a7 100%);min-height:100vh;display:block;position:relative}.stage{isolation:isolate;background:linear-gradient(90deg,#e7f7d61f,#e7f7d694),url(/assets/game-bg-countryside.png) 50%/cover no-repeat;min-height:100vh;position:relative;overflow:hidden}.stage:before,.stage:after{content:none}.render-layer,.fx-layer{width:100%;height:100%;position:absolute;inset:0}.fx-layer{z-index:4;pointer-events:none}#two-board{opacity:0;pointer-events:none;transition:opacity .22s}#three-board{opacity:1;transition:opacity .22s}body[data-mode="2d"] #two-board{opacity:1;pointer-events:auto}body[data-mode="2d"] #three-board{opacity:0;pointer-events:none}body[data-mode="3d"] #three-board{pointer-events:auto}.winner-burst{z-index:5;pointer-events:none;place-items:center;display:none;position:absolute;inset:0;overflow:hidden}.winner-burst.show{animation:1.45s ease-out both victory-fade;display:grid}.winner-burst:before{content:"";aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--theme-glow), white 48%) 0 9%, transparent 10%), repeating-conic-gradient(from 0deg, transparent 0 8deg, color-mix(in srgb, var(--theme-glow), white 28%) 9deg 13deg, transparent 14deg 23deg), radial-gradient(circle, color-mix(in srgb, var(--theme-glow), transparent 35%) 0 34%, transparent 66%);filter:blur(.3px)saturate(1.45);mix-blend-mode:screen;border-radius:50%;width:min(74vmin,760px);animation:1.45s cubic-bezier(.16,1,.3,1) both victory-ring;position:absolute}.winner-burst:after{content:"승리!";border:2px solid color-mix(in srgb, var(--theme-glow), white 42%);background:color-mix(in srgb, #fffce4, var(--theme-glow) 18%);color:#17351f;box-shadow:0 16px 52px #25542659, 0 0 46px color-mix(in srgb, var(--theme-glow), transparent 24%);text-shadow:0 2px #ffffff8c;border-radius:999px;padding:16px 34px 18px;font-size:clamp(42px,8vw,96px);font-weight:900;line-height:1;animation:1.25s cubic-bezier(.16,1,.3,1) both victory-title;position:relative}.online-waiting{z-index:12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffce7e6;border:1px solid #456a353d;border-radius:8px;gap:14px;width:min(520px,100% - 32px);padding:22px;display:grid;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);box-shadow:0 26px 80px #2d451b47}.online-waiting>span,.online-code-row span,.online-join label,.online-status span{color:#617257;letter-spacing:.08em;font-size:12px;font-weight:900}.online-waiting>strong{color:#1f351f;font-size:30px;line-height:1.05}.online-waiting p{color:#335437;margin:0;font-size:14px;line-height:1.45}.online-code-row{grid-template-columns:minmax(0,1fr) 90px;align-items:end;gap:10px;display:grid}.online-code-row>div,.online-status>div{background:#ffffff6b;border:1px solid #2374482e;border-radius:8px;padding:12px}.online-code-row strong{color:#173218;letter-spacing:.18em;-webkit-user-select:all;user-select:all;margin-top:5px;font-size:28px;display:block}.online-code-row button,.online-join button,.online-waiting>button{color:#173218;background:linear-gradient(#ffe58e,#70d381);border:1px solid #f2c04d;border-radius:8px;min-height:44px;font-weight:900}.online-join{background:#ffffff94;border:1px solid #63d68c6b;border-radius:8px;gap:8px;padding:12px;display:grid}.online-join>div{grid-template-columns:minmax(0,1fr) 96px;gap:10px;display:grid}.online-join input{color:#173218;width:100%;min-height:52px;font:inherit;letter-spacing:.16em;text-transform:uppercase;background:#ffffffe6;border:2px solid #63d68cb3;border-radius:8px;padding:0 14px;font-size:20px;font-weight:950}.online-join input:focus{border-color:#43b96e;outline:3px solid #63d68c47}.online-status{grid-template-columns:1fr 1fr;gap:10px;display:grid}.online-status strong{color:#173218;margin-top:4px;font-size:20px;display:block}.online-waiting>button{min-height:56px;font-size:18px}.online-waiting>button:disabled{cursor:default;opacity:.55}.hud{z-index:10;background:linear-gradient(180deg, #ffffff9e, transparent 70%), var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #456a3538;border-radius:8px;grid-template-columns:minmax(220px,1.2fr) minmax(220px,.75fr) 156px minmax(260px,.85fr);align-items:center;gap:12px;padding:12px;display:grid;position:absolute;top:18px;left:18px;right:18px;box-shadow:0 18px 60px #42571d2e}.brand{min-width:0}.brand h1{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:22px;overflow:hidden}.game-kind{color:#237448;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:14px;font-weight:900;overflow:hidden}.forbidden-notice{width:fit-content;color:var(--danger);letter-spacing:.04em;background:#ffe8e8eb;border:1px solid #d6505566;border-radius:8px;margin:6px 0 0;padding:5px 10px;font-size:12px;font-weight:900;animation:.4s ease-out forbiddenPulse;display:inline-flex}@keyframes forbiddenPulse{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.kicker,.label,.field span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}h1{letter-spacing:0;text-wrap:balance;margin:8px 0 0;font-size:30px;line-height:1.05}.status-strip{border:1px solid color-mix(in srgb, var(--theme-glow), transparent 62%);background:color-mix(in srgb, var(--theme-glow), transparent 70%);border-radius:8px;grid-template-columns:minmax(130px,1.2fr) minmax(72px,.7fr) minmax(86px,.8fr);gap:1px;min-width:0;display:grid;overflow:hidden;box-shadow:0 12px 28px #44692b1f}.status-strip>div{background:var(--panel-strong);min-width:0;padding:9px 12px}.status-strip strong{color:#1f351f;letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;margin-top:3px;font-size:18px;font-weight:900;line-height:1.15;display:block}.status-strip .label{letter-spacing:.02em;font-size:11px}.status-strip.winner{animation:.9s ease-in-out infinite alternate winner-glow}.tool-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.icon-button,.actions button{border:1px solid var(--line);min-height:44px;color:var(--text);background:#fffce89e;border-radius:8px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.icon-button{letter-spacing:0;font-weight:900}.icon-button:hover,.actions button:hover{border-color:color-mix(in srgb, var(--theme-glow), white 18%);box-shadow:0 0 28px color-mix(in srgb, var(--theme-glow), transparent 78%);transform:translateY(-1px)}.icon-button.active{color:#173218;border-color:var(--theme-glow);box-shadow:0 0 32px color-mix(in srgb, var(--theme-glow), transparent 62%);background:linear-gradient(#fff09b,#74d586)}.actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.actions button{color:var(--text);background:linear-gradient(135deg,#77cf7847,#fffbe0ad);font-weight:800}.actions .primary-action{color:#173218;background:linear-gradient(#ffe58e,#70d381);border-color:#f2c04d}@keyframes winner-glow{0%{box-shadow:0 0 24px color-mix(in srgb, var(--theme-glow), transparent 74%)}to{box-shadow:0 0 54px color-mix(in srgb, var(--theme-glow), transparent 44%)}}@keyframes victory-fade{0%{opacity:0}12%,68%{opacity:1}to{opacity:0}}@keyframes victory-ring{0%{opacity:0;transform:scale(.18)rotate(-18deg)}24%{opacity:.95}to{opacity:0;transform:scale(1.35)rotate(28deg)}}@keyframes victory-title{0%{opacity:0;transform:translateY(24px)scale(.56)}18%{opacity:1;transform:translateY(0)scale(1.12)}42%{transform:translateY(0)scale(.98)}78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.92)}}@keyframes cloud-drift{0%{transform:translate(-34vw)}to{transform:translate(128vw)}}@keyframes petal-fall{0%{transform:translateY(-10vh)rotate(0)}55%{transform:translate(10vw,58vh)rotate(180deg)}to{transform:translate(-3vw,110vh)rotate(340deg)}}@keyframes leaf-drift{0%{transform:translate(-7vw,96vh)rotate(0)}to{transform:translate(108vw,18vh)rotate(360deg)}}@media (width<=860px){body{overflow:auto}.landing{align-items:end;min-height:100svh;padding:48px 20px}.landing-copy h1{font-size:44px}.landing-actions{grid-template-columns:1fr}.shell,.stage{min-height:100svh}.hud{grid-template-columns:1fr 1fr;gap:10px;padding:10px;display:grid;top:12px;left:12px;right:12px}.brand,.actions{grid-column:1/-1}.brand h1{font-size:20px}.actions{grid-template-columns:repeat(3,1fr)}.status-strip{grid-template-columns:minmax(120px,1.1fr) minmax(66px,.7fr) minmax(78px,.8fr)}.status-strip strong{font-size:16px}}@media (width<=560px){.hud{grid-template-columns:1fr}.tool-row,.actions{grid-template-columns:repeat(3,1fr)}.tool-row{grid-template-columns:repeat(2,1fr)}.icon-button,.actions button{min-height:40px;padding:0 8px;font-size:14px}.status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.status-strip>div{padding:8px 9px}.status-strip strong{font-size:15px}}.online-badge{color:#214d2c;letter-spacing:.04em;background:#ffffffc7;border:1px solid #23744852;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:8px 0 0;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.online-dot{background:#b9c2af;border-radius:999px;width:8px;height:8px;display:inline-block}.online-dot[data-state=idle]{background:#c9b94a;box-shadow:0 0 8px #c9b94ab3}.online-dot[data-state=live],.online-dot--live{background:#43c66b;animation:1.4s ease-in-out infinite onlinePulse;box-shadow:0 0 8px #43c66bd9}.online-dot[data-state=warn]{background:var(--danger);box-shadow:0 0 8px #d65055a6}@keyframes onlinePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.78;transform:scale(1.25)}}.online-modal{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14261675;place-items:center;padding:16px;animation:.16s ease-out onlineFade;display:grid;position:fixed;inset:0}@keyframes onlineFade{0%{opacity:0}to{opacity:1}}.online-modal-card{background:#fffce7f7;border:1px solid #456a3552;border-radius:16px;gap:14px;width:min(440px,100%);padding:24px;display:grid;position:relative;box-shadow:0 26px 80px #23381952}.online-modal-card header{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.online-modal-card header>*{grid-row:auto}.online-modal-kicker{letter-spacing:.18em;color:#69874c;grid-column:1/2;font-size:11px;font-weight:900}.online-modal-card h2{color:#173218;grid-column:1/2;margin:0;font-size:24px;line-height:1.1}.online-modal-close{color:#173218;background:#ffffffb3;border:1px solid #456a353d;border-radius:999px;grid-area:1/2/3/3;place-self:start end;place-items:center;width:36px;height:36px;font-size:22px;line-height:1;display:grid}.online-modal-message{color:#335437;margin:0;font-size:14px;line-height:1.5}.online-modal-stage>section{gap:12px;display:none}.online-modal-stage[data-stage=choose]>section[data-step=choose],.online-modal-stage[data-stage=host]>section[data-step=host],.online-modal-stage[data-stage=guest]>section[data-step=guest]{display:grid}.online-pill{color:#173218;letter-spacing:.04em;background:linear-gradient(#fff6c6,#9ee08a);border:1px solid #456a3547;border-radius:12px;min-height:56px;font-size:16px;font-weight:900;transition:transform .16s,box-shadow .16s,border-color .16s}.online-code-display{background:linear-gradient(#fff4b5,#d6f2ad);border:1px solid #23744847;border-radius:12px;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:14px 16px;display:grid}.online-code-display span{color:#547043;letter-spacing:.12em;grid-column:1/2;font-size:12px;font-weight:900}.online-code-display strong{color:#173218;letter-spacing:.22em;-webkit-user-select:all;user-select:all;grid-column:1/2;margin-top:4px;font-size:32px;font-weight:950}.online-code-display button{color:#173218;background:#ffffffc7;border:1px solid #23744847;border-radius:10px;grid-area:1/2/3/3;align-self:center;min-height:44px;padding:0 16px;font-weight:900}.online-status-row{color:#335437;background:#ffffffb3;border:1px solid #456a352e;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:800;display:flex}.online-input-label{letter-spacing:.12em;color:#547043;font-size:12px;font-weight:900}.online-input-row{grid-template-columns:minmax(0,1fr) 96px;gap:10px;display:grid}.online-input-row input{color:#173218;min-height:56px;font:inherit;letter-spacing:.22em;text-transform:uppercase;text-align:center;background:#ffffffeb;border:2px solid #63d68c99;border-radius:12px;padding:0 16px;font-size:22px;font-weight:950}.online-input-row button{color:#173218;background:linear-gradient(#ffe58e,#70d381);border:1px solid #f2c04d;border-radius:12px;min-height:56px;font-weight:900}.online-input-row button:disabled{opacity:.6;cursor:progress}.online-hint{color:#69874c;margin:0;font-size:12px}.online-hint--error{color:var(--danger);font-weight:900}.online-modal-back{color:#335437;background:#fff9;border:1px solid #456a353d;border-radius:999px;justify-self:start;padding:8px 14px;font-size:13px;font-weight:900}.online-undo-prompt{z-index:35;text-align:center;background:#fffce7f5;border:1px solid #456a3547;border-radius:14px;gap:10px;padding:16px 20px;display:grid;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #23381947}.online-undo-prompt strong{color:#173218;font-size:15px}.online-undo-prompt>div{justify-content:center;gap:8px;display:flex}.online-undo-prompt button{border-radius:10px;min-width:96px;min-height:40px;font-weight:900}.online-toast{z-index:36;color:#fdf8d8;letter-spacing:.04em;background:#1f351feb;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:800;animation:.2s ease-out onlineFade;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #14261657}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--text:#18212b;--muted:#56616b;--line:#cbd2d9;--theme-glow:#ffc94d}.landing,.stage{background:#222930 url(/assets/arena.png) 50%/cover no-repeat}.landing:before{background:linear-gradient(90deg,#0c131de6,#0c131d59 65%,#0000)}.sky-motion,.petal-field{display:none}.landing-copy{max-width:570px}.landing-copy h1{color:#fff;text-shadow:6px 6px #ed4c61;letter-spacing:0;font-size:88px;font-weight:950;line-height:.92}.landing-copy p{color:#fff}.landing-actions button{color:#17212c;background:#fff;border:2px solid #17212c;border-radius:8px;font-weight:850;box-shadow:0 5px #17212c}.landing-actions .primary-choice{background:#ffcf43}.landing-actions button:hover{background:#48dad1;transform:translateY(-3px)}.fighter-art{aspect-ratio:1;background-image:url(/assets/fighters.png);background-position:0 0;background-size:300% 200%}.landing-fighter{z-index:1;width:43%;position:absolute;bottom:2%;right:1%;-webkit-mask-image:radial-gradient(49% 49% at 50% 49%,#000 64%,#0000 100%);mask-image:radial-gradient(49% 49% at 50% 49%,#000 64%,#0000 100%)}.fighter{z-index:2;pointer-events:none;width:24%;transition:filter .2s;position:absolute;top:27%}.fighter-ruby{--fighter-color:#ff576e;left:0}.fighter-mint{--fighter-color:#43d8d1;right:0}.fighter-art{-webkit-mask-image:radial-gradient(49% 49% at 50% 49%,#000 68%,#0000 100%);mask-image:radial-gradient(49% 49% at 50% 49%,#000 68%,#0000 100%)}.fighter-mint .fighter-art{background-position-y:100%}.fighter[data-pose="1"] .fighter-art{background-position-x:50%}.fighter[data-pose="2"] .fighter-art{background-position-x:100%}.fighter strong{background:var(--fighter-color);color:#14212e;border:3px solid #14212e;width:78%;margin:-10px auto 0;padding:10px 14px;font-size:26px;font-style:italic;display:block;transform:rotate(-3deg);box-shadow:4px 5px #14212e}.fighter-mint strong{transform:rotate(3deg)}.fighter small{font-size:12px;font-style:normal;display:block}.fighter.is-turn .fighter-art{animation:2.4s ease-in-out infinite fighter-breathe}.fighter:not(.is-turn){filter:saturate(.8)}.hud{background:#fff;border:2px solid #18212b;border-radius:8px;gap:12px;width:auto;padding:10px 16px;top:14px;left:20px;right:20px;box-shadow:0 5px #18212b}.brand h1{font-size:20px}.status-strip{background:#fff;border-color:#cbd2d9}.status-strip strong{font-size:18px}.hud button{color:#18212b;background:#fff;border:2px solid #18212b;border-radius:6px}.hud button.active,.hud .primary-action{background:#ffcf43}.render-layer{z-index:1}.winner-burst:after{content:attr(data-title);font-size:64px}@keyframes fighter-breathe{50%{transform:translateY(-5px)}}@media (width<=1000px){.hud{flex-wrap:wrap;justify-content:center;display:flex}.brand{display:none}.fighter{width:22%;top:32%}.fighter strong{padding:6px 10px;font-size:18px}}@media (width<=650px){.landing{align-items:end;height:100svh;padding:28px 22px;overflow-y:auto}.landing-copy h1{font-size:56px}.landing-copy{width:100%}.landing-fighter{width:58%;top:8px;right:0}.landing-actions{grid-template-columns:1fr 1fr;gap:12px}.landing-actions button{min-height:48px}.hud{gap:7px;padding:8px;top:8px;left:8px;right:8px}.status-strip{width:100%}.status-strip>div{padding:4px 8px}.hud .actions{gap:5px;display:flex}.hud button{min-height:36px;padding:0 8px;font-size:12px}.fighter{width:25%;top:154px}.fighter strong{margin-top:-8px;padding:3px 5px;font-size:14px}.fighter small{font-size:10px}.winner-burst:after{font-size:40px}}@media (prefers-reduced-motion:reduce){.fighter.is-turn .fighter-art{animation:none}}.landing{background:#171719;height:100svh;min-height:0;padding:0;display:block;overflow:hidden}.landing:before{content:none}.title-art{display:block;position:absolute;inset:0}.title-art img{object-fit:cover;object-position:center;width:100%;height:100%}.title-accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landing .landing-copy{pointer-events:none;width:auto;max-width:none;position:absolute;inset:0}.landing .room-panel:not(.hidden){pointer-events:auto;width:min(540px,92%);max-height:90svh;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.title-controls{z-index:3;text-align:center;filter:drop-shadow(0 7px #111);width:min(440px,36%);position:absolute;bottom:max(20px,3svh);left:50%;transform:translate(-50%)}.title-play{color:#101012;clip-path:polygon(5% 6%,88% 0,100% 50%,92% 93%,0 100%,3% 53%);background:#ffe12a;border:0;border-radius:0;justify-content:center;align-items:center;gap:24px;width:100%;height:105px;transition:transform .16s,background .16s;display:flex;position:relative;transform:rotate(-4deg)}.title-play span{letter-spacing:0;font:italic 950 72px/1 Impact,Arial Black,sans-serif}.title-play b{font-size:48px;line-height:1}.title-play:before{content:"";background:repeating-linear-gradient(0deg,#111 0 9px,#0000 9px 18px);width:13px;position:absolute;top:14px;bottom:14px;left:6%;transform:skew(-10deg)}.title-play:hover{background:#fff173;transform:rotate(-2deg)translateY(-5px)}.title-play:active{transform:rotate(-3deg)scale(.97)}.title-play:focus-visible{background:#fff;outline:none}.title-modes{clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);background:#111113;justify-content:center;align-items:center;gap:16px;margin-top:8px;padding:10px 16px;display:flex}.title-modes button{color:#fff;background:0 0;border:none;border-radius:0;min-height:36px;padding:6px 4px;font:800 15px/1.2 Arial Black,sans-serif}.title-modes i{color:#8a8a8c;font-style:normal}.title-modes button:hover,.title-modes button:focus-visible{color:#ffe12a;outline-offset:3px;outline:2px solid #ffe12a}.battle-select{color:#101012;background:#f5f5f0;border:4px solid #101012;border-radius:0;width:min(650px,100% - 32px);max-height:calc(100svh - 32px);padding:34px;overflow:auto;box-shadow:12px 12px #ff536a}.battle-select::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#111319b8}.battle-select[open]{animation:.18s ease-out battle-enter}.battle-select header{margin-bottom:25px}.battle-select header>span{color:#111;background:#ffe12a;padding:5px 12px;font-size:12px;font-weight:900;display:inline-block;transform:rotate(-3deg)}.battle-select h2{margin:12px 0 0;font-size:38px;font-weight:950;line-height:1.2}.battle-close{color:#fff;background:#111;border:0;border-radius:0;width:44px;height:44px;font:32px/1 sans-serif;position:absolute;top:14px;right:14px}.battle-choices{flex-direction:column;gap:12px;display:flex}.battle-choice{text-align:left;color:#111;background:#ff586c;border:3px solid #111;border-radius:0;flex-direction:column;padding:17px 24px;transition:transform .15s;display:flex;position:relative;box-shadow:5px 5px #111}.battle-choice small{font-size:11px;font-weight:850}.battle-choice strong{margin-top:4px;font-size:25px;font-weight:950}.battle-choice>span{font-size:34px;position:absolute;top:22px;right:20px}.local-choice{background:#42dcd1}.ai-choice{background:#ffe12a}.battle-choice:hover,.battle-choice:focus-visible{outline-offset:3px;outline:2px solid #111;transform:translate(-3px,-2px)}.ai-levels{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.ai-levels[hidden]{display:none}.ai-levels button{color:#fff;background:#111;border:2px solid #111;border-radius:0;min-height:46px;padding:4px;font-size:14px;font-weight:800}.ai-levels button:hover,.ai-levels button:focus-visible{color:#111;background:#ffe12a}@keyframes battle-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (aspect-ratio<=4/5){.title-art img{object-position:center top}.title-controls{width:min(360px,83%);bottom:max(24px,5svh)}.title-play{height:86px}.title-play span{font-size:60px}.title-modes{gap:14px}.battle-select{padding:26px 20px}.battle-select h2{font-size:30px}}@media (height<=550px) and (aspect-ratio>=4/5){.title-controls{width:min(300px,40%);bottom:12px}.title-play{height:68px}.title-play span{font-size:48px}.title-play b{font-size:32px}.title-modes{gap:12px;margin-top:4px;padding:2px 12px}.title-modes button{font-size:12px}}@media (prefers-reduced-motion:reduce){.battle-select[open]{animation:none}.title-play{transition:none}}.stage{background:#211d28 url(/assets/battle-stage.png) 50%/cover no-repeat}.stage>.fighter{display:none}.shell .hud{width:100%;height:100%;box-shadow:none;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;position:absolute;inset:0}.hud button{pointer-events:auto}.hud .brand{text-align:center;width:12%;display:block;position:absolute;top:13px;left:44%}.hud .brand h1,.hud .brand .kicker{display:none}.hud .brand .game-kind{color:#fff;text-shadow:0 2px 4px #000;margin:0;padding:4px;font-size:11px}.hud .brand .invite-code{color:#fff;background:#211d28;border-radius:4px;width:max-content;max-width:85vw;padding:6px 12px;position:fixed;bottom:85px;left:50%;transform:translate(-50%)}.player-badge{color:#fff;background:#26202fe8;border-bottom:4px solid #ee4b68;width:220px;height:78px;padding:8px 12px 6px 86px;position:absolute;top:18px;transform:skew(-8deg);box-shadow:0 8px 20px #110d2455}.ruby-badge{right:58%}.mint-badge{text-align:right;border-color:#49d9d4;padding:8px 86px 6px 12px;left:58%}.player-badge strong{background:#e95673;font:italic 950 25px/1.2 system-ui;display:block}.mint-badge strong{background:#36b5bd}.player-badge>span{align-items:center;gap:9px;margin-top:5px;font-size:12px;font-weight:750;display:flex}.mint-badge>span{justify-content:end}.player-portrait{background:url(/assets/battle-stage.png) 11% 18%/460%;border:3px solid #ffb0b8;border-radius:12px;width:76px;height:85px;position:absolute;top:-9px;left:0;transform:skew(8deg)}.mint-badge .player-portrait{background-position:88% 24%;border-color:#8bfff1;left:auto;right:0}.badge-stone{border-radius:50%;width:17px;height:17px;display:inline-block;box-shadow:inset 0 -3px 4px #0005,0 2px 2px #000}.badge-stone.black{background:#17151c;border:1px solid #726576}.badge-stone.white{background:#fff7ef}body[data-turn="1"] .ruby-badge,body[data-turn="2"] .mint-badge{filter:drop-shadow(0 0 8px #ffdc6599)}.hud .status-strip{background:0 0;border:0;display:contents;position:static}.hud .status-strip>div{background:0 0;border:0;padding:0}.status-strip>div:first-child{width:180px;position:absolute;bottom:27%;left:3%;transform:rotate(-9deg)}.status-strip>div:first-child .label{color:#fff;text-shadow:3px 3px #19131e;font-size:22px;font-style:italic;font-weight:950}.status-strip #turn-label{color:#ffe749;text-shadow:3px 3px #17131d,-2px -2px #17131d;word-break:keep-all;font-size:38px;font-style:italic;font-weight:950;line-height:1.15;display:block}.status-strip>div:nth-child(2){text-align:center;color:#fff;width:80px;position:absolute;top:158px;left:calc(50% - 40px)}.status-strip>div:nth-child(2) .label{color:#d6d4dc;font-size:10px;display:inline}.status-strip #move-label{color:#fff;margin-left:7px;font-size:12px;display:inline}.status-strip>div:nth-child(3){background:#24212d;border:7px solid #42c5c9;border-left-color:#ec5e78;border-radius:50%;place-content:center;width:86px;height:86px;display:grid;position:absolute;top:64px;left:calc(50% - 43px);box-shadow:0 4px #13111b}.status-strip>div:nth-child(3) .label{display:none}.status-strip #timer-label{color:#fff;font-size:37px;line-height:1}.hud .actions{background:#211d29ed;border:1px solid #796b78;border-radius:8px;gap:0;width:320px;padding:0;display:flex;position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%)}.hud .actions button{color:#fff;background:0 0;border:0;border-right:1px solid #655767;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:33.333%;min-height:59px;padding:6px;font-size:11px;display:flex}.hud .actions svg{width:22px;height:22px}.hud .actions button:hover{background:#514557}.hud .tool-row{gap:5px;display:flex;position:absolute;bottom:16px;right:20px}.hud .tool-row button{color:#fff;background:#292331;border:1px solid #796b78;min-height:44px;padding:0 12px;font-size:12px}.hud .tool-row button.active{color:#17131d;background:#ffe35b}#sound-toggle{place-items:center;width:40px;padding:0;display:grid}#sound-toggle svg{width:20px;height:20px}#sound-toggle .sound-off,#sound-toggle[data-muted=true] .sound-on{display:none}#sound-toggle[data-muted=true] .sound-off{display:block}.hud .brand .online-badge{color:#fff;background:#211d29ed;border-radius:4px;width:max-content;max-width:90vw;margin:0;padding:5px 10px;font-size:11px;position:fixed;top:185px;left:50%;transform:translate(-50%)}.hud .brand .forbidden-notice{color:#ffe35b;background:#211d29;width:max-content;max-width:90vw;position:fixed;top:220px;left:50%;transform:translate(-50%)}.online-toast{top:auto;bottom:90px}@media (width<=900px){.player-badge{width:170px;height:68px;padding-left:67px}.mint-badge{padding-left:8px;padding-right:67px}.player-portrait{width:59px;height:70px}.player-badge strong{font-size:21px}.status-strip>div:first-child{width:120px;bottom:24%}.status-strip #turn-label{font-size:26px}.status-strip>div:first-child .label{font-size:15px}}@media (width<=650px){.hud .brand .online-badge{top:145px}.hud .brand .forbidden-notice{top:175px}.stage{background-color:#251f2b;background-position:50%;background-size:cover}.player-badge{width:130px;height:59px;padding-left:47px;top:16px}.ruby-badge{left:10px;right:auto}.mint-badge{padding-left:5px;padding-right:47px;left:auto;right:10px}.player-portrait{width:42px;height:56px;top:-4px}.player-badge strong{font-size:18px}.player-badge>span{font-size:10px}.hud .brand{width:50%;top:90px;left:25%}.status-strip>div:nth-child(3){border-width:5px;width:58px;height:58px;top:19px;left:calc(50% - 29px)}.status-strip #timer-label{font-size:26px}.status-strip>div:nth-child(2){top:120px}.status-strip>div:first-child{width:160px;bottom:21%;left:20px}.status-strip #turn-label{font-size:22px}.hud .actions{width:220px;bottom:16px;left:12px;transform:none}.hud .tool-row{bottom:21px;right:10px}.hud .tool-row button{padding:0 7px;font-size:10px}}.stage{background-image:url(/assets/stage-clean.png)}.stage .fighter.is-throwing .fighter-art{animation:none!important}.stage .fighter .character-rig{position:relative;background-image:none!important}.character-rig img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.character-rig .rig-body{transform-origin:50% 90%;width:65%;height:47%;transform:translateY(var(--body-y,0%)) rotate(var(--body-angle,0deg));position:absolute;top:54%;left:18%}.character-rig .rig-head{transform-origin:50% 90%;width:90%;height:67%;transform:rotate(var(--head-angle,0deg));z-index:2;position:absolute;top:0;left:5%}.character-rig .rig-arm{transform-origin:8% 30%;width:61%;height:32%;transform:rotate(var(--arm-angle,55deg));z-index:3;position:absolute;top:62%;left:44%}.fighter-ruby .rig-arm>img{transform:scaleX(-1)}.fighter-mint .rig-arm{transform-origin:92% 30%;transform:rotate(var(--arm-angle,-55deg));left:-5%}.rig-hand{aspect-ratio:1;visibility:hidden;background:#19151d;border-radius:50%;width:5%;position:absolute;top:40%;left:89%}.fighter-mint .rig-hand{background:#fff9ee;left:6%}.is-throwing:not(.has-released) .rig-hand{visibility:visible}.flying-stone{z-index:4;pointer-events:none;border-radius:50%;width:24px;height:16px;margin:-8px 0 0 -12px;position:absolute;top:0;left:0;box-shadow:-14px 0 10px #ffc45a99}.flying-stone.black{background:radial-gradient(at 35% 25%,#686273,#15121b 65%)}.flying-stone.white{background:radial-gradient(at 35% 25%,#fff,#c9c4d0);box-shadow:14px 0 10px #5dffe799}.stage>.fighter{width:var(--fighter-size,38%);top:var(--fighter-top,8%);z-index:0;pointer-events:none;filter:none;display:block}.table-foreground{z-index:1;pointer-events:none;background:inherit;clip-path:polygon(0 calc(var(--table-y,59.4%) + var(--table-slope,5%)),30% var(--table-y,59.4%),70% var(--table-y,59.4%),100% calc(var(--table-y,59.4%) + var(--table-slope,5%)),100% 100%,0 100%);position:absolute;inset:0}.stage>.render-layer{z-index:2}.stage>.fighter-ruby{left:-4%}.stage>.fighter-mint{right:-4%}.stage>.fighter>strong{display:none}.stage .fighter .fighter-art{transform-origin:50% 94%;filter:drop-shadow(0 12px 9px #140e2844);background-position:bottom;background-repeat:no-repeat;background-size:contain;animation:3.4s ease-in-out infinite character-rest;-webkit-mask-image:none;mask-image:none}.stage .fighter-mint .fighter-art{animation-delay:-.8s}.stage .fighter-ruby[data-pose="0"] .fighter-art{background-image:url(/assets/ruby-idle.png)}.stage .fighter-ruby[data-pose="1"] .fighter-art{background-image:url(/assets/ruby-action.png)}.stage .fighter-ruby[data-pose="2"] .fighter-art{background-image:url(/assets/ruby-worried.png)}.stage .fighter-mint[data-pose="0"] .fighter-art{background-image:url(/assets/mint-idle.png)}.stage .fighter-mint[data-pose="1"] .fighter-art{background-image:url(/assets/mint-action.png)}.stage .fighter-mint[data-pose="2"] .fighter-art{background-image:url(/assets/mint-worried.png)}.stage .fighter[data-reaction=action] .fighter-art{animation:.85s ease-out both character-strike}.stage .fighter[data-reaction=worried] .fighter-art{animation:.55s ease-out character-flinch,2s ease-in-out .55s infinite character-rest}.stage .fighter[data-reaction=victory] .fighter-art{animation:1.1s ease-in-out 3 character-victory}.stage .fighter[data-reaction=defeat] .fighter-art{animation:.65s ease-out forwards character-defeat}.player-portrait{background:#e95673 url(/assets/ruby-idle.png) 50% 8%/150% no-repeat}.stage .fighter-ruby[data-pose="3"] .fighter-art{background-image:url(/assets/ruby-focus.png)}.stage .fighter-ruby[data-pose="4"] .fighter-art{background-image:url(/assets/ruby-taunt.png)}.stage .fighter-mint[data-pose="3"] .fighter-art{background-image:url(/assets/mint-focus.png)}.stage .fighter-mint[data-pose="4"] .fighter-art{background-image:url(/assets/mint-taunt.png)}.stage .fighter[data-reaction=focus] .fighter-art{animation:2.7s ease-in-out infinite character-focus}.stage .fighter[data-reaction=taunt] .fighter-art{animation:.85s ease-out both character-taunt}@keyframes character-focus{0%,to{transform:rotate(-1deg)translateY(2px)}50%{transform:rotate(1deg)translateY(-4px)scale(1.015)}}@keyframes character-taunt{0%{transform:scale(.98)}30%{transform:rotate(-4deg)translateY(-12px)scale(1.04)}60%{transform:rotate(2deg)translateY(-5px)}to{transform:none}}.mint-badge .player-portrait{background:#36b5bd url(/assets/mint-idle.png) 50% 8%/150% no-repeat}@keyframes character-rest{0%,to{transform:translateY(0)rotate(-1deg)scale(1)}50%{transform:translateY(-9px)rotate(1deg)scale(1.015)}}@keyframes character-strike{0%{transform:translateY(8px)scale(.96)}24%{transform:translateY(-14px)rotate(-3deg)scale(1.075)}48%{transform:translateY(2px)rotate(1deg)scale(1.01)}to{transform:none}}@keyframes character-flinch{0%,to{transform:none}20%{transform:translate(-12px)rotate(-4deg)}45%{transform:translate(10px)rotate(3deg)}70%{transform:translate(-5px)}}@keyframes character-victory{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(4px)scale(1.03,.97)}55%{transform:translateY(-28px)rotate(3deg)}80%{transform:translateY(0)scale(1.02,.98)}}@keyframes character-defeat{to{filter:saturate(.65)drop-shadow(0 10px 8px #140e2844);transform:translateY(15px)rotate(-5deg)scale(.95)}}@media (width<=650px){.stage{background-position:50%;background-size:cover}.stage>.fighter-ruby{left:-2%}.stage>.fighter-mint{right:-2%}}@media (prefers-reduced-motion:reduce){.stage .fighter .fighter-art{animation:none!important}}.online-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#121019b8;padding:24px}.online-modal-card{color:#fff;background:#25212c;border:3px solid #111014;border-top:6px solid #ff586c;border-radius:6px;gap:20px;width:min(480px,100%);max-height:calc(100dvh - 48px);padding:28px;overflow-y:auto;box-shadow:8px 8px #42dcd1,0 24px 70px #0008}.online-modal-card header{gap:12px;padding-right:48px;position:relative}.online-modal-kicker{color:#16121c;letter-spacing:0;background:#ffe12a;justify-self:start;padding:4px 9px;font-size:11px;font-weight:950;transform:rotate(-2deg)}.online-modal-card h2{color:#fff;font-size:28px;font-weight:950;line-height:1.25}.online-modal-card .online-modal-close{color:#fff;background:#15121b;border:1px solid #756878;border-radius:4px;width:40px;height:40px;position:absolute;top:0;right:0}.online-modal-close svg{width:22px;height:22px}.online-modal-message{color:#d6cedd;font-size:14px}.online-modal-stage{min-width:0}.online-modal-stage>section{gap:14px}.online-pill{color:#17131d;letter-spacing:0;background:#ff586c;border:2px solid #121014;border-radius:4px;justify-content:flex-start;align-items:center;gap:14px;min-height:64px;padding:12px 20px;font-size:19px;font-weight:950;display:flex;box-shadow:4px 4px #0d0b11}.online-pill svg{flex-shrink:0;width:25px;height:25px}#online-join{background:#42dcd1}.online-pill:hover{border-color:#fff;transform:translateY(-2px);box-shadow:4px 6px #0d0b11}.online-modal button:focus-visible,.online-undo-prompt button:focus-visible{outline-offset:3px;outline:3px solid #ffe12a}.online-code-display{background:0 0;border:1px solid #635469;border-left:0;border-right:0;border-radius:0;gap:8px;padding:18px 0}.online-code-display span,.online-input-label{color:#c8bdcf;letter-spacing:0}.online-code-display strong{color:#ffe12a;letter-spacing:0;font-family:ui-monospace,monospace;font-size:36px;line-height:1.2}.online-code-display button,.online-modal-back{color:#fff;background:#37303f;border:1px solid #756878;border-radius:4px}.online-code-display button{padding:0 12px}.online-status-row{color:#42dcd1;background:0 0;border:0;border-radius:0;padding:10px 0}.online-dot{flex-shrink:0}.online-input-row{grid-template-columns:minmax(0,1fr) 80px}.online-input-row input{color:#fff;letter-spacing:0;caret-color:#42dcd1;background:#15121b;border:2px solid #756878;border-radius:4px;width:100%;min-width:0;padding:0 8px;font-family:ui-monospace,monospace;font-size:26px}.online-input-row input::placeholder{color:#807788}.online-input-row input:focus{border-color:#42dcd1;outline:2px solid #42dcd155}.online-input-row button{color:#17131d;background:#ffe12a;border:2px solid #121014;border-radius:4px}.online-hint{color:#bfb1ca;line-height:1.6}.online-hint--error{color:#ff8999}.online-modal-back{min-height:44px}.online-undo-prompt{background:#25212c;border:2px solid #756878;border-top:4px solid #ffe12a;border-radius:6px;width:min(420px,100% - 32px);bottom:96px;box-shadow:4px 4px #111}.online-undo-prompt strong{color:#fff}.online-undo-prompt button{border-radius:4px;min-height:44px}#online-undo-accept{color:#17131d;background:#42dcd1;border:2px solid #121014}#online-undo-decline{color:#17131d;background:#ff586c;border:2px solid #121014}.online-toast{color:#fff;letter-spacing:0;background:#25212c;border:1px solid #756878;border-left:4px solid #ffe12a;border-radius:4px;max-width:calc(100% - 32px)}@media (width<=480px){.online-modal{padding:20px}.online-modal-card{gap:16px;max-height:calc(100dvh - 40px);padding:20px;box-shadow:5px 5px #42dcd1,0 16px 40px #0008}.online-modal-card h2{font-size:25px}.online-code-display strong{font-size:30px}}.victory-scene{z-index:24;pointer-events:none;background:#13101dc9;justify-content:center;align-items:center;gap:12px;padding:40px 24px 0;animation:.35s ease-out both victory-enter;display:flex;position:fixed;inset:0 0 88px}.victory-character{object-fit:contain;filter:drop-shadow(0 12px #1118);width:min(44%,480px);height:100%;max-height:680px;animation:.55s cubic-bezier(.2,.8,.2,1) both victory-pop;display:block}.victory-copy{color:#fff;width:min(44%,400px)}.victory-name{background:#ff586c;border:3px solid #111;padding:5px 18px;font-size:24px;font-weight:950;display:inline-block;transform:rotate(-4deg)}.mint .victory-name{color:#111;background:#42dcd1}.victory-copy h2{color:#ffe12a;text-shadow:4px 5px #111;letter-spacing:0;margin:14px 0;font:italic 950 64px/1 system-ui}.victory-line{word-break:keep-all;margin:20px 0;font-size:26px;font-weight:900;line-height:1.5}.victory-dismiss{pointer-events:auto;color:#17131d;background:#fff;border:3px solid #111;border-radius:4px;min-height:44px;padding:8px 22px;font-weight:900;box-shadow:4px 4px #ff586c}.victory-dismiss:focus-visible{outline-offset:4px;outline:3px solid #42dcd1}@keyframes victory-enter{0%{opacity:0}to{opacity:1}}@keyframes victory-pop{0%{opacity:0;transform:translateY(35px)scale(.9)}to{opacity:1;transform:none}}@media (width<=650px){.victory-scene{flex-direction:column;gap:0;padding:16px}.victory-character{width:100%;height:62%;min-height:0}.victory-copy{text-align:center;width:100%}.victory-name{font-size:17px}.victory-copy h2{margin:8px 0;font-size:38px}.victory-line{margin:10px 0;font-size:20px}}@media (height<=540px){.victory-scene{flex-direction:row;padding:12px}.victory-character{width:45%;height:100%}.victory-copy{width:48%}.victory-copy h2{font-size:34px}.victory-line{margin:10px 0;font-size:18px}}