.hn-game{--hn-line:#314846;--hn-gold:#e4c993;--hn-green:#b8dfc9}.hn-game .eyebrow{color:#9cbba9}.hn-game h1>span{color:#c9b888}.hn-game h1{font-size:clamp(29px,3vw,45px)}.hn-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.hn-play{border:1px solid var(--hn-line);border-radius:20px;overflow:hidden;background:#131f25}.hn-board-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 24px;background:linear-gradient(110deg,#253a37,#1a2b2e)}.hn-board-heading h2{font-family:'Space Grotesk',sans-serif;font-size:24px;margin-top:7px}.hn-badge{color:#bfceb8;border:1px solid #586c5f;border-radius:20px;padding:6px 10px;font-size:9px;letter-spacing:1.3px;white-space:nowrap}.hn-stage-wrap{background:radial-gradient(ellipse at 52% 44%,#304942 0%,#1c3234 45%,#13242b 85%)}.hn-scene-toolbar{padding:16px 23px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#b9c8b3;letter-spacing:1.2px}.hn-scene-toolbar b{color:var(--hn-gold);margin-right:5px;font-size:8px}.hn-scene-toolbar label{display:flex;align-items:center;gap:5px;letter-spacing:0;font-size:11px;color:#9bb2ae}.hn-scene-toolbar input{accent-color:#b8dfc9}.hn-stage{width:100%;height:400px;touch-action:none;cursor:pointer;outline-offset:-5px}.hn-stage canvas{display:block;width:100%;height:100%}.hn-stage.hn-dragging{cursor:grabbing}.hn-caption{font-size:8px;letter-spacing:2px;text-align:center;padding:0 14px 16px;color:#78948c}.hn-instruction{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 23px 8px;border-top:1px solid #30453f;color:#b8cec5;font-size:12px;line-height:1.6}.hn-instruction .quiet-button{font-size:10px}.hn-towers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:7px 23px 20px}.hn-towers>button{display:flex;flex-direction:column;min-width:0;padding:13px 12px 10px;border:1px solid #354b4d;border-radius:12px;background:linear-gradient(145deg,#22393b,#172d33);text-align:left;min-height:156px}.hn-towers>button:hover:not(:disabled){background:#2a4747;border-color:#6a9682}.hn-towers>button[data-hn-peg="2"]{border-color:#77684a;background:linear-gradient(150deg,#3b3c30,#203336)}.hn-towers>button[aria-pressed=true]{border-color:#b8eed0;box-shadow:0 0 0 1px #b8eed0,0 0 18px #71cf9315}.hn-towers>button.valid-target{border-color:#89bba1}.hn-towers>button.hint-target{border-color:#efd499;box-shadow:0 0 0 1px #efd499}.hn-tower-label{display:flex;align-items:center;gap:8px;width:100%}.hn-tower-label strong{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:500;color:#dce7d8}.hn-tower-label>span{font-size:11px;color:#9eb5ad}.hn-tower-label kbd{margin-left:auto;border-color:#536861;color:#9cb2a5;font-size:9px}.hn-mini-stack{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;width:100%;height:94px;padding:7px 0 4px;border-bottom:2px solid #667968;margin-bottom:8px;position:relative}.hn-mini-stack:before{content:'';height:83px;width:3px;background:#aab99c35;position:absolute;bottom:0;left:calc(50% - 1.5px)}.hn-mini-stack>span{z-index:1;display:block;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--disk),white 12%),var(--disk));border-radius:4px;height:8px;font-size:7px;line-height:8px;color:#243b45;box-shadow:0 1px 3px #0005;flex-shrink:0;font-weight:700}.hn-tower-description{display:block;text-align:center;width:100%;font-size:10px;color:#a6c4b8;line-height:1.5}.hn-toolbar{display:flex;align-items:center;gap:9px;padding:17px 23px;border-top:1px solid #2d4443}.hn-toolbar .quiet-button{margin-left:auto;font-size:12px}.hn-primary.button{background:#e5cea0;border-color:#e5cea0;color:#2d3932}.hn-primary.button:hover:not(:disabled){background:#f5e2bb}.hn-hints{padding:20px 23px;background:#1b2e30;border-top:1px solid #344b45}.hn-hints>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.hn-hints h2{display:flex;align-items:center;gap:8px;font-size:14px}.hn-hints .button{font-size:12px;white-space:nowrap}.hn-hints p{font-size:12px;color:#a4bcb3;line-height:1.8;margin-top:9px}.hn-hints #hn-apply{margin-top:12px}.hn-side{display:grid;gap:18px}.hn-panel{padding:21px;border:1px solid #304441;border-radius:17px;background:#142329}.hn-intro{background:linear-gradient(140deg,#273d37,#14242b)}.hn-intro h2{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:400;line-height:1.4;margin:14px 0}.hn-intro>p{font-size:12px;color:#a9bbb1;line-height:1.8}.hn-intro>p strong{color:#e6ce9d;font-weight:500}.hn-rule{display:flex;gap:13px;align-items:center;border-top:1px solid #344b42;padding-top:13px;margin-top:14px}.hn-rule>span{font-family:'Space Grotesk',sans-serif;font-size:11px;color:#92af94}.hn-rule>p{font-size:12px;line-height:1.65;color:#c0cdc1}.hn-intro>p.hn-keys{font-size:10px;color:#89a39b;line-height:1.9;margin-top:18px}.hn-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.hn-panel-heading>h2{font-size:13px}.hn-panel-heading>span{font-size:11px;color:#869e93}.hn-levels{display:grid;gap:6px}.hn-levels>button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 8px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left}.hn-levels>button:hover{background:#243c3a}.hn-levels>button[aria-pressed=true]{background:#2d4540;border-color:#587963}.hn-level-disks{display:grid;place-items:center;width:32px;height:34px;border:1px solid #48635b;border-radius:8px;font-family:'Space Grotesk',sans-serif;color:#d8ccab;font-size:18px;flex-shrink:0}.hn-levels strong{display:block;font-size:12px;font-weight:500;color:#d5dfd4}.hn-levels small{display:block;font-size:10px;color:#89a399;margin-top:5px}.hn-check{margin-left:auto;opacity:0;color:#b2dfb8}.hn-levels .completed .hn-check{opacity:1}.hn-progress>div:not(.hn-progress-track){display:flex;align-items:center;gap:10px;margin-top:15px}.hn-progress strong{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:500;color:#d6dcba}.hn-progress>div>span{font-size:10px;color:#99b1a4}.hn-progress-track{height:4px;border-radius:5px;background:#354a42;margin-top:16px;overflow:hidden}.hn-progress-track>span{height:100%;display:block;background:linear-gradient(90deg,#9ad2b5,#e7cc92)}.hn-progress p{font-size:11px;line-height:1.7;color:#8fa79b;margin-top:12px}.hn-win{display:flex;align-items:center;gap:15px;padding:20px 23px;border-top:1px solid #798864;background:linear-gradient(120deg,#405a40,#2e443a)}.hn-win[hidden]{display:none}.hn-win-icon{color:#efdab0;font-size:34px}.hn-win strong{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:500;color:#f0eed4}.hn-win p{color:#bed0ac;font-size:11px;margin-top:5px}.hn-win .button{margin-left:auto;white-space:nowrap;font-size:12px}.hn-game .bottom-note{line-height:1.7}#hn-graphics{padding:50px 24px;color:#c3d2bd;line-height:1.8}.hn-card{background:radial-gradient(ellipse at top right,#46583a50,transparent 65%),#111e22}.hn-card .card-symbol{color:#e0cea3;background:linear-gradient(135deg,#52674d,#29433c)}
@media(min-width:1500px){.hn-stage{height:450px}.hn-layout{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1150px){.hn-layout{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.hn-panel{padding:16px}.hn-stage{height:355px}.hn-game .game-heading{flex-wrap:wrap}.hn-win{flex-wrap:wrap}.hn-win .button{flex-basis:100%;margin:0}.hn-towers{gap:8px;padding:7px 16px 17px}.hn-towers>button{padding:10px 8px}.hn-tower-label{gap:5px}.hn-tower-label>span{font-size:10px}.hn-tower-label kbd{display:none}.hn-instruction{padding:13px 16px 5px}.hn-levels>button{gap:9px;padding:10px 4px}.hn-hints{padding:17px}.hn-hints h2{font-size:12px}}
@media(max-width:820px){.hn-layout{grid-template-columns:1fr}.hn-intro{display:none}.hn-side{grid-template-columns:1fr}.hn-stage{height:340px}.hn-levels{grid-template-columns:1fr 1fr}.hn-win .button{flex-basis:auto;margin-left:auto}.hn-game .game-heading{flex-wrap:nowrap}.hn-game .game-stats{gap:14px}.hn-game .game-stats strong{font-size:25px}.hn-game .game-stats>div>span{font-size:10px}.hn-game .game-stats .stat-divider{display:none}}
@media(max-width:480px){.hn-game .game-heading{flex-wrap:wrap;gap:15px}.hn-game .game-stats{width:100%;gap:30px}.hn-game .game-stats>div:not(.stat-divider){display:flex;align-items:baseline;gap:8px}.hn-game .game-stats strong{font-size:23px}.hn-game .game-stats>div>span{font-size:10px}.hn-board-heading{padding:17px}.hn-board-heading h2{font-size:22px}.hn-badge{font-size:8px;padding:6px 8px}.hn-scene-toolbar{padding:13px 15px 0;font-size:9px}.hn-stage{height:255px}.hn-caption{font-size:7px;letter-spacing:1.4px;padding:0 8px 13px}.hn-instruction{align-items:flex-start;gap:7px;font-size:11px;min-height:57px}.hn-instruction .quiet-button{font-size:9px;white-space:normal;text-align:right;padding:0}.hn-towers{padding:7px 12px 15px;gap:7px}.hn-towers>button{padding:9px 6px;min-height:149px}.hn-tower-label{gap:4px}.hn-tower-label strong{font-size:17px}.hn-tower-label>span{font-size:9px}.hn-tower-description{font-size:9px}.hn-mini-stack{height:88px}.hn-toolbar{padding:15px 12px;gap:7px}.hn-toolbar .button{font-size:12px;padding:9px 12px}.hn-toolbar .quiet-button{font-size:10px}.hn-hints>div{align-items:center;gap:8px}.hn-hints h2{max-width:165px;font-size:12px;line-height:1.5}.hn-hints .button{padding:9px 11px}.hn-win{padding:17px 15px;gap:9px}.hn-win strong{font-size:17px}.hn-win .button{flex-basis:100%;margin:0}.hn-win p{font-size:10px}.hn-levels{grid-template-columns:1fr}.hn-panel-heading>h2{font-size:14px}.hn-levels>button{padding:10px;gap:14px}.hn-levels strong{font-size:13px}.hn-levels small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hn-game *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}