.game{user-select:none}.game .game__info{user-select:none;color:#15202b}.game__container{display:flex;justify-content:center;width:100%}.game__content{position:relative;background:#fff;border:1px solid}.board{width:600px;margin:0 auto;position:relative;padding-top:24px;padding-bottom:22px}.board__stage{position:relative;width:100%;height:264px;display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}.base{position:absolute;left:0;right:0;bottom:0;height:14px;border-radius:10px;background:linear-gradient(180deg, rgba(11,18,38,0.7), rgba(11,18,38,0.4));border:1px solid rgba(148,163,184,0.25);box-shadow:0 12px 30px -18px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.06)}.peg{position:relative;display:flex;pointer-events:none;justify-content:center;cursor:pointer;user-select:none}.peg.can-selected{pointer-events:auto}.peg.can-selected:hover .rod{box-shadow:0 0 0 3px rgba(34,197,94,0.15)}.peg__stack{position:relative;width:100%;height:100%;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:2px}.rod{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);width:6px;height:250px;background:linear-gradient(180deg, rgba(148,163,184,0.85), rgba(148,163,184,0.5));border-radius:999px;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2)}.disk{height:24px;border-radius:6px;background:#9aa5b1;box-shadow:0 6px 14px -8px rgba(0,0,0,0.35),inset 0 -2px 0 rgba(255,255,255,0.08);border:1px solid rgba(0,0,0,0.12);position:relative;transition:transform .18s ease, box-shadow .18s ease}.disk::after{content:"";position:absolute;left:8px;right:8px;top:6px;height:2px;background:rgba(255,255,255,0.12);border-radius:1px}.disk[data-size="1"]{width:96px}.disk[data-size="2"]{width:152px}.disk[data-size="3"]{width:208px}.disk[data-size="4"]{width:264px}.disk[data-size="5"]{width:320px}.disk[data-size="6"]{width:376px}.disk[data-size="7"]{width:432px}.disk[data-size="8"]{width:488px}.disk[data-size="9"]{width:544px}.disk[data-size="10"]{width:600px}.peg.is-selected .peg__stack>.disk:last-child{transform:translateY(-30px);box-shadow:0 10px 24px -14px rgba(34,197,94,0.45),inset 0 -2px 0 rgba(255,255,255,0.1);will-change:transform}.board.is-won .peg:nth-child(3) .rod{box-shadow:0 0 0 3px rgba(34,197,94,0.25),0 0 24px -6px rgba(34,197,94,0.35)}.hud{display:flex;justify-content:center;gap:18px;margin:10px 0 16px;color:#94a3b8;font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.hud .hud__item b{color:#e5e7eb}@media (max-width: 480px){.board{width:300px;padding-top:20px;padding-bottom:20px}.board__stage{height:220px;gap:12px}.base{height:12px}.rod{width:5px;height:208px;bottom:12px}.disk{height:20px;border-radius:5px}.disk::after{top:5px}.disk[data-size="1"]{width:84px}.disk[data-size="2"]{width:108px}.disk[data-size="3"]{width:132px}.disk[data-size="4"]{width:156px}.disk[data-size="5"]{width:180px}.disk[data-size="6"]{width:204px}.disk[data-size="7"]{width:228px}.disk[data-size="8"]{width:252px}.disk[data-size="9"]{width:276px}.disk[data-size="10"]{width:300px}.peg.is-selected .peg__stack>.disk:last-child{transform:translateY(-20px)}}


/*# sourceMappingURL=towerofhanoi.css.28fe06d3d110.map */