@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Press+Start+2P&display=swap";:root{--ink:#143c32;--paper:#fff6b9;--line:#174c3a;--yellow:#f6d85a;--green:#16835d;--green2:#0d6048;--red:#ec5a49;--blue:#268aea;--purple:#8556df}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:DM Mono,monospace;color:var(--ink);background:#f6d85a;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}.menu-screen,.match-screen{min-height:100svh;height:100svh;display:grid;place-items:center;background:linear-gradient(#fff7c2b5,#f4cd57b5),url(/cc-lemon/images/lemon-table-room.png) center/cover}.menu-card{width:min(490px,calc(100vw - 32px));padding:clamp(28px,6vh,60px);text-align:center;background:#fff7c7e8;border:3px solid var(--ink);box-shadow:9px 9px #143c3266}.brand{display:flex;justify-content:center;align-items:center;gap:14px;font-family:"Press Start 2P";font-size:clamp(1.5rem,4vw,2.6rem);line-height:1;color:var(--green2)}.brand img{width:50px;height:50px}.menu-card p{font-size:1.2rem;letter-spacing:.1em}.menu-card nav{display:grid;gap:10px;margin:32px 0}.menu-card nav button{min-height:58px;border:3px solid var(--ink);background:#fff8d4;color:var(--ink);font-family:"Press Start 2P";font-size:.75rem;box-shadow:4px 4px 0 var(--ink)}.menu-card nav button:first-child{background:var(--green2);color:#fff}.menu-card nav button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.menu-card small{font-size:.65rem;letter-spacing:.08em}.match-screen{grid-template-rows:auto 1fr;background:linear-gradient(#fff4a76e,#f6d85a90),url(/cc-lemon/images/lemon-table-room.png) center/cover;padding:clamp(10px,2vw,22px)}.match-screen>header{width:min(1080px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;color:#fff8cf;text-shadow:2px 2px #143c32;font-family:"Press Start 2P";font-size:clamp(.56rem,1.3vw,.85rem);padding:8px}.match-screen>header button{background:transparent;border:0;color:inherit;font-family:inherit;font-size:inherit}.game-shell{width:min(1080px,100%);height:min(780px,calc(100svh - 72px));display:grid;grid-template-columns:1fr minmax(230px,290px);grid-template-rows:1fr auto auto;gap:10px}.table-stage{position:relative;min-height:0;overflow:hidden;border:4px solid var(--line);background:linear-gradient(#0d7a58dd,#126e50ed);box-shadow:7px 7px #143c3266}.table-stage:before{content:"";position:absolute;inset:45% 0 auto;height:5px;background:#fef0a3;border-block:2px solid var(--line)}.player{position:absolute;left:5%;right:5%;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#fff9cc}.player.left{top:5%}.player.right{bottom:5%;flex-direction:row-reverse}.player div{display:grid;gap:4px}.player em{font-size:.72rem;font-style:normal;color:#ffef81}.player>strong{font-size:clamp(1.2rem,2.4vw,2rem);text-shadow:2px 2px #143c32}.player small{position:absolute;top:100%;font-size:.65rem}.player.right small{right:0}.table-center{position:absolute;left:50%;top:50%;z-index:3;width:min(74%,430px);transform:translate(-50%,-50%);text-align:center}.table-center b{display:inline-block;background:var(--yellow);padding:6px 10px;border:2px solid var(--line);font-family:"Press Start 2P";font-size:.55rem}.table-center p{margin:9px 0;background:#fff8dce6;border:2px solid var(--line);padding:8px;font-size:clamp(.75rem,1.5vw,1rem);line-height:1.35}.match-meta{grid-row:1/4;grid-column:2;display:grid;grid-template-rows:auto 1fr;gap:10px;min-height:0}.hint,.connected,.pairing,.log{border:3px solid var(--line);background:#fff8dce8;padding:12px}.hint,.connected{font-family:"Press Start 2P";font-size:.55rem;line-height:1.6}.connected{background:#c3f08c}.pairing{display:grid;gap:8px;font-size:.75rem}.pairing textarea{width:100%;height:68px;resize:none;border:2px solid var(--line);background:#fffde9;padding:6px}.pairing button{border:2px solid var(--line);padding:8px;background:var(--blue);color:#fff;font-family:"Press Start 2P";font-size:.58rem}.log{font-size:.72rem;line-height:1.35;overflow:hidden;display:grid;align-content:start;gap:7px}.log span{border-bottom:1px solid #143c3244;padding-bottom:5px}.action-bar{grid-column:1;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.action{min-height:82px;border:3px solid var(--line);display:grid;place-content:center;gap:5px;color:#fff;box-shadow:4px 4px #143c3266}.action b{font-family:"Press Start 2P";font-size:clamp(.43rem,1vw,.62rem)}.action span{font-size:1rem}.action small{font-size:.58rem}.action.charge{background:#e4b622;color:#143c32}.action.barrier{background:var(--blue)}.action.wave{background:var(--green)}.action.mirror{background:var(--purple)}.action.bomb{background:var(--red)}.action:not(:disabled):hover{transform:translateY(-3px)}footer{grid-column:1;display:flex;justify-content:space-between;align-items:center;font-size:.7rem}footer button{border:2px solid var(--line);background:#fff8d4;padding:6px 12px}input[type=range]{accent-color:var(--green2);vertical-align:middle}.modal{width:min(470px,calc(100vw - 32px));border:4px solid var(--line);background:#fff8d8;padding:24px;box-shadow:8px 8px #143c3299}.modal::backdrop{background:#143c3288}.modal h2{font-family:"Press Start 2P";font-size:.9rem}.modal p{display:grid;gap:4px;border-top:1px solid #143c3255;padding-top:8px}.modal p b{font-family:"Press Start 2P";font-size:.6rem}.modal .close{float:right;border:0;background:transparent;font-size:1.4rem}@media(max-width:700px){.match-screen{padding:6px}.game-shell{height:calc(100svh - 50px);grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto}.match-meta{grid-column:1;grid-row:2;display:block}.pairing,.log{display:none}.hint,.connected{padding:7px;text-align:center}.action-bar{grid-row:3}.action{min-height:58px;padding:3px}.action b{font-size:.4rem}.action span{font-size:.85rem}.player{font-size:.72rem}.player>strong{font-size:1.05rem}.table-center{width:80%}.table-center p{font-size:.7rem}.match-screen>header{font-size:.5rem}.menu-card{padding:28px 20px}}