*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1{color:#333}.go-board-container{flex-direction:column;align-items:center;gap:20px;margin:20px;font-family:system-ui,-apple-system,sans-serif;display:flex}.go-board-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#a3723a;background-image:url(https://www.transparenttextures.com/patterns/wood-pattern.png),linear-gradient(to bottom right,#b58349,#7a4f21);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:4px;box-shadow:8px 8px 15px #0006,inset 2px 2px 5px #ffffff4d,inset -2px -2px 5px #0003}.go-board-stats{color:#4a3b2c;justify-content:space-between;margin-bottom:-10px;padding:0 10px;font-size:1.1rem;font-weight:700;display:flex}.go-board-controls,.go-board-save{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.go-board-controls p{color:#4a3b2c;background:#fff9;border-radius:20px;margin:0;padding:8px 16px;font-size:1.2rem;font-weight:700;box-shadow:inset 0 1px 3px #0000001a}.go-board-btn{cursor:pointer;color:#333;background:#fdfdfd;border:none;border-radius:24px;padding:10px 20px;font-size:1rem;font-weight:600;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a,inset 0 -2px 4px #0000000d,inset 0 2px 4px #fffc}.go-board-btn:before{content:"";pointer-events:none;border:1px solid #0000001a;border-radius:24px;position:absolute;inset:0}.go-board-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 10px #00000026,inset 0 -2px 4px #0000000d,inset 0 2px 4px #fffc}.go-board-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 4px #0000001a,inset 0 2px 4px #0000001a}.go-board-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;color:#999;background:#eaeaea;transform:none}.go-board-btn.primary{color:#fff;background:#2c2c2c;box-shadow:0 4px 6px #0003,inset 0 -2px 4px #0000004d,inset 0 2px 4px #ffffff1a}.go-board-btn.primary:before{border:1px solid #ffffff1a}.go-board-btn.primary:hover:not(:disabled){background:#1a1a1a;box-shadow:0 6px 10px #00000040,inset 0 -2px 4px #0000004d,inset 0 2px 4px #ffffff1a}.go-board-btn.primary:disabled{color:#aaa;box-shadow:none;background:#555}.go-board-btn.active{color:#fff;background:#d32f2f;border-color:#b71c1c}.go-board-input{color:#333;background:#fff;border:2px solid #ddd;border-radius:20px;outline:none;width:200px;padding:10px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 4px #0000000d}.go-board-input:focus{border-color:#a3723a;box-shadow:0 0 0 3px #a3723a33,inset 0 2px 4px #0000000d}.go-board-warning{color:#d32f2f;background:#ffebee;border-radius:20px;padding:8px 16px;font-weight:600;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake;box-shadow:0 2px 4px #0000001a}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.game-list-container{background:#fdfaf6;border:1px solid #a3723a1a;border-radius:16px;width:100%;max-width:600px;margin-top:30px;padding:24px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 10px 25px #0000000d,0 4px 10px #0000000d}.game-list-header{border-bottom:2px solid #a3723a26;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.game-list-header h3{color:#4a3b2c;letter-spacing:.5px;margin:0;font-size:1.4rem;font-weight:700}.game-list-ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.game-list-li{background:#fff;border:1px solid #00000008;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.game-list-li:hover{border-color:#a3723a33;transform:translate(4px);box-shadow:4px 4px 12px #0000000d}.game-title{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1.05rem;font-weight:500;overflow:hidden}.game-list-actions{gap:8px;display:flex}.btn-premium{cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.btn-white{color:#333;background:#fdfdfd;border:1px solid #0000000d;box-shadow:0 4px 6px #0000001a,inset 0 -2px 4px #0000000d,inset 0 2px 4px #fffc}.btn-white:hover{transform:translateY(-2px);box-shadow:0 6px 10px #00000026,inset 0 -2px 4px #0000000d,inset 0 2px 4px #fffc}.btn-black{color:#fff;background:#2c2c2c;box-shadow:0 4px 6px #0003,inset 0 -2px 4px #0000004d,inset 0 2px 4px #ffffff1a}.btn-black:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 10px #00000040,inset 0 -2px 4px #0000004d,inset 0 2px 4px #ffffff1a}.btn-black:active{transform:translateY(1px)}.btn-accent{color:#fff;background:#a3723a linear-gradient(135deg,#b58349 0%,#a3723a 100%);box-shadow:0 4px 6px #a3723a33,inset 0 -2px 4px #0003}.btn-accent:hover{background:#8e6231;transform:translateY(-2px);box-shadow:0 6px 12px #a3723a4d}.game-edit-container{flex:1;gap:8px;margin-right:12px;display:flex}.game-edit-input{border:2px solid #a3723a33;border-radius:10px;outline:none;flex:1;padding:8px 12px;font-size:.95rem;transition:all .2s}.game-edit-input:focus{border-color:#a3723a;box-shadow:0 0 0 3px #a3723a1a}.empty-state{text-align:center;color:#8c7e6d;padding:40px 20px;font-style:italic}.loading-state{text-align:center;color:#a3723a;justify-content:center;align-items:center;gap:10px;padding:20px;font-weight:600;display:flex}.loading-spinner{border:3px solid #a3723a33;border-top-color:#a3723a;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}