:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:JLR Bizzy Beez;src:url(/Hive-abstract-game/fonts/jlr-bizzy-beez.ttf) format("truetype");font-weight:400;font-style:cursive}.bee-text{font-family:JLR Bizzy Beez,sans-serif}h1{color:#ffe066;font-size:3rem}a{font-weight:500;color:khaki;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0 0 50px;display:flex;flex-direction:column;min-width:320px;min-height:100vh;background-color:#000000fd;font-family:Poppins,sans-serif}.board{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:50px}#game-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px}.piece-bank{display:flex;flex-direction:column;gap:10px;align-items:center}.piece-bank-label{font-weight:700;margin-bottom:5px;color:inherit}.piece-bank img,.hex-cell img{width:50px;height:50px;-webkit-user-select:none;user-select:none;pointer-events:none}.hex-cell:hover{background-color:#e0d678}#app{max-width:1280px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center}.board{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:20px}.hex-row{display:flex;gap:5px}.hex-row:nth-child(2n){margin-left:30px}.hex-cell{width:60px;height:60px;background-color:#e7e7e7;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0% 50%);display:flex;align-items:center;justify-content:center;border:1px solid #aaa}#hive-canvas{display:block;margin:0 auto 50px}.center-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:50px;margin-bottom:20px}#game-status{color:#ffe066;min-height:1.5em;text-align:center;font-size:1.2em;font-weight:800}#popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0d031bd9;display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background:#1a0f2b;color:#ffe066;padding:25px 35px;border-radius:16px;box-shadow:0 6px 16px #0009;text-align:center;position:relative;min-width:280px;animation:popIn .25s ease}.popup h2{margin:0;font-size:1.6rem;font-weight:700;font-family:Poppins,sans-serif}#close-popup{position:absolute;top:10px;right:14px;font-size:28px;font-weight:700;color:#ffe066;cursor:pointer;transition:color .2s}#close-popup:hover{color:#fff}button{margin-left:40px;background-color:#ffe066}.rules{position:absolute;top:20px;right:20px;z-index:1000}.rules button{background:transparent;border:2px solid #ffe066;color:#ffe066;padding:6px 14px;border-radius:20px;font-family:inherit;font-size:14px;cursor:pointer;transition:all .2s ease-in-out}.rules button:hover{background:#ffe066;color:#000}#close-rules{position:absolute;top:10px;right:14px;font-size:28px;font-weight:700;color:#ffe066;cursor:pointer;transition:color .2s}#close-rules,#close-rules:hover{color:#fff}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.hidden{display:none}.popup-content{position:relative;box-shadow:0 6px 16px #0009;padding:30px 20px;max-width:700px;text-align:center;border:1px solid#ffe066}.popup-close{position:absolute;top:10px;right:15px;font-size:28px;color:#ffe066;cursor:pointer;transition:color .2s ease}.popup-close:hover{color:#fff}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0d031bd9;display:flex;justify-content:center;align-items:center;z-index:2000}.hidden{display:none!important}.popup,.popup-content{background:#32313d80;padding:25px 35px;border-radius:16px;box-shadow:0 6px 16px #0009;text-align:center;position:relative;min-width:280px;animation:popIn .25s ease;font-family:sans-serif}.popup h2,.popup-content h2{margin:0 0 15px;font-size:1.6rem;font-weight:700;color:#ffe066;font-family:Poppins,sans-serif}#close-popup,#close-rules,.popup-close{position:absolute;top:10px;right:14px;font-size:28px;font-weight:700;color:#ffe066;cursor:pointer;transition:color .2s}#close-popup:hover,#close-rules:hover,.popup-close:hover{color:#fff}.rules-list{text-align:left;max-height:60vh;overflow-y:auto;padding-right:10px;color:#ffe066;font-family:Poppins,sans-serif}.popup-content::-webkit-scrollbar{width:4px;background:transparent}.popup-content::-webkit-scrollbar-thumb{background:#ffe066;border-radius:4px}.popup-content::-webkit-scrollbar-track{background:#32313d33;border-radius:4px}.popup-content{scrollbar-width:thin;scrollbar-color:#ffe066 rgba(50,49,61,.2)}footer{text-align:center;padding:10px;position:fixed;bottom:0;width:100%;background:#000;font-size:.9em}footer .project-note{color:#aaa;font-style:italic}footer .author-link{color:#ffe066;font-weight:700;text-decoration:none}footer .author-link:hover{text-decoration:underline}