.hanoi-page{max-width:1040px}.hanoi-page .gameheader{align-items:end}.hanoi-page .scorebox{display:none}.hanoi-tagline{font-size:19px;margin-bottom:6px}.h302-play-card{padding:16px;overflow:visible}.h302-size-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}.h302-row-label{font-weight:950;margin-right:2px}.h302-current-mode{border-radius:999px;padding:6px 9px;background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:12px;font-weight:900;color:var(--accent)}.h302-size-row>a,.h302-modes>summary{min-width:40px;text-align:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px;text-decoration:none;font-weight:900;background:var(--panel);cursor:pointer}.h302-size-row>a.active{background:var(--accent);color:#fff;border-color:var(--accent)}.h302-modes{position:relative}.h302-modes>summary{list-style:none;min-width:auto}.h302-modes>summary::-webkit-details-marker{display:none}.h302-modes>div{position:absolute;z-index:20;top:calc(100% + 6px);right:0;width:230px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 12px 32px #0002}.h302-modes a{display:block;padding:9px 10px;border-radius:8px;text-decoration:none;font-weight:800}.h302-modes a:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)}.h302-scorebar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}.h302-scorebar>div,.h302-exact-grid>div{border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:var(--panel)}.h302-scorebar small,.h302-exact-grid small{display:block;color:var(--muted);font-size:11px;font-weight:850}.h302-scorebar strong,.h302-exact-grid strong{display:block;font-size:18px;margin-top:2px}.h302-board-wrap{position:relative}.h302-play-card .hanoi-board{min-height:390px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--panel)),var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent)}.h302-play-card .hanoi-peg{height:355px}.hanoi-peg.is-legal{background:color-mix(in srgb,var(--good) 7%,transparent)}.hanoi-peg.is-legal::after{background:color-mix(in srgb,var(--good) 60%,var(--line))}.hanoi-peg.is-hint-source{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 78%,white)}.hanoi-peg.is-hint-target{background:color-mix(in srgb,var(--good) 17%,transparent);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--good) 72%,white)}.hanoi-peg.is-hint-source .hanoi-disk:first-of-type{filter:brightness(1.08)}.h302-primary-actions,.h302-secondary-actions,.h302-win-actions{display:flex;gap:8px;flex-wrap:wrap}.h302-primary-actions{margin-top:12px}.h302-primary-actions .btn:first-child{min-width:90px}.h302-status{margin:10px 0 4px}.h302-help{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px}.h302-more-controls{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.h302-more-controls>summary,.h302-advanced>summary{cursor:pointer;font-weight:900;color:var(--text)}.h302-secondary-actions{margin:10px 0}.h302-exact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.h302-rule{margin:8px 0}.h302-win{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(4px);border-radius:18px}.h302-win[hidden]{display:none}.h302-win-card{width:min(520px,100%);border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--panel);box-shadow:0 18px 50px #0003}.h302-win-card>small{font-weight:950;color:var(--good)}.h302-win-card>strong{display:block;font-size:26px;margin:4px 0}.h302-win-card p{color:var(--muted)}.h302-advanced{margin-top:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.h302-advanced>summary{padding:14px 16px}.h302-advanced[open]>summary{border-bottom:1px solid var(--line)}.h302-advanced-body{padding:0 14px 14px}.h302-advanced-body>.card{margin:12px 0;padding:14px;background:var(--bg)}.h302-learn .hanoi-guide{margin-top:12px}.h302-learn .hanoi-guide>div{background:var(--bg)}
@media(max-width:760px){.h302-scorebar{grid-template-columns:repeat(3,1fr)}.h302-play-card .hanoi-board{min-height:335px}.h302-play-card .hanoi-peg{height:305px}.h302-exact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hanoi-page .gameheader{margin-bottom:10px}.hanoi-page .gameheader p:not(.hanoi-tagline){font-size:14px}.h302-play-card{padding:10px}.h302-size-row{gap:5px}.h302-size-row>a{min-width:36px;padding:7px 8px}.h302-modes{margin-left:auto}.h302-scorebar{gap:5px}.h302-scorebar>div{padding:7px 8px}.h302-scorebar strong{font-size:16px}.h302-play-card .hanoi-board{min-height:300px;padding-inline:0}.h302-play-card .hanoi-peg{height:272px;padding-inline:0}.h302-play-card .hanoi-disk{height:26px;min-height:26px}.h302-primary-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.h302-primary-actions .btn{padding:9px 4px;font-size:12px;min-width:0}.h302-help{font-size:12px}.h302-secondary-actions .btn{padding:8px 9px}.h302-win{padding:10px}.h302-win-card{padding:16px}.h302-win-actions{display:grid;grid-template-columns:1fr 1fr}.h302-advanced-body{padding:0 8px 8px}}