.theme-1{--accent:#7dd3fc;--accent-2:#93c5fd;--accent-3:#a7f3d0}.theme-2{--accent:#67e8f9;--accent-2:#a7f3d0;--accent-3:#fde68a}.theme-3{--accent:#a7f3d0;--accent-2:#fde68a;--accent-3:#fb923c}.theme-4{--accent:#fbbf24;--accent-2:#fb7185;--accent-3:#c084fc}
.game-theme-1{--bg-a:#04111f;--bg-b:#0b2942;--bg-c:#172554}.game-theme-2{--bg-a:#06181f;--bg-b:#0f3b45;--bg-c:#064e3b}.game-theme-3{--bg-a:#071b16;--bg-b:#1f3b1f;--bg-c:#713f12}.game-theme-4{--bg-a:#1f1304;--bg-b:#4a2208;--bg-c:#581c87}
.triangle-board{position:relative;width:min(880px,92vw);aspect-ratio:1/.74}.triangle-outline{position:absolute;inset:4% 5% 3%;clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(135deg,rgba(125,211,252,.38),rgba(192,132,252,.22)),repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 1px,transparent 1px 18px);opacity:.58}.triangle-outline:after{content:"";position:absolute;inset:13px;clip-path:polygon(50% 0%,0% 100%,100% 100%);background:rgba(7,15,31,.90)}.triangle-board .cell{width:clamp(74px,9vw,126px);height:clamp(74px,9vw,126px)}.triangle-board .cell[data-index="0"]{left:50%;top:0;transform:translateX(-50%)}.triangle-board .cell[data-index="1"]{left:24%;top:42%;transform:translateX(-50%)}.triangle-board .cell[data-index="2"]{left:76%;top:42%;transform:translateX(-50%)}.triangle-board .cell[data-index="3"]{left:9%;top:74%;transform:translateX(-50%)}.triangle-board .cell[data-index="4"]{left:50%;top:74%;transform:translateX(-50%)}.triangle-board .cell[data-index="5"]{left:91%;top:74%;transform:translateX(-50%)}@media(max-width:720px){.triangle-board{width:min(96vw,520px)}}