:root{--bg: #16181d;--panel: #1e222a;--panel-2: #272c36;--line: #353b48;--text: #e6e8ee;--muted: #9aa3b5;--light-cell: #efe6d2;--dark-cell: #6d5a44;--accent: #7aa2d6;--danger: #c97878;--jump: #c9a06a;--ok: #7daa86;--white-piece: #f4efe6;--black-piece: #2f333c;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:radial-gradient(900px 420px at 12% -10%,rgba(122,162,214,.1),transparent 55%),radial-gradient(800px 380px at 90% 0%,rgba(201,160,106,.07),transparent 50%),var(--bg);color:var(--text);font:15px/1.45 Segoe UI,Avenir Next,sans-serif;overscroll-behavior:none}#root{max-width:1240px;margin:0 auto;padding-top:max(10px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}.menu{max-width:560px;margin:0 auto}h1{font-size:20px;margin:8px 0 4px;letter-spacing:.02em}h2{font-size:16px;margin:18px 0 8px}p{margin:8px 0;color:var(--muted)}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;touch-action:pan-x pan-y}.primary,.secondary{padding:12px 16px;border-radius:10px;font-weight:600;min-height:46px;flex:1;touch-action:pan-x pan-y}.primary{background:var(--accent);color:#12151a}.primary:disabled{opacity:.5}.secondary{background:var(--panel-2);border:1px solid var(--line)}.secondary:disabled{opacity:.4}.buttonRow{display:flex;gap:8px;margin-top:8px}.boardWrap{position:relative;overflow:visible;width:100%;container-type:inline-size}.board{display:grid;grid-template-columns:repeat(var(--board-n, 8),1fr);grid-template-rows:repeat(var(--board-n, 8),1fr);width:100%;aspect-ratio:1;border-radius:4px;overflow:hidden;border:11px solid #2a241c;box-shadow:inset 0 0 0 1px #ffffff0f,0 16px 36px #00000061;-webkit-user-select:none;user-select:none}.boardWrap.spinFlip .board{animation:boardSpinFade .38s ease-in-out}@keyframes boardSpinFade{0%{opacity:1;transform:scale(1);filter:blur(0)}42%{opacity:0;transform:scale(.985);filter:blur(3px)}58%{opacity:0;transform:scale(1.012);filter:blur(3px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.boardWrap.spinFlip .board{animation:boardSpinFadeReduced .22s ease-in-out}@keyframes boardSpinFadeReduced{0%,to{opacity:1}50%{opacity:.35}}}.cell{position:relative;display:flex;align-items:center;justify-content:center;padding:0;min-width:0;min-height:0;overflow:hidden;font-size:min(9.6vw,56px);font-size:min(9.6cqi,56px);line-height:1;touch-action:pan-x pan-y}.cell.light{background:linear-gradient(160deg,rgba(255,255,255,.2),transparent 46%),linear-gradient(160deg,#efe6d2,#d9cbb0)}.cell.dark{background:linear-gradient(160deg,rgba(255,255,255,.08),transparent 42%),linear-gradient(160deg,#7a6550,#564636)}.piece{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Apple Symbols,sans-serif;font-size:1em;line-height:1;filter:drop-shadow(0 2px 1px rgba(0,0,0,.4))}.piece.white{color:#f6f1e6;-webkit-text-stroke:.6px #2a241c}.piece.black{color:#1b1713;-webkit-text-stroke:.4px rgba(0,0,0,.55)}.piece.knight{transform:scale(1.1);transform-origin:center}.piece.ghost{opacity:.4}.piece.turned,.animPiece.turned{rotate:180deg}.block{position:absolute;top:16%;right:16%;bottom:16%;left:16%;z-index:2;border-radius:5px;background:linear-gradient(160deg,rgba(255,255,255,.1),transparent 50%),repeating-linear-gradient(45deg,#8d8274 0,#8d8274 5px,#6f665b 5px,#6f665b 10px);border:1px solid #3a342c;box-shadow:0 1px #00000047}.block.ghost{opacity:.55}.cell.lastMove:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#6ea8fe2e}.cell:has(.piece.knight){overflow:visible;z-index:2}.cell.selected,.cell.jump{overflow:visible;z-index:3}.piece.held{animation:heldPulse 1.05s ease-in-out infinite;transform-origin:50% 70%}.piece.held.turned{transform-origin:center}.piece.held:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(236,196,92,.55) 0%,rgba(236,196,92,.08) 55%,transparent 72%);animation:heldHalo 1.05s ease-in-out infinite;pointer-events:none}@keyframes heldPulse{0%,to{transform:scale(1);filter:drop-shadow(0 2px 1px rgba(0,0,0,.4))}50%{transform:scale(1.18);filter:drop-shadow(0 0 14px rgba(236,196,92,1)) drop-shadow(0 2px 1px rgba(0,0,0,.4))}}@keyframes heldHalo{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}.cell.quiet:after,.cell.blockTarget:after{content:"";position:absolute;z-index:1;width:22%;height:22%;border-radius:2px;background:#7daa86e6}.altDot{position:absolute;left:50%;top:50%;z-index:4;width:22%;height:22%;border-radius:2px;background:#9a9ea8eb;transform:translate(-50%,-50%);pointer-events:none}.cell.blockTarget:after{background:#98a1b5d9}.killCross{position:absolute;top:6%;right:6%;bottom:6%;left:6%;z-index:6;pointer-events:none}.killCross span{position:absolute;left:50%;top:4%;width:14%;height:92%;margin-left:-7%;border-radius:2px;background:#e23a22;box-shadow:0 0 0 1px #3a120c}.killCross span:first-child{transform:rotate(38deg)}.killCross span:last-child{transform:rotate(-38deg)}.killSkull{position:absolute;top:14%;right:14%;bottom:14%;left:14%;z-index:6;pointer-events:none;animation:skullPop .64s ease-out forwards}.killSkull svg{display:block;width:100%;height:100%}@keyframes skullPop{0%{opacity:0;transform:scale(.72)}16%{opacity:1;transform:scale(1) rotate(-5deg)}32%{transform:translate(-6%) rotate(4deg)}48%{transform:translate(6%) rotate(-3deg)}64%{transform:translate(-3%) rotate(2deg)}78%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:scale(.94)}}.cell.doomed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#ff6b5e8c;box-shadow:inset 0 0 0 2px var(--danger)}.splat{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:7;pointer-events:none;background:radial-gradient(circle at 28% 38%,#7a0410 0 16%,transparent 17%),radial-gradient(circle at 72% 26%,#c40d1e 0 13%,transparent 14%),radial-gradient(circle at 58% 74%,#8b0000 0 18%,transparent 19%),radial-gradient(circle at 18% 78%,#e11d2e 0 9%,transparent 10%),radial-gradient(circle at 84% 62%,#5a040c 0 11%,transparent 12%),radial-gradient(ellipse at 50% 50%,rgba(160,0,18,.55) 0 34%,transparent 58%);animation:splatBurst .9s ease-out forwards}@keyframes splatBurst{0%{transform:scale(.2);opacity:0;filter:blur(2px)}18%{transform:scale(1.18);opacity:1;filter:none}70%{opacity:.95}to{transform:scale(1);opacity:0}}.animPiece{--move-ms: .9s;--dx: 0;--dy: 0;position:absolute;width:calc(100% / var(--board-n, 8));height:calc(100% / var(--board-n, 8));display:flex;align-items:center;justify-content:center;font-size:min(9.6vw,56px);font-size:min(9.6cqi,56px);line-height:1;pointer-events:none;z-index:20;will-change:transform}.animPiece.slide{transition:transform var(--move-ms) cubic-bezier(.22,.08,.18,1)}.animPiece.slide.running{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100%))}.animPiece.slide.running .piece{animation:slideGleam var(--move-ms) ease-in-out}.slideTrail{position:absolute;width:38%;height:8%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(236,214,150,.7));opacity:0;pointer-events:none}.animPiece.slide.running .slideTrail.t1{animation:slideTrail var(--move-ms) ease-out forwards}.animPiece.slide.running .slideTrail.t2{top:58%;animation:slideTrail var(--move-ms) ease-out 40ms forwards;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45))}@keyframes slideTrail{0%{opacity:.7;transform:scaleX(.3) translate(10%)}55%{opacity:.35;transform:scaleX(1.6) translate(-40%)}to{opacity:0;transform:scaleX(2.1) translate(-70%)}}@keyframes slideGleam{0%,to{filter:drop-shadow(0 2px 1px rgba(0,0,0,.4))}40%{filter:drop-shadow(0 0 8px rgba(236,214,150,.7)) drop-shadow(0 2px 1px rgba(0,0,0,.4))}}.animPiece.knight{z-index:24;transition:none}.animPiece.knight.running{animation:knightLeap var(--move-ms) cubic-bezier(.2,.7,.22,1) forwards}.animPiece.knight.running .piece{animation:knightSpin var(--move-ms) ease-in-out}.knightShadow{position:absolute;width:42%;height:12%;bottom:18%;border-radius:50%;background:#140e0a59;filter:blur(2px);opacity:0}.animPiece.knight.running .knightShadow{animation:knightShadow var(--move-ms) ease-in-out}@keyframes knightLeap{0%{transform:translate(0) scale(1) rotate(0)}38%{transform:translate(calc(var(--dx) * 42%),calc(var(--dy) * 28% - 70%)) scale(1.2) rotate(-16deg)}72%{transform:translate(calc(var(--dx) * 88%),calc(var(--dy) * 82% - 12%)) scale(1.06) rotate(10deg)}88%{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100% + 4%)) scale(1.08,.9)}to{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100%)) scale(1) rotate(0)}}@keyframes knightSpin{0%,to{transform:rotate(0)}40%{transform:rotate(-18deg) scale(1.08)}75%{transform:rotate(12deg)}}@keyframes knightShadow{0%,to{opacity:.15;transform:scale(1)}40%{opacity:.45;transform:scale(.55) translateY(80%)}}.animPiece.king{z-index:22;transition:none}.animPiece.king.running{animation:kingStep var(--move-ms) cubic-bezier(.3,.05,.2,1) forwards}.animPiece.king.running .piece{animation:kingThud var(--move-ms) ease-in-out}@keyframes kingStep{0%{transform:translate(0) scale(1)}18%{transform:translateY(6%) scale(1.06,.9)}52%{transform:translate(calc(var(--dx) * 62%),calc(var(--dy) * 62% - 22%)) scale(1.08,1.12)}82%{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100% + 5%)) scale(1.14,.86)}to{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100%)) scale(1)}}@keyframes kingThud{0%,to{filter:drop-shadow(0 2px 1px rgba(0,0,0,.4))}52%{filter:drop-shadow(0 10px 6px rgba(0,0,0,.35))}82%{filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}}.animPiece.death{z-index:40;transition:none;filter:drop-shadow(0 0 10px #ff1a2a)}.animPiece.death.running{animation:deathFly var(--move-ms) cubic-bezier(.18,.82,.28,1) forwards}.animPiece.death.running .piece{animation:deathKnight var(--move-ms) ease-in-out forwards}.animPiece.death.lethal{filter:drop-shadow(0 0 16px #ffef8a) drop-shadow(0 0 22px #ff1a2a)}.deathTrail{position:absolute;width:46%;height:46%;border-radius:2px;background:#ff1a2a;opacity:0;pointer-events:none}.animPiece.death.running .deathTrail.t1{animation:deathTrail var(--move-ms) ease-out forwards}.animPiece.death.running .deathTrail.t2{animation:deathTrail var(--move-ms) ease-out 50ms forwards;background:#8b0000}.animPiece.death.running .deathTrail.t3{animation:deathTrail var(--move-ms) ease-out 90ms forwards;background:#ffb3b8}.animPiece.death.running .deathTrail.t4{width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,#ffe27a,#ff2a12 60%,transparent 70%);animation:deathTrail var(--move-ms) ease-out 30ms forwards}@keyframes deathTrail{0%{opacity:.85;transform:scale(.4) translate(10%,10%)}55%{opacity:.35;transform:scale(1.6) translate(-30%,-80%)}to{opacity:0;transform:scale(2.2) translate(-50%,-120%)}}@keyframes deathFly{0%{transform:translate(0) scale(1)}32%{transform:translate(calc(var(--dx) * 38%),calc(var(--dy) * 28% - 85%)) scale(1.28)}68%{transform:translate(calc(var(--dx) * 92%),calc(var(--dy) * 88% - 18%)) scale(1.35)}to{transform:translate(calc(var(--dx) * 100%),calc(var(--dy) * 100%)) scale(.35)}}@keyframes deathKnight{0%{transform:scale(1) rotate(0) translateY(0);filter:none;opacity:1}18%{transform:scale(1.4) rotate(-22deg) translateY(-28%);filter:brightness(1.6) drop-shadow(0 0 12px #ff2a2a)}48%{transform:scale(1.7) rotate(28deg) translateY(-92%);filter:brightness(2) drop-shadow(0 0 18px #ff0000)}72%{transform:scale(1.15) rotate(-12deg) translateY(-8%)}to{transform:scale(.35) rotate(48deg) translateY(12%);opacity:0;filter:blur(3px)}}.deathWash{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;z-index:18;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,#ff142814,#5a000a6b 70%);mix-blend-mode:multiply}.deathWash.on{animation:deathWash 1.1s ease-in-out forwards}.deathWash.lethal.on{animation:deathWashLethal 1.68s ease-in-out forwards;background:radial-gradient(circle at 50% 42%,rgba(255,230,120,.35),transparent 42%),radial-gradient(circle at 50% 50%,#ff14282e,#2800069e 74%);mix-blend-mode:screen}.boardWrap.deathShake .board{animation:deathShake .7s cubic-bezier(.36,.07,.19,.97)}.boardWrap.deathShake.lethal .board{animation:deathShakeLethal 1.1s cubic-bezier(.36,.07,.19,.97)}.finaleBurst{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;z-index:19;pointer-events:none;opacity:0;border-radius:8px}.finaleBurst.on.win{animation:finaleWin .9s ease-out forwards;background:radial-gradient(circle at 50% 48%,rgba(255,224,120,.55),rgba(201,160,70,.12) 46%,transparent 70%)}.finaleBurst.on.lose{animation:finaleLose .9s ease-out forwards;background:radial-gradient(circle at 50% 48%,rgba(255,60,40,.4),rgba(40,0,8,.35) 60%,transparent 74%)}.finaleBurst.on.draw{animation:finaleWin .8s ease-out forwards;background:radial-gradient(circle at 50% 48%,rgba(180,196,220,.32),transparent 68%)}.finaleBurst.lethal.on.win{animation:finaleWin 1.4s ease-out .52s forwards}.finaleBurst.lethal.on.lose{animation:finaleLose 1.4s ease-out .52s forwards}@keyframes deathWash{0%{opacity:0}16%{opacity:1}to{opacity:0}}@keyframes deathWashLethal{0%{opacity:0}12%{opacity:1}55%{opacity:.85}to{opacity:0}}@keyframes deathShake{0%,to{transform:translate(0)}12%{transform:translate(-7px,4px) rotate(-.7deg)}24%{transform:translate(8px,-5px) rotate(.8deg)}36%{transform:translate(-6px,-3px) rotate(-.5deg)}48%{transform:translate(7px,3px) rotate(.6deg)}62%{transform:translate(-3px,2px)}78%{transform:translate(2px,-1px)}}@keyframes deathShakeLethal{0%,to{transform:translate(0) scale(1)}8%{transform:translate(-11px,7px) rotate(-1.2deg) scale(1.015)}16%{transform:translate(13px,-8px) rotate(1.3deg) scale(1.02)}26%{transform:translate(-10px,-5px) rotate(-.9deg)}38%{transform:translate(10px,6px) rotate(.8deg) scale(1.01)}52%{transform:translate(-6px,3px)}68%{transform:translate(4px,-2px)}84%{transform:translate(-2px,1px)}}@keyframes finaleWin{0%{opacity:0;transform:scale(.72)}28%{opacity:1;transform:scale(1.06)}to{opacity:0;transform:scale(1.18)}}@keyframes finaleLose{0%{opacity:0;transform:scale(.9)}24%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.2)}}.block.fresh,.piece.fresh{animation:appearSettle .48s cubic-bezier(.22,.7,.28,1)}@keyframes appearSettle{0%{transform:translateY(22%) scale(.62);opacity:0}58%{transform:translateY(-4%) scale(1.03);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.cell.pending{z-index:4;box-shadow:inset 0 0 0 3px var(--accent)}.cellConfirmHint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:0;font-size:clamp(12px,2.4vw,16px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1a1d22;text-shadow:0 0 10px rgba(255,255,255,.7);pointer-events:none;background:none;animation:okPulse 1.05s ease-in-out infinite}@keyframes okPulse{0%,to{transform:scale(1);opacity:.82}50%{transform:scale(1.16);opacity:1}}.pendingCancel{position:absolute;z-index:30;width:13px;height:13px;border-radius:50%;background:#1e222a;border:1px solid var(--danger);color:#fff;font-size:9px;line-height:1;padding:0;box-shadow:0 2px 8px #00000059;transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){.animPiece,.animPiece.slide{transition:none}.animPiece.slide.running .piece,.animPiece.knight.running,.animPiece.knight.running .piece,.animPiece.knight.running .knightShadow,.animPiece.king.running,.animPiece.king.running .piece,.animPiece.death.running,.animPiece.death.running .piece,.animPiece.death.running .deathTrail,.animPiece.slide.running .slideTrail,.block.fresh,.piece.fresh,.piece.held,.piece.held:before,.cellConfirmHint,.splat,.killSkull,.deathWash.on,.finaleBurst.on,.boardWrap.deathShake .board,.gameShell.softShake,.gameShell.lethalShake,.resultOverlay,.resultTitle{animation:none}}.gameShell{position:relative;display:flex;flex-direction:column;gap:8px}.gameShell.softShake{animation:shellShake .7s cubic-bezier(.36,.07,.19,.97)}.gameShell.lethalShake{animation:lethalShellShake 1.1s cubic-bezier(.36,.07,.19,.97)}@keyframes shellShake{0%,to{transform:translate(0)}14%{transform:translate(-5px,3px)}28%{transform:translate(6px,-3px)}42%{transform:translate(-4px,-2px)}56%{transform:translate(3px,2px)}72%{transform:translate(-2px,1px)}}@keyframes lethalShellShake{0%,to{transform:translate(0) rotate(0)}8%{transform:translate(-12px,7px) rotate(-1.1deg)}16%{transform:translate(14px,-8px) rotate(1.2deg)}24%{transform:translate(-11px,-6px) rotate(-.9deg)}34%{transform:translate(12px,6px) rotate(.8deg)}46%{transform:translate(-7px,4px) rotate(-.5deg)}58%{transform:translate(6px,-3px)}72%{transform:translate(-3px,2px)}86%{transform:translate(2px,-1px)}}.drawClock{flex:none;margin-left:6px;min-width:1.7em;padding:1px 6px;border-radius:7px;background:var(--bg);color:var(--text);font-size:15px;font-variant-numeric:tabular-nums;line-height:1.3;text-align:center}.drawClock.urgent{color:#ffb000}.iconButton{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:34px;height:34px;padding:0 8px;border-radius:9px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);font-size:15px;text-decoration:none;flex:none;touch-action:pan-x pan-y}.iconButton.on{border-color:var(--accent);color:var(--accent)}.iconButton:disabled{opacity:.4}.iconCount{font-size:10px;color:var(--muted)}.playArea{display:grid;grid-template-columns:minmax(128px,200px) minmax(0,1fr) minmax(128px,200px);grid-template-areas:"you board opp";gap:12px;align-items:start}.playArea.withLog{grid-template-columns:minmax(112px,168px) minmax(0,1fr) minmax(112px,168px) 210px;grid-template-areas:"you board opp log"}.sideRail.you{grid-area:you}.sideRail.opp{grid-area:opp}.boardColumn{grid-area:board;min-width:0}.sideRail{display:flex;flex-direction:column;gap:8px;min-width:0}.statusCard{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 9px;height:44px;min-height:44px;max-height:44px;overflow:hidden}.statusCard.active{border-color:var(--accent);background:var(--panel-2)}.statusStats{display:flex;align-items:center;gap:8px;flex:none}.statusKnights{font-size:17px;letter-spacing:1px;line-height:1}.statusJump{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none}.jumpIcon{display:block;width:22px;height:22px;filter:grayscale(1) brightness(.62)}.statusJump.ready .jumpIcon{filter:drop-shadow(0 0 5px rgba(255,70,20,.95))}button.statusJump{padding:0;border:0;background:transparent}button.statusJump:not(:disabled){cursor:pointer}.statusBlocks{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 2px;border-radius:8px;font-size:12px;font-weight:800;line-height:1;color:var(--text)}button.statusBlocks{padding:0 6px;border:1px solid var(--line);background:var(--bg)}button.statusBlocks.active{border-color:var(--accent);color:var(--accent)}.statusCard.setup .statusTray{width:100%;justify-content:flex-start}.statusTray{display:flex;align-items:center;justify-content:flex-start;gap:4px;min-width:0;flex:1}.statusPieces{display:contents}.statusTray .trayItem{width:auto;flex:none;min-width:0;min-height:0;height:30px;padding:0 2px;gap:1px;border-radius:8px;border-color:transparent;background:transparent;font-size:20px}.statusTray .trayLabel{display:none}.statusTray .trayItem .piece{font-size:22px;width:auto}.statusTray .trayCount{font-size:13px;font-weight:800}.statusDie{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;margin-left:auto;padding:0;border-radius:8px;border:1px solid var(--line);background:var(--bg)}.statusDie.on{border-color:var(--accent);background:var(--panel-2)}.dieIcon{display:block;width:20px;height:20px}.tray{display:flex;gap:6px;flex-wrap:wrap}.trayItem{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:22px;min-height:44px;text-align:left}.trayItem .piece{flex:none;font-size:26px;width:28px}.trayItem.active{border-color:var(--accent);background:var(--panel-2)}.trayItem.randomSetup{justify-content:center;font-size:13px;font-weight:700;color:var(--accent)}.trayLabel{font-size:12px;color:var(--muted);flex:1;min-width:0}.trayCount{font-size:12px;font-weight:800;color:var(--text);flex:none}.confirmBar{padding:9px 11px;border-radius:10px;background:var(--panel);border:1px solid var(--accent)}.confirmText{font-size:13px}.resultOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:#080a0eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlayIn .48s ease-out}.resultCard{position:relative;width:min(420px,100%);padding:28px 22px 20px;border-radius:18px;background:linear-gradient(180deg,#2a303b,#1c2028);border:1px solid var(--line);box-shadow:0 24px 48px #00000073;text-align:center;overflow:hidden}.resultGlow{position:absolute;inset:-30% -10% auto;height:70%;pointer-events:none;opacity:.7}.resultOverlay.win .resultGlow{background:radial-gradient(circle at 50% 20%,rgba(236,196,92,.38),transparent 64%)}.resultOverlay.lose .resultGlow{background:radial-gradient(circle at 50% 20%,rgba(201,80,70,.4),transparent 64%)}.resultOverlay.draw .resultGlow{background:radial-gradient(circle at 50% 20%,rgba(122,162,214,.28),transparent 64%)}.resultTitle{position:relative;font-size:clamp(28px,6vw,40px);font-weight:800;letter-spacing:.02em;margin:8px 0 6px;animation:resultTitleIn .56s cubic-bezier(.22,.7,.28,1)}.resultOverlay.win .resultTitle{color:#f3d27a;text-shadow:0 0 18px rgba(236,196,92,.45)}.resultOverlay.lose .resultTitle{color:#e08a82;text-shadow:0 0 18px rgba(201,80,70,.4)}.resultOverlay.draw .resultTitle{color:#c5d0e4}.resultWhy{position:relative;color:var(--muted);font-size:14px;margin-bottom:16px}.resultActions{position:relative;margin-top:6px;flex-wrap:wrap;justify-content:center}.resultActions>*{white-space:nowrap}.resultLink{display:flex;align-items:center;justify-content:center;text-decoration:none}.resultLink.primary,.resultLink.primary:visited{color:#12151a}.resultLink.secondary,.resultLink.secondary:visited{color:var(--text)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes resultTitleIn{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}.logPanel{grid-area:log;align-self:stretch;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;max-height:calc(var(--app-h, 100vh) * .7)}.logHead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 6px 10px;font-size:12px;font-weight:700;border-bottom:1px solid var(--line);flex:none}.logBody{overflow-y:auto;padding:4px 0;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.logEmpty{padding:10px;color:var(--muted);font-family:inherit;font-size:12px}.logRow{display:flex;gap:6px;padding:3px 8px;color:var(--muted)}.logNum{width:20px;flex:none;text-align:right;opacity:.6}.logWho{width:24px;flex:none}.logText{min-width:0;word-break:break-word}.logRow.w .logText{color:#e8ebf2}.logRow.b .logText{color:#b9c2d6}.logKill{display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:22px;flex:none;margin-left:auto}.logFallen{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;filter:none}.logFallen.struck{width:18px;height:18px;border-radius:3px;font-size:14px;opacity:.95}.logFallen.struck.white{color:#f6f1e6;-webkit-text-stroke:.5px #2a241c;background:#6b5a45}.logFallen.struck.black{color:#1b1713;-webkit-text-stroke:.4px rgba(0,0,0,.45);background:#d7ccb4}.logFallen.struck:after{content:"";position:absolute;left:6%;right:6%;top:46%;height:2px;background:#e15b4f;transform:rotate(-28deg);box-shadow:0 0 0 1px #00000040;pointer-events:none}.logFallen.blockStruck{width:12px;height:12px;border-radius:2px;background:repeating-linear-gradient(45deg,#8d8274 0,#8d8274 3px,#6f665b 3px,#6f665b 6px)}.logFallen.blockStruck:after{content:"";position:absolute;top:40%;right:0;bottom:40%;left:0;height:2px;background:#e15b4f;transform:rotate(-28deg)}@media(max-width:820px),(max-height:500px)and (max-width:960px){#root{padding-top:max(6px,env(safe-area-inset-top));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left))}.gameShell{gap:6px;min-height:calc(var(--app-h, 100dvh) - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.iconButton{min-width:44px;height:44px;padding:0 10px}.boardColumn{display:flex;justify-content:center;min-width:0}.board{border-width:6px}.statusCard{padding:6px 10px}.trayLabel{display:none}.trayItem{flex:1 0 auto;width:auto;min-width:48px;min-height:48px;justify-content:center;padding:6px 8px;gap:6px}.trayItem .piece{font-size:28px;width:auto}.pendingCancel{width:20px;height:20px;font-size:12px}.playArea.withLog .logPanel{position:fixed;top:0;right:0;bottom:0;z-index:60;display:flex;flex-direction:column;width:min(86vw,360px);max-height:none;margin:0;grid-area:board;border-radius:12px 0 0 12px;background:var(--panel);border:1px solid var(--line);box-shadow:-12px 0 32px #00000080;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow:hidden}}@media(max-width:820px){.playArea,.playArea.withLog{grid-template-columns:1fr;grid-template-areas:"opp" "board" "you";gap:8px;align-items:stretch}.boardWrap{width:min(100%,calc(var(--app-h, 100dvh) - 13rem));max-width:100%}.sideRail{flex-direction:row;flex-wrap:wrap;gap:6px;align-items:stretch}.statusCard{flex:1 1 100%}}@media(max-height:500px)and (max-width:960px){.gameShell{min-height:calc(var(--app-h, 100dvh) - 8px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.playArea,.playArea.withLog{grid-template-columns:minmax(0,calc(var(--app-h, 100dvh) - 4.75rem)) minmax(132px,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"board opp" "board you";gap:8px;min-height:calc(var(--app-h, 100dvh) - 4.75rem)}.boardWrap{width:100%;max-height:100%}.boardColumn{min-height:0;height:100%;align-items:center}.sideRail{flex-direction:column;flex-wrap:nowrap;gap:6px;overflow:auto;min-height:0}.statusCard{flex:0 0 auto}}.error{color:var(--danger);font-size:13px;margin-top:8px}.brandBlock{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;margin:10px 0 4px}.brandLogo{width:56px;height:56px;flex:none;border-radius:16px;transform:rotate(-4deg);box-shadow:0 0 0 1px #ffffff0f,0 10px 22px #0006}.brand{font-size:32px;font-weight:800;letter-spacing:.01em;margin:0;color:var(--text);text-align:left}@media(max-width:420px){.brandLogo{width:48px;height:48px;border-radius:14px}.brand{font-size:26px}}.tagline{font-size:14px;margin-bottom:18px;text-align:center}html:has(.junkyardGame,.homeScreen),body:has(.junkyardGame,.homeScreen){height:var(--app-h, 100dvh);overflow:hidden;background:#000}#root:has(.junkyardGame){max-width:none;height:var(--app-h, 100dvh);min-height:0;max-height:var(--app-h, 100dvh);overflow:hidden;display:flex;flex-direction:column;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}#root:has(.homeScreen){max-width:none;height:var(--app-h, 100dvh);min-height:0;max-height:var(--app-h, 100dvh);overflow:hidden;display:flex;flex-direction:column;padding:0}.junkyardGame{--panel: #191a19;--panel-2: #252523;--line: #45413a;--text: #eee1c8;--muted: #b0a797;--accent: #efa34c;--danger: #f07852;--ok: #debd74;--jump: #ef8350;--mark: 42px;position:relative;isolation:isolate;flex:1 1 auto;width:100%;max-width:720px;height:100%;min-height:0;max-height:100%;overflow:hidden;margin:0 auto;display:flex;flex-direction:column;gap:4px;color:var(--text)}.junkyardGame:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;width:100%;background:url(/art/junkyard/asphalt-surround.webp?v=1) center / 220% no-repeat;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.junkyardGame .gameMenu{display:contents}.junkyardGame .gameCorner{position:absolute;z-index:40;top:2px;right:2px;display:flex;gap:6px;align-items:flex-start}.junkyardGame .gameCorner.menuOpen{z-index:80}.junkyardGame .gameGear{position:relative;top:auto;right:auto;z-index:auto;width:44px;height:44px;padding:0;border:1px solid rgba(244,214,160,.55);border-radius:50%;background:#120c08c7;color:#f6e3c2;box-shadow:0 2px 6px #00000073}.junkyardGame .gameGear.on{background:#5a2a10eb;color:#ffd27a}.junkyardGame .gameGear:disabled{opacity:.38}.junkyardGame .gameGear.incoming{color:#ffe7a8;border-color:#ffb24a;background:#783e10f2;box-shadow:0 0 0 2px #ffb24ad9,0 0 14px #ff9628bf;animation:drawOfferPulse 1.15s ease-in-out infinite}@keyframes drawOfferPulse{50%{box-shadow:0 0 0 3px #ffd278f2,0 0 18px #ffaa32f2}}@media(prefers-reduced-motion:reduce){.junkyardGame .gameGear.incoming{animation:none}}.junkyardGame .gearIcon{display:block;width:26px;height:26px;margin:0 auto}.junkyardGame .gameCorner>.drawClock{display:grid;place-items:center;margin:0;min-width:44px;padding:0;font-size:17px;font-weight:700;line-height:1;cursor:default;-webkit-user-select:none;user-select:none}.junkyardGame .gameCorner>.drawClock.urgent{color:#ffb000;border-color:#ffb24a}.junkyardGame .gameMenuModal{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:18px}.junkyardGame .gameMenuBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#0000009e}.junkyardGame .gameMenuSheet{position:relative;z-index:1;width:min(100%,300px)}.junkyardGame .gameMenuList{display:flex;flex-direction:column;gap:14px;overflow:visible;border:0;background:none;box-shadow:none}.junkyardGame .gameMenuList>button,.junkyardGame .gameMenuList>a{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;margin:0;padding:12px 16px;border-radius:18px 26px 14px 22px/20px 14px 24px 16px;border:2px solid #5a3c24;background:linear-gradient(180deg,#f4e0ba6b,#9a6c3ab8),url(/art/junkyard/cardboard.webp?v=1) 46% 42% / 280% no-repeat;color:#2a1810;font:inherit;font-size:18px;font-weight:800;letter-spacing:.01em;line-height:1.15;text-decoration:none;text-align:center;text-shadow:0 1px 0 rgba(255,236,210,.55);box-shadow:inset 0 1px #ffecd2b3,inset 0 -4px #4a2a1247,0 5px #3a2616,0 12px 16px #0000006b}.junkyardGame .gameMenuList>button:after,.junkyardGame .gameMenuList>a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:transparent}.junkyardGame .gameMenuList>button:nth-of-type(odd),.junkyardGame .gameMenuList>a:nth-of-type(odd){rotate:-1.2deg}.junkyardGame .gameMenuList>button:nth-of-type(2n),.junkyardGame .gameMenuList>a:nth-of-type(2n){rotate:.85deg}@media(hover:hover){.junkyardGame .gameMenuList>button:hover:not(:disabled):after,.junkyardGame .gameMenuList>a:hover:after{background:#fff8e62e}}.junkyardGame .gameMenuList>button:active:not(:disabled),.junkyardGame .gameMenuList>a:active{transform:translateY(3px);box-shadow:inset 0 1px #ffecd273,inset 0 -2px #4a2a1247,0 1px #3a2616,0 4px 8px #0006}.junkyardGame .gameMenuList>button:disabled{opacity:.45}.junkyardGame .gameMenuList .iconCount{position:relative;z-index:1;min-width:1.4em;padding:0 6px;border-radius:8px;background:#2a18101f;font-size:13px}.junkyardGame .resultOverlay{background:#0000009e;-webkit-backdrop-filter:none;backdrop-filter:none}.junkyardGame .resultCard{display:flex;flex-direction:column;gap:14px;width:min(100%,300px);padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.junkyardGame .resultGlow{display:none}.junkyardGame .resultPlaque{padding:16px 18px 14px;border:2px solid #5a3c24;border-radius:18px 26px 14px 22px/20px 14px 24px 16px;background:linear-gradient(180deg,#f4e0ba80,#9a6c3ac7),url(/art/junkyard/cardboard.webp?v=1) 46% 42% / 280% no-repeat;box-shadow:inset 0 1px #ffecd2b3,inset 0 -4px #4a2a1247,0 5px #3a2616,0 12px 16px #0000006b;rotate:-.8deg}.junkyardGame .resultTitle{margin:0;color:#2a1810;font-size:32px;font-weight:800;letter-spacing:.01em;line-height:1.05;text-shadow:0 1px 0 rgba(255,236,210,.55)}.junkyardGame .resultOverlay.win .resultTitle,.junkyardGame .resultOverlay.lose .resultTitle,.junkyardGame .resultOverlay.draw .resultTitle{color:#2a1810;text-shadow:0 1px 0 rgba(255,236,210,.55)}.junkyardGame .resultWhy{margin:6px 0 0;color:#3a2616;font-size:18px;font-weight:800;line-height:1.2}.junkyardGame .resultActions{display:flex;flex-direction:column;gap:14px;margin:0}.junkyardGame .resultMenuButton{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;margin:0;padding:12px 16px;border-radius:18px 26px 14px 22px/20px 14px 24px 16px;border:2px solid #5a3c24;background:linear-gradient(180deg,#f4e0ba6b,#9a6c3ab8),url(/art/junkyard/cardboard.webp?v=1) 46% 42% / 280% no-repeat;color:#2a1810;font:inherit;font-size:18px;font-weight:800;letter-spacing:.01em;line-height:1.15;text-decoration:none;text-align:center;text-shadow:0 1px 0 rgba(255,236,210,.55);box-shadow:inset 0 1px #ffecd2b3,inset 0 -4px #4a2a1247,0 5px #3a2616,0 12px 16px #0000006b;cursor:pointer}.junkyardGame .resultMenuButton:disabled{opacity:.72;cursor:progress}.junkyardGame .resultMenuButton:nth-child(odd){rotate:-1.2deg}.junkyardGame .resultMenuButton:nth-child(2n){rotate:.85deg}.junkyardGame .resultMenuButton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}@media(hover:hover){.junkyardGame .resultMenuButton:hover:after{background:#fff8e62e}}.junkyardGame .resultMenuButton:active{transform:translateY(3px);box-shadow:inset 0 1px #ffecd273,inset 0 -2px #4a2a1247,0 1px #3a2616,0 4px 8px #0006}.junkyardGame .playArea,.junkyardGame .playArea.withLog{position:relative;z-index:auto;flex:1;display:flex;flex-direction:column;gap:2px;min-height:0}.junkyardGame .sideRail{display:block;position:relative;z-index:1;width:100%;min-width:0}.junkyardGame .sideRail.opp{order:0;flex:none;z-index:45;margin-top:34px;margin-bottom:-8px}.junkyardGame .seatPresence{position:absolute;z-index:40;top:2px;left:2px;width:44px;height:44px;margin:0;display:grid;place-items:center;border:1px solid rgba(244,214,160,.55);border-radius:50%;background:#120c08c7;box-shadow:0 2px 6px #00000073}.junkyardGame .seatPresence:before{content:"";width:14px;height:14px;border-radius:50%;background:#6e655c;box-shadow:inset 0 1px 1px #ffffff2e}.junkyardGame .seatPresence.in{border-color:#ffb24a;background:#783e10f2;box-shadow:0 0 0 2px #ffb24ad9,0 0 14px #ff9628bf}.junkyardGame .seatPresence.in:before{background:#ffd27a;box-shadow:0 0 8px #ffb24a}.junkyardGame .boardColumn{order:1;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;min-height:0;padding-bottom:2px;container-type:size;overflow:hidden}.junkyardGame .sideRail.you{order:2;flex:none;margin-top:-8px}.junkyardGame .gameChat{display:none;position:relative;width:100%;overflow:hidden}.junkyardGame .gameChatPlate{position:absolute;left:-1.96%;top:-31.32%;width:103.68%;height:168%;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.junkyardGame .gameChatBody{position:absolute;z-index:1;top:18%;right:6%;bottom:16%;left:6%;display:flex;flex-direction:column;min-width:0;min-height:0}.junkyardGame .gameChatLog{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:0 2px;scrollbar-width:thin;scrollbar-color:rgba(90,60,36,.45) transparent}.junkyardGame .gameChatEmpty{color:#5c4a36;font-size:14px;line-height:1.35}.junkyardGame .gameChatRow{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:28px;line-height:1.2;white-space:nowrap}.junkyardGame .gameChatRow.talk{align-items:baseline;white-space:normal}.junkyardGame .gameChatRow.rust,.junkyardGame .gameChatRow.steel,.junkyardGame .gameChatRow.system,.junkyardGame .gameChatEmpty,.junkyardGame .gameChatError,.junkyardGame .gameChatInput{font-family:Rubik,Segoe UI,sans-serif;font-weight:900;letter-spacing:.01em}.junkyardGame .gameChatRow.rust{color:#8f3d12;font-size:16px}.junkyardGame .gameChatRow.steel{color:#243844;font-size:16px}.junkyardGame .gameChatRow.system{color:#6e5420;font-size:15px}.junkyardGame .gameChatTalk{min-width:0;overflow-wrap:anywhere}.junkyardGame .gameChatActor{width:26px;height:28px;flex:none}.junkyardGame .gameChatArrow{flex:none;font-size:16px;line-height:1;opacity:.85}.junkyardGame .gameChatKill{display:flex;align-items:center;gap:2px}.junkyardGame .gameChatKill .logFallen{width:24px;height:26px}.junkyardGame .gameChatForm{flex:none;padding:4px 0 0}.junkyardGame .gameChatError{margin:0 0 4px;color:#8f3d12;font-size:13px;font-weight:700;line-height:1.3}.junkyardGame .gameChatCompose{display:flex;gap:6px;align-items:center}.junkyardGame .gameChatInput{flex:1 1 auto;min-width:0;height:30px;margin:0;padding:0 12px;border:2px solid #5a3c24;border-radius:14px;background:#120c08c7;color:#f4e2c4;font-size:16px}.junkyardGame .gameChatInput::placeholder{color:#b0a797}.junkyardGame .gameChatInput:focus{outline:2px solid rgba(244,214,160,.75);outline-offset:1px}.junkyardGame .gameChatSend{flex:none;height:30px;min-width:46px;padding:0 10px;border:2px solid #5a3c24;border-radius:14px;background:linear-gradient(180deg,#f4e0ba8c,#c47a32e6);color:#2a1810;font:inherit;font-size:15px;font-weight:800;cursor:pointer}.junkyardGame .gameChatSend:disabled{opacity:.45;cursor:default}.junkyardGame .boardColumn{position:relative;z-index:1}.boardStage{--board-inset: 4.6%;position:relative;width:100%;padding:var(--board-inset);aspect-ratio:1}.junkyardGame .boardStage{width:min(100cqw,100cqh);height:auto;max-height:100%;margin:0 auto}.boardStage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/art/junkyard/cardboard.webp?v=1) center / 100% 112% no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent),linear-gradient(0deg,transparent,#000 2%,#000 98%,transparent);mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent),linear-gradient(0deg,transparent,#000 2%,#000 98%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;pointer-events:none}.junkyardGame .boardCallout{position:absolute;z-index:4;left:50%;top:50%;width:max-content;max-width:78%;margin:0;pointer-events:none;text-align:center;text-wrap:balance;font-size:clamp(17px,4.8cqi,28px);font-weight:800;letter-spacing:.02em;line-height:1.15;color:#2a1810;text-shadow:0 1px 0 rgba(255,236,210,.55);padding:14px 18px 12px;border:2px solid #5a3c24;border-radius:18px 26px 14px 22px/20px 14px 24px 16px;background:linear-gradient(180deg,#f4e0ba80,#9a6c3ac7),url(/art/junkyard/cardboard.webp?v=1) 46% 42% / 280% no-repeat;box-shadow:inset 0 1px #ffecd2b3,inset 0 -4px #4a2a1247,0 5px #3a2616,0 12px 16px #0000006b;transform:translate(-50%,-50%) rotate(-1.1deg)}.junkyardGame .boardRoach{position:absolute;z-index:5;width:7.5cqi;height:4cqi;pointer-events:none}.junkyardGame .boardRoach.hold .roachArt,.junkyardGame .boardRoach.hold .roachLegs .leg{animation-play-state:paused}.junkyardGame .roachArt{display:block;width:100%;height:100%;overflow:visible;animation:roachWiggle .07s ease-in-out infinite;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.junkyardGame .roachShadow{fill:#000;opacity:.28}.junkyardGame .roachAbdomen{fill:#2a1810;stroke:#6b4a32;stroke-width:1.5}.junkyardGame .roachThorax{fill:#3a2418;stroke:#8a6244;stroke-width:1.4}.junkyardGame .roachHead{fill:#1a100c;stroke:#6b4a32;stroke-width:1.2}.junkyardGame .roachSeam{fill:none;stroke:#6b4a32;stroke-width:1;opacity:.7}.junkyardGame .roachLegs .leg{fill:none;stroke:#1a100c;stroke-width:3.4;stroke-linecap:round}.junkyardGame .roachLegs .leg.a{animation:roachLeg .06s ease-in-out infinite alternate}.junkyardGame .roachLegs .leg.b{animation:roachLeg .06s ease-in-out infinite alternate-reverse}.junkyardGame .roachLegs .leg.c{animation:roachLeg .08s ease-in-out infinite alternate}.junkyardGame .antenna{fill:none;stroke:#1a100c;stroke-width:1.6;stroke-linecap:round;transform-origin:24px 31px}.junkyardGame .antenna.left{animation:roachAnt .35s ease-in-out infinite alternate}.junkyardGame .antenna.right{animation:roachAnt .35s ease-in-out infinite alternate-reverse}@keyframes roachWiggle{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@keyframes roachLeg{0%{transform:translateY(-1.6px)}to{transform:translateY(1.6px)}}@keyframes roachAnt{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.junkyardGame .boardKingClip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;pointer-events:none}.junkyardGame .boardKing{position:absolute;left:var(--king-x);bottom:0;width:24cqi;aspect-ratio:1;transform:translate(-50%,108%);transition:transform .46s cubic-bezier(.22,.82,.24,1)}.junkyardGame .boardKing.in{transform:translate(-50%,58%)}.junkyardGame .boardKing .kingArt{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.junkyardGame .boardKing.in .kingArt{animation:kingGlance 1s ease-in-out .42s both}@keyframes kingGlance{0%,to{transform:none}42%{transform:rotate(-5deg)}70%{transform:rotate(3.5deg)}}@media(prefers-reduced-motion:reduce){.junkyardGame .boardKing{transition:none}.junkyardGame .boardKing.in .kingArt{animation:none}}.junkyardGame .boardWrap{width:100%;max-width:none;aspect-ratio:1;z-index:1}.junkyardGame .board{border:0;border-radius:0;overflow:visible;box-shadow:none}.junkyardGame .cell{border:0;border-radius:0;overflow:visible;background:transparent;font-size:min(9.6cqi,66px)}.junkyardGame .cell.dark,.junkyardGame .cell.light{background:transparent}.cellSurface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#332b24;clip-path:polygon(1% 3%,19% 1%,42% 2%,66% .5%,83% 2%,98% 1%,99% 22%,97% 45%,100% 64%,98% 83%,99% 98%,77% 97%,54% 99%,32% 97%,13% 99%,1% 97%,2% 76%,.5% 53%,2% 29%);mask:url(/art/junkyard/cell-wear.svg?v=2) center / 100% 100%;opacity:.5;pointer-events:none}.cell:nth-child(3n) .cellSurface{opacity:.54}.cell:nth-child(5n) .cellSurface{opacity:.46}.junkyardGame .cell:focus-visible{outline:2px solid #fff0c8;outline-offset:-3px;z-index:5}.junkyardGame .cell.selected{box-shadow:inset 0 0 0 2px #ffe49c}.junkyardGame .cell.pending{box-shadow:inset 0 0 0 3px #ffe49c}.junkyardGame .cell.lastMove:after{background:#f3d47c30}.junkyardGame .boardScratch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;pointer-events:none}.junkyardGame .boardScratch .ink{fill:none;stroke-linecap:round;stroke-linejoin:round}.junkyardGame .boardScratch .groove{stroke:#3a2616b8;stroke-width:2.8px}.junkyardGame .boardScratch .nick{stroke:#48301c8c;stroke-width:1.9px}.junkyardGame .boardScratch.jumpPreview .groove{stroke:#4e3620e0;stroke-width:8.4px}.junkyardGame .boardScratch.jumpPreview .nick{stroke:#604226bd;stroke-width:5.7px}.junkyardGame .boardScratch.jumpPreview.spare .groove{stroke:#3a342c}.junkyardGame .boardScratch.jumpPreview.spare .nick{stroke:#5c564e}.junkyardGame .boardScratch.jumpPreview.chosen{z-index:2}.junkyardGame .boardScratch.jumpPreview.chosen .groove{stroke:#c46820f2}.junkyardGame .boardScratch.jumpPreview.chosen .nick{stroke:#ffa840eb}.junkyardGame .boardScratch.fade,.junkyardGame .boardScorch.fade{animation:scratchFade .52s ease-out both}@keyframes scratchFade{0%{opacity:1}to{opacity:0}}.junkyardGame .boardScorch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;pointer-events:none}.junkyardGame .boardScorch .ink{fill:none;stroke-linecap:round;stroke-linejoin:round}.junkyardGame .boardScorch .heat.rift{stroke:#2a1e14eb;stroke-width:2px}.junkyardGame .boardScorch .heat.branch{stroke:#3a2a1cc7;stroke-width:1.3px}.junkyardGame .boardScorch .rift{stroke:#73583c;stroke-width:1px}.junkyardGame .boardScorch .branch{stroke:#ffc14a;stroke-width:1.3px}.junkyardGame .killSkull.landing,.junkyardGame .killSkull.victim{animation:none;opacity:1}.junkyardGame .killSkull.landing{top:18%;right:18%;bottom:18%;left:18%;z-index:4}.junkyardGame .piece .killSkull.victim,.junkyardGame .block .killSkull.victim{inset:auto;top:50%;left:50%;width:40%;height:46%;transform:translate(-50%,-50%);z-index:3}.junkyardGame .piece.turned .killSkull.victim{transform:translate(-50%,-50%) rotate(180deg)}.junkyardGame .cell.quiet:after,.junkyardGame .cell.blockTarget:after{border-radius:50%;background:#fae8b6;box-shadow:0 0 0 2px #49391cbb;width:17%;height:17%}.junkyardGame .altDot{border-radius:50%;background:#b7aea3;box-shadow:0 0 0 2px #3a342cbb;width:17%;height:17%}.junkyardGame .blockStop{position:absolute;left:50%;top:50%;z-index:2;width:34%;height:34%;overflow:visible;transform:translate(-50%,-50%);pointer-events:none}.junkyardGame .blockStop circle,.junkyardGame .blockStop path{fill:none;stroke-linecap:round}.junkyardGame .blockStopShade{stroke:#2a1810;stroke-width:4.6}.junkyardGame .blockStopMark{stroke:#fae8b6;stroke-width:2.4}.pieceArt,.blockArt{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}.pieceArt.steel{filter:hue-rotate(178deg) saturate(.5) brightness(1.24)}.junkyardGame .piece{width:100%;height:100%}.junkyardGame .cell>.piece .pieceArt,.junkyardGame .cell>.block .blockArt,.junkyardGame .animPiece>.piece .pieceArt{transform:scale(1.05);transform-origin:center center}.junkyardGame .piece.knight{transform:none}.junkyardGame .piece.ghost{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.62}.junkyardGame .cell.pending>.piece:not(.ghost){opacity:.2}.junkyardGame .block{top:0;right:0;bottom:0;left:0;border:0;border-radius:0;background:none;box-shadow:none}.junkyardGame .animPiece{font-size:min(9.6cqi,66px)}.junkyardGame .cellConfirmHint{inset:auto 8% 2%;padding:1px 3px;font-size:clamp(9px,2.2vw,12px);border-radius:2px;background:#f5d994;color:#22180e;text-shadow:none;animation:none}.junkyardGame .pendingCancel{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;line-height:0}.junkyardGame .pendingCancel svg{display:block;width:26px;height:26px;overflow:visible;transform:rotate(-8deg)}.junkyardGame .pendingCancel path{fill:none;stroke-linecap:round}.junkyardGame .pendingCancelShade{stroke:#2a1810;stroke-width:6.4}.junkyardGame .pendingCancelStick{stroke:#ffd27a;stroke-width:3.6}@media(hover:hover){.junkyardGame .pendingCancel:hover .pendingCancelStick{stroke:#ffe7a8}}.junkyardGame .pendingCancel:active svg{transform:rotate(-8deg) translateY(1px)}.junkyardGame .pendingCancel:focus-visible{outline:2px solid #efa34c;outline-offset:2px}.playerPanel{--team: #ed9850;--turn-lamp: #ff9a2e;position:relative;border:1px solid #504333;border-radius:3px;background:linear-gradient(110deg,#26231e,#171817 55%,#23211e);box-shadow:inset 0 1px #fff1d00c,inset 0 -2px #0008}.junkyardGame .playerPanel{border:0;border-radius:0;padding:0;color:#2a2118;background:transparent;box-shadow:none;isolation:isolate}.junkyardGame .scoreboardPlate{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.junkyardGame .scoreboardBody{position:absolute;z-index:1;top:14%;right:7%;bottom:16%;left:16%;display:flex;flex-direction:column;justify-content:center;min-width:0}.playerPanel.steel{--team: #a6bdca;--turn-lamp: #7ec8ff;border-color:#3e4d55}.playerPanel.active{border-color:var(--team);box-shadow:inset 3px 0 var(--team),inset 0 1px #fff1d016}.junkyardGame .playerPanel.active{box-shadow:none}@property --glow-in{syntax: "<number>"; inherits: false; initial-value: 0;}@property --glow-a{syntax: "<number>"; inherits: false; initial-value: .75;}.junkyardGame .playerPanel .scoreboardPlate{--glow-in: 0;filter:drop-shadow(0 0 22px rgb(from var(--turn-lamp) r g b / min(1,var(--glow-in) * var(--glow-a)))) drop-shadow(0 0 22px rgb(from var(--turn-lamp) r g b / max(0,var(--glow-in) * var(--glow-a) - 1)));animation:turnGlow 5.4s ease-in-out infinite paused;transition:--glow-in .18s ease-out}.junkyardGame .playerPanel.active .scoreboardPlate{--glow-in: 1;animation-play-state:running}@starting-style{.junkyardGame .playerPanel.active .scoreboardPlate{--glow-in: 0}}@keyframes turnGlow{0%,to{--glow-a: .75}50%{--glow-a: 1.25}}@media(prefers-reduced-motion:reduce){.junkyardGame .playerPanel .scoreboardPlate{animation:none;transition:none;--glow-a: 1}}.junkyardGame .playerPanel:not(.setup) .scoreboardBody{top:10%;right:4%;bottom:11%;left:5%;justify-content:center}.junkyardGame .statusCard,.junkyardGame .statusCard.active{height:auto;min-height:0;max-height:none;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}.junkyardGame .playerPanel:not(.setup) .statusCard,.junkyardGame .playerPanel:not(.setup) .statusCard.active{height:100%;align-items:center}.junkyardGame .statusStats{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;width:100%;align-items:center;justify-items:center;gap:2px}.junkyardGame .statusLead{justify-self:start;display:flex;align-items:center;margin-left:4%}.junkyardGame .statusKnights{justify-self:center;display:flex;align-items:flex-end;justify-content:center;gap:0;min-height:0;min-width:0}.junkyardGame .knightLife{position:relative;display:flex;flex:none}.junkyardGame .statusKnights .knightArt{width:62px;height:70px}.junkyardGame .knightLife.dead{filter:grayscale(.9) brightness(.62)}.junkyardGame .knightLife.dead:after{content:"";position:absolute;left:4%;right:4%;top:46%;height:5px;border-radius:3px;background:#8d140e;box-shadow:0 0 0 1.5px #f6e6cc;transform:rotate(-32deg)}.junkyardGame .statusTools{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-left:auto;flex:none}.junkyardGame .statusJump{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:0;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.junkyardGame button.statusJump:not(:disabled){cursor:pointer}.junkyardGame .statusJump .jumpIcon{width:48px;height:48px;object-fit:contain;filter:grayscale(1) brightness(.62)}.junkyardGame .statusJump.ready .jumpIcon{filter:none}.junkyardGame button.statusJump.ready:not(.armed) .jumpIcon{filter:drop-shadow(0 0 3px var(--turn-lamp)) drop-shadow(0 0 8px var(--turn-lamp))}.junkyardGame .statusJump.armed .jumpIcon{filter:drop-shadow(0 0 6px rgba(255,70,20,.95))}.junkyardGame .statusBlocks{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0;gap:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#2a1810}.junkyardGame .blockBadge{display:block;width:45px;height:45px;object-fit:contain;pointer-events:none}.junkyardGame .blockCount{position:absolute;right:3px;bottom:1px;min-width:1.1em;font-size:14px;font-weight:900;line-height:1;text-align:center;color:#2a1810;text-shadow:0 0 3px #f4e4c8,1px 0 0 #f4e4c8,-1px 0 0 #f4e4c8,0 1px 0 #f4e4c8,0 -1px 0 #f4e4c8}.junkyardGame .statusBlocks.empty{opacity:.38}.junkyardGame button.statusBlocks,.junkyardGame .statusBlocks.active{border:0;background:transparent;box-shadow:none;color:#2a1810}.junkyardGame button.statusBlocks:not(.empty) .blockBadge{filter:brightness(1.14)}.junkyardGame .playerPanel.turned .knightLife,.junkyardGame .playerPanel.turned .statusJump,.junkyardGame .playerPanel.turned .statusBlocks,.junkyardGame .playerPanel.turned .trayItem{rotate:180deg}.junkyardGame .playerPanel.setup .scoreboardBody{top:22%;right:12%;bottom:20%;left:9%;justify-content:flex-end;overflow:visible}.junkyardGame .playerPanel.setup .statusTray{flex:1 1 auto;align-items:stretch;align-self:stretch;width:100%;height:100%;min-height:0}.junkyardGame .playerPanel.setup .statusPieces{display:flex;flex:1 1 auto;align-self:stretch;justify-content:space-between;align-items:flex-end;width:auto;height:100%;max-width:none;min-height:0;padding-right:calc(var(--mark) / 6 + 4px);box-sizing:border-box;gap:4px}.junkyardGame .playerPanel.setup .statusTray .trayItem{flex:1 1 0;flex-direction:row;align-items:flex-end;justify-content:center;height:100%;min-width:0;min-height:0;padding:0;gap:0;overflow:visible}.junkyardGame .playerPanel.setup .trayItem .pieceArt{display:block;width:auto;height:auto;max-width:calc(100% - 16px);max-height:100%;flex:none;object-fit:contain}.junkyardGame .playerPanel.setup .trayCount{display:block;position:relative;flex:none;margin:0 0 1px -4px;min-width:.7em;font-size:18px;font-weight:900;line-height:1;color:#2a1810;text-shadow:0 0 3px #f4e4c8,1px 0 0 #f4e4c8,-1px 0 0 #f4e4c8,0 1px 0 #f4e4c8,0 -1px 0 #f4e4c8}.junkyardGame .playerPanel.setup .statusDie{position:absolute;z-index:2;top:0;right:calc(var(--mark) * -5 / 6);width:var(--mark);height:var(--mark);margin:0;transform:none;border:0;background:transparent;box-shadow:none}.junkyardGame .playerPanel.setup .dieIcon{display:block;width:100%;height:100%;object-fit:contain}.junkyardGame .playerPanel.setup .statusDie.on .dieIcon{filter:drop-shadow(0 0 2px #fff1c2) drop-shadow(0 0 6px var(--turn-lamp)) brightness(1.15)}.junkyardGame .playerPanel.setup .trayItem.active{background:transparent;box-shadow:none}.junkyardGame .playerPanel.setup .trayItem.active .pieceArt{filter:drop-shadow(0 0 2px #fff1c2) drop-shadow(0 0 5px var(--turn-lamp))}.junkyardGame .playerPanel.setup .trayItem.active .pieceArt.steel{filter:hue-rotate(178deg) saturate(.5) brightness(1.24) drop-shadow(0 0 2px #e8f6ff) drop-shadow(0 0 5px var(--turn-lamp))}.junkyardGame .statusPieces{flex:1;min-width:0;gap:2px}.junkyardGame .statusTray .trayItem{flex:1 1 0;min-width:0;min-height:44px;height:44px;padding:2px;gap:2px;border:0;border-radius:0;background:transparent;color:#2a2118;box-shadow:none}.junkyardGame .trayItem .pieceArt{flex:0 1 36px;width:36px;min-width:0;height:40px}.junkyardGame .trayCount{font-size:11px;flex:none;color:#2a2118;font-weight:800}.junkyardGame .trayLabel{display:none}.junkyardGame .statusDie{min-width:0;width:var(--mark);height:var(--mark);padding:0;border:0;border-radius:0;background:transparent;color:#2a2118;box-shadow:none}.junkyardGame .trayItem:disabled{opacity:.58}.junkyardGame .trayItem.active{background:#8a3d1429;box-shadow:inset 0 -3px #8a3d14}.junkyardGame .statusBlocks,.junkyardGame button.statusBlocks,.junkyardGame .statusBlocks.active{border:0;background:transparent;box-shadow:none;color:#2a1810}.junkyardGame .iconButton{color:var(--text)}.junkyardGame .iconButton:hover:not(:disabled){background:#c49a5526}.junkyardGame button:focus-visible,.junkyardGame a:focus-visible{outline:2px solid #ffde93;outline-offset:-2px}.junkyardGame .logPanel{display:flex;flex-direction:column;position:fixed;z-index:50;inset:auto max(12px,calc((var(--app-w, 100vw) - 620px) / 2)) max(12px,env(safe-area-inset-bottom));width:auto;max-width:none;max-height:calc(var(--app-h, 100svh) * .75);margin:0;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);overflow:auto}.junkyardGame .logFallen{width:27px;height:30px;flex:none;background:none}.junkyardGame .logFallen.struck,.junkyardGame .logFallen.blockStruck{background:none}.junkyardGame .confirmBar{margin:0;border-radius:0}@media(max-width:820px){.junkyardGame{--mark: 21px}.junkyardGame .playArea,.junkyardGame .playArea.withLog{container-type:size;justify-content:flex-start}.junkyardGame .boardColumn{flex:0 0 auto;justify-content:flex-start;padding-bottom:0;container-type:normal;overflow:visible}.junkyardGame .boardStage{width:min(100cqw,calc(100cqh - 28px - 200cqw / 3.6923 - max(120px,24cqw)));max-height:none}.junkyardGame .gameChat{display:flex;order:3;flex:1 1 auto;flex-direction:column;min-height:120px;margin-top:0;overflow:hidden}}html.fit-phone .junkyardGame{--mark: 21px}html.fit-phone .junkyardGame .playArea,html.fit-phone .junkyardGame .playArea.withLog{container-type:size;justify-content:flex-start}html.fit-phone .junkyardGame .boardColumn{flex:0 0 auto;justify-content:flex-start;padding-bottom:0;container-type:normal;overflow:visible}html.fit-phone .junkyardGame .boardStage{width:min(100cqw,calc(100cqh - 28px - 200cqw / 3.6923 - max(120px,24cqw)));max-height:none}html.fit-phone .junkyardGame .gameChat{display:flex;order:3;flex:1 1 auto;flex-direction:column;min-height:120px;margin-top:0;overflow:hidden}html.fit-phone .junkyardGame .gameChat.withTalk{height:auto;max-height:none}@media(min-width:821px){.junkyardGame .gameChat.withTalk{display:flex;order:3;flex:0 0 auto;flex-direction:column;height:188px;max-height:200px;min-height:0;margin-top:0;overflow:hidden}}@media(max-height:500px)and (max-width:960px){.junkyardGame .gameChat,.junkyardGame .gameChat.withTalk{display:none}}@media(prefers-reduced-motion:reduce){.junkyardGame .piece.held{animation:none}.junkyardGame .boardScratch.fade,.junkyardGame .boardScorch.fade{animation:none;opacity:0}}.bootFrame{display:flex;flex-direction:column;flex:1 1 auto;width:100%;height:100%;min-height:0}.bootHold{pointer-events:none}.tipAnchor{display:inline-flex}.tipAnchor>:disabled{pointer-events:none}.gameTip{position:fixed;z-index:200;max-width:min(240px,calc(var(--app-w, 100vw) - 16px));padding:7px 10px;border-radius:3px;background:linear-gradient(180deg,#302216f7,#100c09f7);color:#f6e3c2;border:1px solid rgba(244,214,160,.55);box-shadow:inset 0 1px #ffdca024,0 8px 18px #0000008c;font:700 12px/1.35 Segoe UI,Avenir Next,sans-serif;letter-spacing:.01em;text-align:center;pointer-events:none}.gameTip:before{content:"";position:absolute;left:var(--arrow, 50%);top:0;width:8px;height:8px;background:#2c2016;border-left:1px solid rgba(244,214,160,.55);border-top:1px solid rgba(244,214,160,.55);transform:translate(-50%,-55%) rotate(45deg)}.gameTip.above:before{top:auto;bottom:0;background:#120d09;border-left:0;border-top:0;border-right:1px solid rgba(244,214,160,.55);border-bottom:1px solid rgba(244,214,160,.55);transform:translate(-50%,55%) rotate(45deg)}body:has(.junkyardGame,.homeScreen){--cursor: url(/cursors/arrow.svg) 4 2, auto;--cursor-hot: url(/cursors/arrow-hot.svg) 4 2, pointer;cursor:var(--cursor)}body:has(.junkyardGame,.homeScreen) :is(a,button,summary,label,[role=button]){cursor:var(--cursor)}body:has(.junkyardGame,.homeScreen) :is(a,button,summary,label,[role=button]):not(:disabled){cursor:var(--cursor-hot)}body:has(.junkyardGame,.homeScreen) :is(input,textarea){cursor:text}.homeScreen{--text: #eee1c8;--muted: #d9cbb4;position:relative;isolation:isolate;flex:1 1 auto;width:100%;height:100%;min-height:0;overflow:hidden;color:var(--text);background:#0c0b0a url(/art/junkyard/menu-bg-portrait.webp?v=1) center / cover no-repeat}@media(orientation:landscape)and (min-width:640px){.homeScreen{background-image:url(/art/junkyard/menu-bg-landscape.webp?v=1)}}.homeSheet{position:relative;z-index:1;width:min(100%,440px);height:100%;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 22px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;overflow:auto}.homeScreen .brandBlock{width:min(100%,400px);margin-top:6px}.homeScreen .brandTitleWrap{margin:0}.homeScreen .brandTitle{display:block;width:100%;height:auto;max-height:calc(var(--app-h, 100vh) * .32);object-fit:contain;transform:rotate(-1.5deg)}.homeScreen .tagline{max-width:34em;color:#f3e6d0;text-shadow:0 1px 2px rgba(0,0,0,.75)}.homeCluster{width:min(100%,420px);display:flex;flex-direction:column;align-items:center;margin-top:18px}.homeScreen .choiceTitle+.homeCluster{margin-top:14px}.homeActions{width:min(100%,292px);display:flex;flex-direction:column;gap:18px;padding:8px}.homeButtonTilt{width:100%}.homeButtonTilt.a{transform:rotate(-1.7deg)}.choiceBody .homeButtonTilt.a{margin-bottom:18px}.homeButtonTilt.b{transform:rotate(1.15deg) translate(7px)}.homeButtonTilt.c{transform:rotate(-.55deg) translate(-5px)}.homeButtonTilt.d{transform:rotate(1.4deg) translate(3px)}.homeButtonTilt.e{transform:rotate(.8deg) translate(4px)}.homeActions.homeSettings{padding-top:10px;padding-bottom:0}.homeActions.homeExit{padding-top:18px}.homeButton{display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;padding:14px 18px;border-radius:18px 26px 14px 22px/20px 14px 24px 16px;border:2px solid #5a3c24;background:linear-gradient(180deg,#f4e0ba6b,#9a6c3ab8),url(/art/junkyard/cardboard.webp?v=1) 46% 42% / 280% no-repeat;color:#2a1810;font-size:22px;font-weight:800;letter-spacing:.02em;line-height:1.1;text-align:center;text-decoration:none;text-shadow:0 1px 0 rgba(255,236,210,.55);box-shadow:inset 0 1px #ffecd2b3,inset 0 -4px #4a2a1247,0 5px #3a2616,0 12px 16px #0000006b;position:relative;transition:transform 80ms ease,box-shadow 80ms ease}.homeButton.homeButtonTable,.homeButton.homeButtonTable.open{border-color:#3a2616}.homeButton.homeButtonTable{z-index:0;overflow:hidden;background:linear-gradient(180deg,#a56b3c,#4a2c16)}.homeButton.homeButtonTable:before{content:"";position:absolute;z-index:-1;top:3px;right:3px;bottom:3px;left:3px;border-radius:14px;pointer-events:none;background:linear-gradient(180deg,#5a321459,#1c0e0673),url(/art/junkyard/cardboard.webp?v=1) 46% 42% / 280% no-repeat;background-blend-mode:multiply}.homeButton:after,.choiceVariant:after,.choiceSegment:after,.choicePlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:transparent;transition:background-color 80ms ease}@media(hover:hover){.homeButton:hover:after,.choiceVariant:not(.on):hover:after,.choiceSegment:not(.on):hover:after,.choicePlay:hover:after{background:#fff8e62e}.homeButton.homeButtonSplit.isBusy:hover:after,.choicePlay.isBusy:hover:after,.choicePlay:disabled:hover:after{background:transparent}}.homeButton:active{transform:translateY(4px);box-shadow:inset 0 1px #ffecd273,inset 0 -2px #4a2a1247,0 1px #3a2616,0 4px 8px #0006}.homeButton.open{border-color:#8a3d14}.homeButton:focus-visible{outline:2px solid #efa34c;outline-offset:3px}.homeButton.homeButtonSplit{position:relative;padding:0}.homeButtonMain{display:flex;align-items:center;justify-content:center;width:100%;min-height:inherit;padding:14px 52px;color:inherit;font:inherit;letter-spacing:inherit;text-align:center;text-decoration:none;text-shadow:inherit}.homeButtonGear{position:absolute;top:50%;right:10px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:-18px;padding:0;border-radius:10px;border:2px solid #5a3c24;background:transparent;color:#2a1810;box-shadow:inset 0 1px #ffecd273}.homeButtonGear svg{width:20px;height:20px}.homeButton.open .homeButtonGear{border-color:#2a1810;background:#2d1c11;color:#f6e6cc}.homeButtonMain:focus-visible,.homeButtonGear:focus-visible{outline:2px solid #efa34c;outline-offset:2px}.homeButtonMainLong{font-size:22px;letter-spacing:.01em;white-space:nowrap;padding:14px 50px 14px 14px}@media(max-width:330px){.homeButtonMainLong{font-size:20px}}.homeButton:disabled,.homeButton:disabled:hover,.homeButton:disabled:active,.homeButton.homeButtonSplit.isBusy,.homeButton.homeButtonSplit.isBusy:hover,.homeButton.homeButtonSplit.isBusy:active,.choicePlay:disabled,.choicePlay:disabled:hover,.choicePlay:disabled:active,.choicePlay.isBusy,.choicePlay.isBusy:hover,.choicePlay.isBusy:active{transform:none;filter:grayscale(.6) brightness(.62);color:#2a1810bf;box-shadow:inset 0 1px #ffecd24d,0 2px #3a2616,0 6px 10px #0000004d}.rulesModal{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}.rulesModalBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#0000009e}.rulesModalSheet{position:relative;z-index:1;width:min(100%,380px);max-height:100%;display:flex;flex-direction:column;align-items:stretch;animation:rulesModalIn .18s ease-out}.rulesModalSheet.choiceModalSheet{width:min(100%,420px)}.rulesModalCard{position:relative;display:flex;flex-direction:column;min-height:0;border-radius:22px 30px 16px 26px/24px 16px 28px 18px;border:2px solid #5a3c24;background:linear-gradient(180deg,#f4e0ba80,#9a6c3ac7),url(/art/junkyard/cardboard.webp?v=1) 40% 30% / 240% no-repeat;color:#2a1810;box-shadow:inset 0 1px #ffecd2b3,inset 0 -4px #4a2a1247,0 5px #3a2616,0 12px 16px #0000006b;rotate:-.55deg}.rulesModalBody{min-height:0;overflow:auto;padding:18px 16px;border-radius:inherit}.rulesModalX{position:absolute;z-index:2;top:-12px;right:-10px;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border-radius:16px 20px 13px 18px/18px 14px 20px 15px;border:2px solid #5a3c24;background:linear-gradient(180deg,#f4e0ba8c,#9a6c3ad1),url(/art/junkyard/cardboard.webp?v=1) 60% 40% / 320% no-repeat;color:#2a1810;box-shadow:inset 0 1px #ffecd2bf,inset 0 -3px #4a2a1247,0 4px #3a2616,0 8px 12px #0006;transform:rotate(8deg)}.rulesModalX svg{position:relative;z-index:1;width:22px;height:22px;stroke:currentColor;stroke-width:3.6;stroke-linecap:round;fill:none}.rulesModalX:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:transparent;transition:background-color 80ms ease}@media(hover:hover){.rulesModalX:hover:after{background:#fff8e62e}}.rulesModalX:active{transform:rotate(8deg) translateY(3px);box-shadow:inset 0 1px #ffecd273,inset 0 -2px #4a2a1247,0 1px #3a2616,0 4px 8px #0006}.rulesModalX:focus-visible{outline:2px solid #efa34c;outline-offset:3px}.rulesModalTitle{margin:2px 0 12px;font-size:24px;font-weight:800;letter-spacing:.02em;line-height:1.1;text-align:center;color:#2a1810;text-shadow:0 1px 0 rgba(255,236,210,.55)}.rulesModalTitle+.rulesModalSet{margin:-6px 0 12px;font-size:15px;font-weight:800;line-height:1.25;text-align:center;color:#3a2616}.rulesModalList{margin:0;padding:0;list-style:none;font-size:15px;font-weight:700;line-height:1.4}.rulesModalList li+li{margin-top:10px}.rulesModalList b{color:#3a2616}@keyframes rulesModalIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.homeScreen .homeSetting{position:relative;display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:4px 6px;border:0;border-radius:12px;background:transparent;color:#2a1810;font:inherit;font-size:15px;font-weight:700;line-height:1.4;text-align:left}.homeScreen .homeSetting:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:transparent}@media(hover:hover){.homeScreen .homeSetting:hover:after{background:#fff8e647}}.homeScreen .homeSetting:focus-visible{outline:2px solid #efa34c;outline-offset:3px}.homeScreen .homeSetting .menuCheck{position:relative;z-index:1;flex:none;width:22px;height:22px;border:2px solid currentColor;border-radius:5px;background:#fff8e666;box-shadow:inset 0 1px #ffecd2a6}.homeScreen .homeSetting.on .menuCheck:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid currentColor;border-width:0 3px 3px 0;transform:rotate(45deg)}@media(max-width:420px){.homeButton{min-height:58px;font-size:20px}}@media(prefers-reduced-motion:reduce){.homeButtonTilt.a,.homeButtonTilt.b,.homeButtonTilt.c,.homeButtonTilt.d,.homeButtonTilt.e,.rulesModalX,.rulesModalX:active{transform:none}.rulesModalCard{rotate:0deg}.homeButton,.rulesModalSheet{transition:none;animation:none}}@font-face{font-family:Rubik;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/rubik-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}.choiceBody{width:100%;margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:14px}.choiceTitle{box-sizing:border-box;width:min(100%,420px);height:38px;margin:14px 0 0;flex:none;display:flex;align-items:center;justify-content:center;font-family:Rubik,Segoe UI,sans-serif;font-size:26px;font-weight:900;line-height:1;letter-spacing:.01em;white-space:nowrap;color:#efa34c;-webkit-text-stroke:.8px #2a1810;paint-order:stroke fill;text-shadow:0 2px 0 rgba(26,16,8,.75)}.rulesModalSheet.failNoticeSheet{width:min(100%,300px)}.failNoticeSheet .rulesModalBody{padding:22px 20px 16px}.rulesModalTitle.failNoticeTitle{margin:2px 0 0;font-size:22px;line-height:1.25}.choiceLead{margin:0;max-width:20em;font-size:15px;font-weight:700;line-height:1.35;text-align:center;color:#f3e6d0;text-shadow:0 1px 2px rgba(0,0,0,.75)}.inviteColumn{width:min(100%,360px);display:flex;flex-direction:column;align-items:stretch;gap:14px}.inviteColumn .homeActions{width:100%}.inviteCard{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;border-radius:18px 26px 14px 22px/20px 14px 24px 16px;border:2px solid #5a3c24;background:linear-gradient(180deg,#f4e0ba80,#9a6c3ac7),url(/art/junkyard/cardboard.webp?v=1) 40% 30% / 240% no-repeat;color:#2a1810;color-scheme:light;box-shadow:inset 0 1px #ffecd2b3,inset 0 -4px #4a2a1247,0 5px #3a2616,0 12px 16px #0000006b}.inviteCard:nth-child(odd){rotate:-1.05deg}.inviteCard:nth-child(2n){rotate:.85deg}.inviteLabel{font-size:13px;font-weight:800;line-height:1.2;color:#3a2616;text-shadow:0 1px 0 rgba(255,236,210,.45)}.inviteUrl{margin:0;color:#2a1810;font-size:15px;font-weight:800;line-height:1.35;word-break:break-all;cursor:text}.inviteUrl:focus-visible,.inviteCopy:focus-visible{outline:2px solid #efa34c;outline-offset:2px}.inviteCopy{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:8px 12px;border-radius:14px 18px 11px 16px/15px 12px 17px 13px;border:2px solid #5a3c24;background:linear-gradient(180deg,#fff6e48c,#b0804a8c),url(/art/junkyard/cardboard.webp?v=1) 30% 60% / 320% no-repeat;color:#2a1810;font-size:16px;font-weight:800;text-shadow:0 1px 0 rgba(255,236,210,.45);box-shadow:inset 0 1px #ffecd2bf,inset 0 -3px #4a2a1238,0 3px #3a2616;transform:translateZ(0);backface-visibility:hidden;transition:transform 80ms ease,box-shadow 80ms ease}.inviteCopy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:transparent;transition:background-color 80ms ease}@media(hover:hover){.inviteCopy:hover:after{background:#fff8e62e}}.inviteCopy:active{transform:translate3d(0,2px,0);box-shadow:inset 0 1px #ffecd273,inset 0 -2px #4a2a1238,0 1px #3a2616}.inviteCopy.on{border-color:#2a1810;background:linear-gradient(180deg,#4b3220,#2d1c11);color:#f6e6cc;text-shadow:none;transform:translate3d(0,2px,0);box-shadow:inset 0 2px 5px #00000073,0 1px #3a2616}.inviteNote{margin:0 0 14px;font-size:15px;font-weight:700;line-height:1.35;text-align:center;color:#2a1810}.choicePanel{display:flex;flex-direction:column;gap:12px}.choiceGroup{display:flex;flex-direction:column;gap:6px}.choiceLabel{margin:0 2px;font-size:13px;font-weight:800;line-height:1.2;color:#3a2616;text-shadow:0 1px 0 rgba(255,236,210,.45)}.choiceVariants{display:flex;flex-direction:column;gap:8px}.choiceVariant{position:relative;display:flex;flex-direction:column;gap:1px;width:100%;padding:8px 12px 9px;border-radius:14px 18px 11px 16px/15px 12px 17px 13px;border:2px solid #5a3c24;background:transparent;color:#2a1810;text-align:left;box-shadow:inset 0 1px #ffecd2bf,inset 0 -3px #4a2a1238,0 3px #3a2616;z-index:0;transition:transform 80ms ease,box-shadow 80ms ease}.choiceVariant:before{content:"";position:absolute;z-index:-1;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#fff6e48c,#b0804a8c),url(/art/junkyard/cardboard.webp?v=1) 30% 60% / 320% no-repeat;transform:translateZ(0)}.choiceVariant.on:before{visibility:hidden}.choiceVariantTitle{font-size:15px;font-weight:800;line-height:1.2}.choiceVariantNote{font-size:12px;line-height:1.25;color:#5b3d26}.choiceSegments{container:choiceSegments / inline-size;display:flex;gap:8px}.choiceSegment{position:relative;flex:1 1 0;min-height:40px;padding:6px 4px;border-radius:12px 16px 10px 14px/14px 11px 15px 12px;border:2px solid #5a3c24;background:linear-gradient(180deg,#fff6e48c,#b0804a8c),url(/art/junkyard/cardboard.webp?v=1) 50% 40% / 280% no-repeat;color:#2a1810;font-size:14px;font-weight:800;white-space:nowrap;text-shadow:0 1px 0 rgba(255,236,210,.45);box-shadow:inset 0 1px #ffecd2bf,inset 0 -3px #4a2a1238,0 3px #3a2616;transform:translateZ(0);backface-visibility:hidden;transition:transform 80ms ease,box-shadow 80ms ease}@container choiceSegments (max-width: 330px){.choiceSegment{padding-inline:2px;font-size:12px}}.choiceVariant.on,.choiceSegment.on{border-color:#2a1810;background:linear-gradient(180deg,#4b3220,#2d1c11);color:#f6e6cc;text-shadow:none;transform:translate3d(0,2px,0);box-shadow:inset 0 2px 5px #00000073,0 1px #3a2616}.choiceVariant.on{transform:none}.choiceVariant.on .choiceVariantNote{color:#dcc59f}.choiceVariant:focus-visible,.choiceSegment:focus-visible,.choicePlay:focus-visible{outline:2px solid #efa34c;outline-offset:2px}.choicePlay{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;margin-top:4px;padding:12px 18px;border-radius:16px 22px 13px 18px/18px 13px 20px 15px;border:2px solid #5a3c24;background:transparent;color:#2a1810;font-size:22px;font-weight:800;letter-spacing:.02em;line-height:1.1;text-align:center;text-decoration:none;text-shadow:0 1px 0 rgba(255,236,210,.55);box-shadow:inset 0 1px #ffecd2b3,inset 0 -4px #4a2a1247,0 5px #3a2616,0 10px 14px #00000059;transform:translateZ(0);backface-visibility:hidden;transition:transform 80ms ease,box-shadow 80ms ease}.choicePlay:before{content:"";position:absolute;z-index:-1;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#f4e0ba6b,#9a6c3ab8),url(/art/junkyard/cardboard.webp?v=1) 46% 42% / 280% no-repeat;transform:translateZ(0)}.choicePlay:active{transform:translate3d(0,4px,0);box-shadow:inset 0 1px #ffecd273,inset 0 -2px #4a2a1247,0 1px #3a2616,0 4px 8px #0006}@media(prefers-reduced-motion:reduce){.choiceVariant,.choiceSegment,.choicePlay,.inviteCopy{transition:none}.inviteCard{rotate:0deg}}.junkyardGame .cell.grab,.junkyardGame .trayItem.grab,.junkyardGame .statusBlocks.grab{touch-action:none;cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.boardDragging{-webkit-user-select:none;user-select:none}body.boardDragging,body.boardDragging *{cursor:grabbing!important}.junkyardGame .cell.dragOver{z-index:6}.junkyardGame .dragHalo{position:absolute;top:-34%;right:-34%;bottom:-34%;left:-34%;z-index:1;border:3px solid #ffd56a;border-radius:50%;background:radial-gradient(circle,rgba(255,213,106,.36) 0%,rgba(255,213,106,.12) 50%,transparent 70%);box-shadow:0 0 14px #ffd56a99;pointer-events:none}.junkyardGame .killCross span{width:16%;margin-left:-8%;background:#ff4a22;box-shadow:0 0 0 1px #3a1208}.junkyardGame .cell.capture .dragHalo{border-color:#ff9a3c;background:radial-gradient(circle,rgba(255,154,60,.36) 0%,rgba(255,154,60,.12) 50%,transparent 70%);box-shadow:0 0 14px #ff9a3ca6}.junkyardGame .cell.jump .dragHalo{border-color:#ff5a2e;background:radial-gradient(circle,rgba(255,90,46,.4) 0%,rgba(255,90,46,.14) 50%,transparent 70%);box-shadow:0 0 16px #ff4824bf}.dragArrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;width:100%;height:100%;overflow:visible;pointer-events:none}.dragArrow path{fill:none;stroke-linecap:round;stroke-linejoin:round}.dragArrow .dragArrowEdge{stroke:#2a1810}.dragArrow .dragArrowHeadEdge{fill:#2a1810;stroke:#2a1810}.dragArrow .dragArrowBody{stroke:#ffd56a}.dragArrow .dragArrowHead{fill:#ffd56a}.dragArrow .dragArrowFlow{stroke:#fffae8d9;stroke-dasharray:10 12;animation:dragArrowFlow .45s linear infinite}.dragArrow.capture .dragArrowBody{stroke:#ff9a3c}.dragArrow.capture .dragArrowHead{fill:#ff9a3c}.dragArrow.jump{filter:drop-shadow(0 0 6px rgba(255,72,36,.85))}.dragArrow.jump .dragArrowBody{stroke:#ff5a2e}.dragArrow.jump .dragArrowHead{fill:#ff5a2e}.dragArrow.loose{opacity:.6}.dragArrow.loose .dragArrowBody{stroke:#efe2c6}.dragArrow.loose .dragArrowHead{fill:#efe2c6}.dragArrow.loose .dragArrowFlow{display:none}@keyframes dragArrowFlow{to{stroke-dashoffset:-22}}.dragPiece{position:fixed;left:0;top:0;z-index:90;pointer-events:none;filter:drop-shadow(0 10px 8px rgba(0,0,0,.5))}.dragPieceArt{display:block;width:100%;height:100%}.dragPiece.turned .dragPieceArt{rotate:180deg}@media(prefers-reduced-motion:reduce){.dragArrow .dragArrowFlow{animation:none}}
