.app-shell{position:relative;width:1376px;height:768px;margin:0 auto;background-image:url(../background.jpeg);background-repeat:no-repeat;background-size:1376px 768px;color:#f2f2f2;overflow:hidden}.incoming-row{display:flex;flex-direction:column;align-items:flex-start;padding:12px 18px;gap:10px;background:#141820cc}.incoming-summary{display:flex;flex-wrap:wrap;gap:14px;font-size:15px;color:#f2f2f2d9}.incoming-icons{display:flex;gap:6px;font-size:22px}.incoming-row.overlay{position:absolute;top:26px;left:72px;width:var(--board-width);transform:none;padding:0;background:transparent;color:#f2f2f2;display:flex;justify-content:center}.incoming-row.overlay .incoming-summary{background:#0c10168c;padding:6px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 12px #00000059}.incoming-row.overlay .next-wave-label{font-size:14px}.incoming-row.overlay .incoming-icons{font-size:18px}.entry-chip-row{display:flex;flex-wrap:wrap;gap:12px}.entry-chip{display:flex;align-items:baseline;gap:6px;border:1px solid rgba(148,197,255,.35);border-radius:999px;padding:6px 12px;font-size:14px;background:#0f172ab3}.chip-cell{font-weight:600;letter-spacing:1px}.chip-count{color:#e2f1ffd9;font-size:13px}.play-area{position:absolute;top:0;right:0;bottom:0;left:0}.play-column{position:static}.right-column{position:absolute;top:206px;left:784px;width:423px;height:460px;display:grid;grid-template-rows:1fr auto;gap:8px;color:#5a3009;text-shadow:0 0 4px #fef4b6}.panel{display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:0 32px}.panel .control-panel{flex:1;overflow:hidden}.tutorial-float{position:absolute;top:73px;left:701px;width:591px;max-height:540px;overflow:auto;z-index:4;min-height:140px}.incoming-lane{position:absolute;top:77px;left:103px;width:var(--incoming-width);height:var(--incoming-height);background-image:url(../incoming_mice_bg.jpeg);background-size:var(--incoming-bg-size) var(--incoming-height);background-repeat:no-repeat;background-position:center center;overflow:hidden;border-radius:4px}.incoming-slot-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:3px 16px}.incoming-slot{display:flex;align-items:center;justify-content:center;height:48px}.incoming-mouse-piece{width:48px;height:48px}.incoming-mouse-piece.deterred .piece{border-color:#0396a6;box-shadow:0 0 8px #0396a680}.incoming-mouse-piece.deterred .piece:after{content:"";position:absolute;right:5%;bottom:5%;top:50%;left:50%;width:110%;height:3px;background:#0396a6;transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none;z-index:10}.board-wrapper{position:absolute;top:142px;left:130px;width:var(--board-width);height:var(--board-height);background-image:url(../board.jpeg);background-size:var(--board-bg-size) var(--board-bg-size);background-repeat:no-repeat;background-position:center center;overflow:visible;border-radius:3px;z-index:2}.board-backdrop{position:absolute;top:142px;left:103px;width:var(--incoming-width);height:var(--board-height);background:#00000070;border-radius:6px;pointer-events:none;z-index:1}.hero-overlay{position:absolute;top:142px;left:130px;width:var(--board-width);height:var(--board-height);background-image:url(../heros.png);background-repeat:no-repeat;background-position:center center;background-size:480px 480px;pointer-events:none;z-index:3}.app-shell.opening .game-board .piece,.app-shell.opening .game-board .piece-badge,.app-shell.opening .game-board .piece-hearts,.app-shell.opening .game-board .piece-stats,.app-shell.opening .game-board .cell-id-debug{display:none}.wave-badge,.grain-badge,.phase-badge,.best-badge,.restart-floating{position:absolute;padding:8px 16px;font-size:16px;letter-spacing:1px;font-size:24px;color:#fff7bc;text-shadow:0 0 4px black;z-index:3}.wave-badge{top:24px;left:224px;width:270px;text-align:center}.grain-badge{top:calc(142px + var(--board-height) + 13px);left:277px;width:250px;text-align:center}.best-badge{bottom:19px;left:824px;width:290px;text-align:center}.phase-badge{top:24px;right:282px}.session-button{transform:none;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:#141820bf;font-size:16px;color:#f2f2f2;letter-spacing:1px;padding:10px 18px;border-radius:12px;position:relative;z-index:6}.session-button.quit{right:auto}.session-button.exit{top:24px;right:60px}.session-actions{position:absolute;top:24px;left:939px;display:flex;gap:10px;padding-right:0;z-index:6}.start-panel{background:#141820c7;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.start-panel h3{margin:0;letter-spacing:1px}.start-panel p{margin:0;color:#f2f2f2cc;font-size:14px}.board-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,var(--board-cell-size));grid-template-rows:repeat(5,var(--board-cell-size));padding:var(--board-padding)}.board-cell{position:relative;display:flex;align-items:stretch;justify-content:stretch;transition:transform .15s ease}.cell-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;border:1px solid rgba(255,255,255,.04);background:transparent;box-shadow:inset 0 0 0 1px #ffffff08;pointer-events:none;transition:box-shadow .15s ease,background .15s ease}.board-cell.valid-move .cell-overlay{box-shadow:inset 0 0 0 2px #10b981,0 0 0 2px #10b98140}.board-cell.valid-attack .cell-overlay{box-shadow:inset 0 0 0 2px #d96d55,0 0 0 2px #d96d554d}.board-cell.selected{transform:scale(1.02)}.board-cell.selected .cell-overlay{box-shadow:inset 0 0 0 2px #d97014,0 0 0 3px #d9701459}.board-cell .cell-content{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center}.cell-id-debug{position:absolute;bottom:6px;right:8px;font-size:10px;color:#ffffff59;pointer-events:none}.cat-staging{width:var(--board-width);height:180px;padding:10px;border:1px dashed rgba(255,255,255,.15);border-radius:8px;background:#0c101659;display:flex;flex-wrap:wrap;align-content:flex-start;gap:16px;color:#f2f2f2b3}.cat-staging-piece{width:145px;height:145px;display:flex;align-items:center;justify-content:center}.cat-staging-piece .piece{width:100%;height:100%;cursor:grab}.cat-staging-piece .piece:active{cursor:grabbing}.control-panel{width:100%;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:16px;min-height:80px}.phase-setup .control-panel{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.06);padding:24px}.phase-cat .control-panel,.phase-stepper .control-panel{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.06);padding:16px;min-height:auto}.panel-instruction{text-align:center}.panel-staging{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:16px;border:1px dashed rgba(255,255,255,.15);border-radius:8px;text-shadow:none}.panel-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}.panel-info{display:flex;flex-direction:column;gap:8px;width:100%;word-wrap:break-word;overflow-wrap:break-word}.panel-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.panel-buttons.single{justify-content:flex-end;flex:1}.panel-buttons.stepper-right{align-items:flex-end}.panel-buttons.stepper-right .button-primary{align-self:flex-end}.piece{position:relative;width:100%;height:100%;border-radius:10px;background:transparent;border:2px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.piece.selected-piece{border-color:#d97014;box-shadow:0 0 12px #d9701473}.piece.highlighted{border-color:#d96d55;box-shadow:0 0 14px #d96d5599}.piece.cat{cursor:pointer}.piece.in-hand{cursor:grab}.piece.mouse{pointer-events:none;width:75%;height:75%;border-radius:50%;margin:auto}.incoming-mouse-piece .piece{width:100%;height:100%}.piece-badge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;border:2px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;overflow:hidden}.incoming-mouse-piece .piece-badge.mouse{padding:0}.piece-badge img{width:100%;height:100%;object-fit:contain}.piece-badge.mouse{padding:6px;background:#d9705540;border-radius:50%}.board-cell .piece-badge.mouse{height:77px}.piece-badge.mouse img{border-radius:50%}.piece-stats{position:absolute;bottom:6px;left:6px;right:6px;z-index:10;display:flex;justify-content:space-between;font-size:16px}.piece-catch,.piece-meow{width:25%;text-align:center;padding:0;border-radius:6px;background:#000000bf}.piece-catch{color:#f05f5f}.piece-meow{color:#0396a6}.glow-red{box-shadow:0 0 16px #f05f5f;border:1px red solid}.glow-blue{color:#4ec3ff;box-shadow:0 0 16px #4ec3ff}.halved{color:#c9a7ff}.disabled{color:#f2f2f266}.piece-stat-row{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);z-index:10;display:flex;justify-content:center;font-size:14px}.piece-stat-row .mouse-attack{font-weight:700;font-size:18px;color:#d96d55;text-align:center;padding:1px 8px;border-radius:50%;background:#000000bf}.piece-hearts{font-size:10px;display:flex;gap:2px}.piece .piece-hearts{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:10}.side-panel{width:100%;border-radius:16px;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.06)}.phase-setup .side-panel{display:none}.piece-portrait{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;object-fit:contain}.side-panel h2{margin:0;font-size:30px;letter-spacing:1px;text-align:center}.side-panel .role{font-size:14px;letter-spacing:3px;text-align:center;margin-top:-6px}.side-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.side-panel-left img{width:100%;height:100%;object-fit:contain}.side-panel-left{position:relative}.side-panel-left .piece-hearts{position:absolute;top:8px;left:0;right:0;display:flex;justify-content:center;font-size:18px;text-align:center;width:100%;pointer-events:none}.side-panel-right{display:flex;flex-direction:column;gap:8px}.badge-row{display:flex;gap:8px;flex-wrap:wrap}.badge{border-radius:999px;padding:4px 10px;background:#5a3009;color:#fff7bc}.badge.secondary{background:#694219}.pangur-sequence{border-top:1px solid rgba(255,255,255,.08);padding-top:12px;display:flex;flex-direction:column;gap:8px}.pangur-sequence-header{display:flex;align-items:center;gap:8px;font-size:14px;color:#f2f2f2cc}.action-area{background:#141820eb;display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:28px}.action-messages{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.cat-hand{display:flex;align-items:center;gap:16px}.cat-hand-piece{width:98px;height:98px;display:flex;align-items:center;justify-content:center}.cat-hand-piece .piece{width:100%;height:100%;cursor:grab}.cat-hand-piece .piece:active{cursor:grabbing}.action-controls{display:flex;gap:16px}.button-primary{background:#d97014;color:#f2f2f2;padding:9px 24px;border-radius:999px;letter-spacing:1px;font-size:20px}.button-flash{animation:button-flash .9s ease-in-out infinite alternate;box-shadow:0 0 #d9701440}@keyframes button-flash{0%{background:#d97014;box-shadow:0 0 #d9701440}to{background:#ffb347;box-shadow:0 0 16px #ffb3478c}}.button-secondary{background:#0082ce;border:2px solid #00a3ff;color:#f2f2f2;padding:12px 28px;border-radius:999px;font-weight:500;font-size:20px}.button-disabled{opacity:.5;cursor:not-allowed}.button-quiet{background:transparent;border:1px dashed rgba(217,112,20,.6);color:#d97014;padding:6px 14px;border-radius:999px;font-size:12px;align-self:flex-start;letter-spacing:1px;cursor:pointer}.button-quiet:hover{border-color:#d97014d9}.stepper-rail{display:flex;align-items:center;gap:16px}.result-banner{padding:10px 12px;border-radius:8px;font-weight:700;font-size:14px;letter-spacing:.25px}.result-banner.win{background:linear-gradient(90deg,#10b9812e,#10b98114);border:1px solid rgba(16,185,129,.35);color:#00945e;font-size:20px;margin-top:30px}.result-banner.loss{background:linear-gradient(90deg,#d96d5538,#d96d551a);border:1px solid rgba(217,109,85,.4);color:#d32500;font-size:20px}.score-summary{border:1px solid rgba(255,255,255,.08);background:#532600d6;border-radius:5px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;color:#f2f2f2e6;text-shadow:none}.score-total{font-size:18px;font-weight:800;color:#d8f5ff;letter-spacing:.5px}.score-breakdown{display:grid;gap:6px;grid-template-columns:1fr;font-size:14px;color:#f2f2f2bf}.score-breakdown span{display:inline-flex;align-items:center;gap:6px}.setup-hint{font-size:14px}.tutorial-panel{background:#121826;border:2px solid rgba(0,130,206,1);border-radius:7px;padding:16px;margin-bottom:16px;color:#f2f2f2;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.tutorial-panel-inactive{background:#121826b3}.tutorial-header{display:flex;align-items:center;justify-content:flex-start;gap:8px}.tutorial-title{font-weight:700;letter-spacing:.2px;margin-right:6px;font-size:19px;border-bottom:1px solid #ffffff52}.tutorial-title-row{display:flex;align-items:center;gap:8px;width:100%}.tutorial-title{flex:1}.tutorial-body{display:flex;flex-direction:column;gap:6px}.tutorial-body.with-action{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px}.tutorial-copy{display:flex;flex-direction:column;gap:6px;flex:1}.tutorial-text{margin:0;line-height:1.4}.tutorial-instruction{margin:0;color:#58c1ffd9;line-height:1.4}.tutorial-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px}.tutorial-footer .button-primary{background:#0082cee6;box-shadow:0 0 10px #0082ce59;padding:6px 14px;font-size:16px}.tutorial-note{font-size:14px;color:#f2f2f2b3}.tutorial-progress{position:absolute;left:0;right:0;bottom:-2px;height:8px;background:#ffffff14}.tutorial-progress-fill{height:100%;background:linear-gradient(90deg,#0082cecc,#0396a6e6);transition:width .2s ease}.outline-pulse{outline-width:2px;outline-offset:0;outline-color:#0082cebf;outline-style:solid;animation:animateOutline 1s ease infinite}@keyframes animateOutline{0%{outline-width:2px;outline-offset:0;outline-color:#0082ce00}50%{outline-color:#0082cebf}to{outline-width:7px;outline-offset:14px;outline-color:#6660}}.start-cover{position:absolute;top:80px;left:99px;width:600px;height:608px;border-radius:3px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0c101699;z-index:2}.start-cover img{width:100%;height:100%;object-fit:cover}.start-lore-shell{position:absolute;top:0;right:0;bottom:0;left:0;padding:26px 32px;display:flex;align-items:flex-end;pointer-events:auto;overflow:hidden}.start-lore-content{--start-lore-duration: 96s;position:relative;z-index:1;pointer-events:auto;display:flex;flex-direction:column;gap:12px;max-width:520px;color:#f7f0d2;text-shadow:0 2px 8px rgba(0,0,0,.65);padding:8px 10px;transform:translateY(105%);animation:startLoreScroll var(--start-lore-duration) linear forwards;animation-play-state:paused}.start-lore-content.scrolling{animation-play-state:running}.start-lore-content.paused{animation-play-state:paused}.start-lore-content p{margin:0;font-size:17px;line-height:1.65;white-space:pre-wrap}.start-lore-content p:first-child{font-weight:700;letter-spacing:.02em}.start-lore-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#080a0e8c,#080a0e2e,#080a0e14 52%,#080a0e66);pointer-events:none}@keyframes startLoreScroll{0%{transform:translateY(105%)}to{transform:translateY(-115%)}}.start-panel-stack{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.start-header h1{margin:0}.start-header p{margin:4px 0 0}.start-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.start-medal{margin-right:6px;font-size:18px}.settings-card,.scoreboard-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px}.settings-row{display:flex;flex-wrap:wrap;gap:12px}.settings-label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#f2f2f2cc}.scoreboard-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.scoreboard-actions{display:flex;gap:8px}.scoreboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.scoreboard-row{border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px 10px;background:#0c1016a6}.scoreboard-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.score-pill{padding:2px 8px;border-radius:999px;font-weight:700;font-size:12px}.audio-controls{position:absolute;top:50%;left:1287px;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;padding:12px;width:69px;z-index:12}.audio-buttons{display:flex;flex-direction:column;align-items:center;gap:8px}.audio-button{width:46px;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0006;color:#f2f2f2;font-size:18px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.audio-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000059;background:#0000008c}.audio-button.active{border-color:#0396a6a6;box-shadow:0 0 10px #0396a659}.audio-button.flash-hint{animation:flash-play .4s ease-in-out 4 alternate}@keyframes flash-play{0%{box-shadow:0 0 #d9701440;background:#0006;border-color:#d9701459}to{box-shadow:0 0 12px #d97014a6;background:#d970144d;border-color:#d97014d9}}.audio-volume{display:flex;flex-direction:column;align-items:center;gap:6px}.audio-volume-slider{width:100%;accent-color:#d97014}.audio-volume-readout{font-size:12px;color:#f2f2f2d9}.score-pill.win{background:#10b98133;color:#22c55e}.score-pill.loss{background:#d96d5533;color:#e86f58}.score-mode,.score-wave{font-size:14px;color:#f2f2f2cc}.scoreboard-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:12px;color:#f2f2f2b3}.scoreboard-empty{margin:8px 0 0;color:#f2f2f2b3}@media (max-width: 1024px){.board-region{flex-direction:column;align-items:center;padding:16px}.side-panel{width:100%;max-width:360px}.action-area{flex-direction:column;align-items:center;padding:24px;gap:16px}}@font-face{font-family:MorrisRoman;src:url(./MorrisRomanBlack-B7iQ8EGB.otf) format("opentype");font-display:swap}@font-face{font-family:MorrisRoman;src:url(./MorrisRomanBlackAlt-D3Rdt484.otf) format("opentype");font-weight:700;font-display:swap}:root{font-family:MorrisRoman,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f2f2f2;background-color:#141820;--board-width: 542px;--board-height: 542px;--board-bg-size: 542px;--board-padding: 0px;--board-cell-size: 108.4px;--incoming-height: 62px;--incoming-width: 592px;--incoming-bg-size: 592px}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background-color:#0f1015}button{font:inherit;border:none;cursor:pointer}#root{min-height:100vh;width:100%;display:flex;justify-content:center}