:root{--btn-size: 100px;--btn-radius: 6px;--steel-900: #17191b;--steel-800: #23262a;--steel-700: #343940;--steel-600: #505862;--steel-500: #69737d;--steel-300: #b6bec8;--steel-100: #eef2f5;--border: #5b636d;--border-hover: #aeb7c1;--border-focus: #edf2f8;--transition: .18s cubic-bezier(.22,.61,.36,1)}.piece-button{width:var(--btn-size);aspect-ratio:1;padding:0;cursor:pointer;outline:none;overflow:hidden;border:2px solid var(--border);border-radius:var(--btn-radius);background-color:var(--steel-700);background-repeat:no-repeat;background-position:center;background-size:80%;box-shadow:0 0 0 1px #0f1012,inset 0 1px #ffffff29,inset 0 -2px #0000008c,inset 2px 2px 3px #ffffff0a,inset -2px -2px 3px #00000059,0 3px 8px #00000059;transition:border-color var(--transition),box-shadow var(--transition),transform .12s,filter var(--transition)}.piece-button:hover{border-color:var(--border-hover);transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 0 0 1px #101214,inset 0 1px #ffffff38,inset 0 -2px #0000008c,inset 2px 2px 3px #ffffff14,inset -2px -2px 3px #00000059,0 5px 12px #00000073}.piece-button:active{transform:translateY(1px);box-shadow:inset 0 3px 6px #0009,inset 0 -1px #ffffff14}.piece-button.focused{border-color:var(--border-focus);box-shadow:0 0 0 1px #f5f8fb,inset 0 1px #ffffff59,inset 0 -2px #0000008c,inset 2px 2px #ffffff38,inset -2px -2px #00000047,0 4px 10px #00000073}.piece-button:focus,.piece-button:focus-visible{outline:none}.player-hand-container{width:100%;height:100%;padding:5px 5px 20px;display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.bottom-panel{display:grid;gap:12px;position:absolute;left:0;bottom:0;width:100%;grid-template-columns:minmax(64px,150px) 1fr minmax(64px,150px);grid-template-areas:"left center right";align-items:center}.bottom-panel-left{grid-area:left}.bottom-panel-center{grid-area:center}.bottom-panel-right{grid-area:right}@media(max-width:768px){.bottom-panel{grid-template-columns:1fr 1fr;grid-template-areas:"center center" "left right"}}@font-face{font-family:EagleLake;src:url("./assets/GFFFIBVK.ttf") format("truetype");font-weight:400;font-style:normal}html,body{font-family:EagleLake,sans-serif;margin:0;padding:0;overflow:hidden;width:100%;height:100%;position:relative}*{font-family:inherit}canvas{display:block;width:100vw;height:100vh;touch-action:none}#root{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none}#root>*{pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}#debug{position:absolute;top:0;left:0}#game_header_container{position:absolute;right:0;top:0}#menu_container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:1.5rem;width:360px;padding:2rem;background:#3d3d3d;border-radius:16px;box-shadow:0 15px 40px #00000026;text-align:center}#menu_container>button,#menu_container input[type=submit]{padding:.9rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:.2s}#menu_container>button{background:#2654eb;color:#fff}#menu_container>button:hover{background:#2654ebe6}#menu_container form:before{content:"";display:block;width:100%;height:1px;background:#e5e7eb;margin-bottom:.5rem}#menu_container form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}#menu_container input[type=text]{flex:1;min-width:0;padding:.9rem;border:none;background:#ebc726;border-radius:10px;font-size:1rem;text-align:center;letter-spacing:.3em;text-transform:uppercase}#menu_container input[type=text]:focus{outline:none;border-color:#4f46e5}#menu_container input[type=submit]{padding:.9rem 1.2rem;white-space:nowrap;background:#ebc726}#menu_container input[type=submit]:hover{background:#ebc726e6}