:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff4df;background:#0b0704}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden;background:radial-gradient(circle at 20% 0,#714516 0,#1a1108 45%,#050302 100%)}button,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;padding:14px;display:flex;flex-direction:column;gap:12px}.top{width:min(1220px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.brand h1{margin:0;font-size:clamp(28px,5.5vw,66px);letter-spacing:-.075em;line-height:.9}.brand p{margin:5px 0 0;color:#d8c09a;font-weight:800}.bar{display:flex;gap:8px;flex-wrap:wrap}.btn,.sel{border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;padding:10px 13px;font-weight:950}.btn:hover{background:rgba(255,255,255,.13)}.primary{border:0;background:linear-gradient(135deg,#ffe08a,#c98c2f);color:#251303}.main{width:min(1220px,100%);margin:0 auto}.menu{display:grid;grid-template-columns:1.45fr .55fr;gap:14px}.panel{border:1px solid rgba(255,255,255,.15);border-radius:28px;background:rgba(18,12,7,.78);box-shadow:0 24px 80px rgba(0,0,0,.36);backdrop-filter:blur(12px);padding:16px}.games{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.card{position:relative;overflow:hidden;min-height:132px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));color:#fff;text-align:left;padding:14px;transition:transform .16s ease,background .16s ease}.card:hover{transform:translateY(-2px)}.card:before{content:'';position:absolute;inset:auto -25px -35px auto;width:120px;height:120px;border-radius:50%;background:rgba(255,224,130,.11)}.card.active{outline:3px solid rgba(255,224,130,.82);background:linear-gradient(145deg,rgba(255,224,130,.18),rgba(255,255,255,.045))}.card b{display:block;font-size:18px}.card i{display:block;margin-top:8px;color:#d8c7a5;font-style:normal;font-size:12px;line-height:1.45}.card em{display:inline-block;margin-top:9px;border-radius:999px;background:rgba(0,0,0,.22);padding:4px 8px;color:#ffe7a3;font-style:normal;font-size:11px;font-weight:1000}.field{display:grid;gap:6px;margin:12px 0}.field label{font-size:12px;color:#d9c69f;font-weight:950}.sel{width:100%;background:#24170b}.hint{color:#d7c8ae;font-size:13px;line-height:1.55}.subtle{color:#a99672;font-size:12px;line-height:1.5}.arena{display:none;grid-template-columns:minmax(320px,1fr) 350px;gap:14px;align-items:start}.boardwrap{position:relative;min-height:72vh;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));padding:14px;overflow:hidden}.boardwrap:before{content:'';position:absolute;inset:12px;border-radius:22px;border:1px solid rgba(255,224,130,.08);pointer-events:none}.board-shell{position:relative;width:min(72vh,calc(100vw - 450px),780px);aspect-ratio:1/1;display:grid;place-items:center;flex:0 0 auto}.board{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--n),1fr);background:#c79245;border:4px solid #3b230d;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 35px rgba(70,37,9,.45),0 18px 60px rgba(0,0,0,.32);touch-action:none}.board.goish{background:linear-gradient(135deg,#d69b4e,#b7772e)}.board.chessish{background:#d7b17a}.board.flickish{background:radial-gradient(circle at 50% 50%,#e0ad64,#9b5d24)}.board.flickish:before{content:'';position:absolute;inset:6%;border:2px dashed rgba(80,40,12,.25);border-radius:50%;pointer-events:none}.cell{position:relative;border:1px solid rgba(70,42,15,.42);display:grid;place-items:center;background:rgba(255,229,170,.08);color:#190f06;font-weight:1000;min-width:0;touch-action:none;user-select:none}.cell.dark{background:rgba(76,45,20,.56)}.cell.legal{box-shadow:inset 0 0 0 3px rgba(81,172,255,.92)}.cell.sel{box-shadow:inset 0 0 0 4px #fff}.cell.last{box-shadow:inset 0 0 0 4px rgba(255,224,130,.92)}.cell.legal:after{content:'';width:28%;height:28%;border-radius:50%;background:rgba(39,112,196,.55)}.coord{position:absolute;left:3px;top:2px;font-size:9px;color:rgba(45,25,10,.55);font-weight:900;pointer-events:none}.stone{width:72%;height:72%;border-radius:50%;display:grid;place-items:center;box-shadow:inset -6px -8px 11px rgba(0,0,0,.32),inset 4px 4px 9px rgba(255,255,255,.22),0 4px 10px rgba(0,0,0,.32);transition:transform .12s ease,opacity .12s ease}.stone.B{background:#15100b;color:#fff}.stone.W{background:#f7ead0;color:#17100a}.stone.K:before{content:'K';font-size:.78em;font-weight:1000}.piece{font-size:clamp(24px,4.2vw,54px);line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.22)}.side{display:grid;gap:10px}.status{font-size:21px;font-weight:1000;color:#ffe7a3}.mini{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat{border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.06);padding:10px}.stat b{display:block;color:#cdbd9d;font-size:12px}.stat span{font-size:17px;font-weight:1000}.turn-card{border:1px solid rgba(255,224,130,.18);border-radius:18px;background:linear-gradient(135deg,rgba(255,224,130,.14),rgba(255,255,255,.04));padding:11px;color:#ffe7a3;font-weight:950}.log{height:190px;overflow:auto;border-radius:16px;background:rgba(0,0,0,.21);padding:10px;color:#d8c7a5;font-size:12px;line-height:1.45}.aim{position:absolute;left:0;top:0;height:5px;background:linear-gradient(90deg,#ffe082,#ff6b4a);border-radius:999px;transform-origin:0 50%;pointer-events:none;box-shadow:0 0 18px rgba(255,224,130,.6);display:none;z-index:12}.aim.show{display:block}.aimdot{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff2a8;box-shadow:0 0 18px rgba(255,224,130,.85);display:none;pointer-events:none;z-index:12}.aimdot.show{display:block}.fx-layer{position:absolute;inset:0;pointer-events:none;z-index:8}.fx-layer.physics{pointer-events:auto}.phys-stone{position:absolute;border:0;border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset -7px -9px 12px rgba(0,0,0,.34),inset 5px 5px 10px rgba(255,255,255,.24),0 12px 26px rgba(0,0,0,.42);pointer-events:auto;cursor:grab;touch-action:none;will-change:left,top}.phys-stone:active{cursor:grabbing;filter:brightness(1.12)}.phys-stone.B{background:#15100b}.phys-stone.W{background:#f7ead0}.hit-ring{position:absolute;width:26px;height:26px;border:3px solid rgba(255,238,170,.9);border-radius:50%;transform:translate(-50%,-50%);animation:ring .38s ease-out forwards;pointer-events:none}.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffe08a;box-shadow:0 0 10px rgba(255,224,130,.8);animation:spark .42s ease-out forwards;pointer-events:none}@keyframes ring{from{opacity:1;transform:translate(-50%,-50%) scale(.45)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@keyframes spark{from{opacity:1;transform:translate(0,0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@keyframes pulseTurn{0%{box-shadow:0 0 0 0 rgba(255,224,130,.28)}100%{box-shadow:0 0 0 14px rgba(255,224,130,0)}}.turn-card.pulse{animation:pulseTurn .65s ease-out}.mancala{width:min(920px,100%);display:grid;grid-template-columns:92px repeat(6,1fr) 92px;grid-template-rows:1fr 1fr;gap:10px;position:relative}.pit{min-height:96px;border-radius:28px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 50% 35%,rgba(255,224,130,.22),rgba(255,224,130,.08));color:#fff;font-weight:1000;display:grid;place-items:center}.pit.store{grid-row:1/3;background:rgba(255,224,130,.28);font-size:28px}.pit[data-legal=true]{outline:3px solid #60a5fa}.beads{font-size:12px;color:#ffe9a8;letter-spacing:-2px;line-height:1.1;text-align:center}.over{position:fixed;inset:0;display:none;place-items:center;padding:20px;background:rgba(5,3,1,.72);backdrop-filter:blur(9px);z-index:10}.result{width:min(540px,94vw);border:1px solid rgba(255,255,255,.16);border-radius:30px;background:#171008;text-align:center;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.5)}.result h2{font-size:40px;margin:0 0 8px}.result p{color:#d8c7a5}.show{display:grid}@media(max-width:1000px){.menu,.arena{grid-template-columns:1fr}.games{grid-template-columns:repeat(2,1fr)}.board-shell{width:min(94vw,70vh)}.boardwrap{min-height:auto}.side{grid-template-columns:1fr 1fr}.log{height:140px}}@media(max-width:650px){.app{padding:10px}.games{grid-template-columns:1fr}.panel,.boardwrap{border-radius:20px;padding:12px}.side{grid-template-columns:1fr}.board-shell{width:94vw}.mancala{grid-template-columns:58px repeat(6,1fr) 58px;gap:5px}.pit{min-height:62px;border-radius:17px;font-size:13px}.pit.store{font-size:22px}.btn,.sel{padding:9px 10px}.top{align-items:flex-start}.log{height:120px}}