@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0b141b;--panel:#111f28;--card:#172832;--edge:rgba(198,235,230,.13);--text:#effbf8;--muted:#92adae;--mint:#a7f1cf;--mint2:#6ecdb0;--orange:#ffc98f;--shadow:0 25px 65px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:"DM Sans","Apple SD Gothic Neo","Malgun Gothic",sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}::selection{color:#0b1819;background:#a7f1cf}
.ambient{position:fixed;z-index:-1;pointer-events:none;filter:blur(60px)}.ambient-one{width:520px;height:520px;top:-250px;right:-160px;background:rgba(80,209,173,.12);border-radius:50%}.ambient-two{width:520px;height:520px;bottom:-320px;left:-200px;background:rgba(102,131,210,.09);border-radius:50%}
.shell{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--edge);gap:16px}.brand-area,.right-actions{display:flex;align-items:center;gap:22px}.arcade-link{color:#b0c9c5;font-size:12px;font-weight:800;letter-spacing:1.1px;white-space:nowrap}.arcade-link:hover,.footer a:hover{color:var(--mint)}.top-divider{height:23px;border-left:1px solid var(--edge)}.brand{padding:0;border:0;background:none;color:var(--mint);display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;letter-spacing:-1.1px;font-family:Outfit,sans-serif}.brand span{color:#effbf8}.brand .brand-light{color:var(--mint)}.small-status{border:1px solid var(--edge);padding:10px 15px;border-radius:20px;font-weight:800;font-size:11px;letter-spacing:.3px;color:var(--muted)}.help-button{border:1px solid var(--edge);background:rgba(255,255,255,.03);color:var(--text);font-size:16px;font-weight:800;width:38px;height:38px;border-radius:50%}.help-button:hover{background:rgba(157,235,201,.14)}
.page{animation:appear .28s ease-out}@keyframes appear{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.eyebrow{margin:0;color:var(--mint2);font-family:Outfit,sans-serif;font-size:11px;letter-spacing:2.5px;font-weight:800}.eyebrow-line{display:inline-block;width:20px;height:2px;vertical-align:middle;margin-right:10px;background:var(--mint)}h1,h2,h3,p{margin-top:0}.hero{display:grid;grid-template-columns:1.07fr .93fr;gap:45px;align-items:center;min-height:565px;padding:65px 0 50px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(40px,5vw,68px);font-family:Outfit,"Malgun Gothic",sans-serif;line-height:1.17;letter-spacing:-2.6px;font-weight:900;margin:24px 0 25px;word-break:keep-all}.hero h1 em{font-style:normal;color:var(--mint)}.hero-description{font-size:16px;line-height:2;color:#b1c6c4;max-width:510px;word-break:keep-all}.hero-description strong{color:#f4fdfa}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:34px 0 31px}.primary-button,.secondary-button{border-radius:13px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:0 22px;font-weight:850;font-size:14px;transition:transform .15s,background .15s,border-color .15s}.primary-button{background:var(--mint);border:1px solid var(--mint);color:#0c2327;box-shadow:0 10px 27px rgba(89,203,164,.13)}.primary-button:hover{background:#c3f8dc;transform:translateY(-1px)}.secondary-button{border:1px solid rgba(175,230,225,.22);background:rgba(255,255,255,.025);color:#e4f4f1}.secondary-button:hover{border-color:var(--mint);background:rgba(167,241,207,.06)}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted);font-weight:750}.hero-meta span::first-letter{color:var(--mint)}.visual{width:min(100%,465px);height:445px;position:relative;display:grid;place-items:center;margin:auto}.visual-orbit{position:absolute;inset:10px;border:1px solid rgba(139,242,205,.17);border-radius:50%;transform:rotate(-22deg) scaleX(.86)}.orbit-two{inset:45px;border-style:dashed;opacity:.6;transform:rotate(30deg) scaleX(1.18)}.preview-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:290px;padding:13px;border-radius:25px;transform:rotate(-8deg);background:#1c3339;box-shadow:0 30px 65px rgba(0,0,0,.37),0 0 50px rgba(125,235,195,.09)}.preview-cell{aspect-ratio:1;background:#294047;border:1px solid rgba(192,231,224,.12);border-radius:15px;color:#d2eee4;display:flex;align-items:center;justify-content:center;position:relative;font-size:44px;font-family:Outfit;font-weight:700}.preview-cell.good{background:#315c53;color:#aef7d4;border-color:rgba(149,248,197,.45)}.preview-cell small{position:absolute;font-size:12px;top:8px;left:10px;color:#d4e8d5}.visual-callout{position:absolute;bottom:20px;right:2px;z-index:3;background:#d7f8e8;color:#30514a;transform:rotate(6deg);box-shadow:var(--shadow);font-size:11px;letter-spacing:1.2px;line-height:1.7;font-weight:700;padding:12px 17px;border-radius:11px}.visual-callout strong{color:#0c423b}.chapter-strip{margin:0 0 70px;min-height:84px;display:flex;justify-content:space-around;gap:20px;align-items:center;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);font-size:13px;font-weight:800;color:#b7cecb}.chapter-strip span:before{content:"◇";margin-right:10px;color:var(--mint)}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:44px 0 25px}.page-heading h2{margin:9px 0 5px;font-size:34px;letter-spacing:-1px}.page-heading p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px}.text-link{background:none;color:var(--muted);border:0;font-size:13px}.text-link:hover{color:var(--mint)}.summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.summary>div{border:1px solid var(--edge);background:rgba(255,255,255,.03);border-radius:15px;padding:19px 23px;display:flex;gap:10px;flex-direction:column}.summary span{color:var(--muted);font-size:12px}.summary strong{font-size:25px;font-family:Outfit;font-variant-numeric:tabular-nums}.chapter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 19px}.chapter-tab{background:rgba(255,255,255,.035);color:var(--muted);padding:11px 13px;border:1px solid var(--edge);border-radius:10px;font-size:12px;font-weight:800}.chapter-tab:hover,.chapter-tab.active{color:#0f2528;background:var(--mint);border-color:var(--mint)}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-bottom:70px}.level-card{min-width:0;border:1px solid var(--edge);text-align:left;background:linear-gradient(140deg,#1c303b,#14242f);border-radius:15px;color:var(--text);padding:17px;min-height:152px;display:flex;flex-direction:column;gap:8px;transition:transform .15s,border-color .15s}.level-card:hover{border-color:rgba(165,241,207,.65);transform:translateY(-3px)}.level-card.complete{background:linear-gradient(145deg,#225447,#172f32);border-color:rgba(161,247,199,.35)}.level-card-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.level-card-head strong{color:var(--mint);font-size:17px;font-family:Outfit}.level-card-title{font-weight:850;font-size:14px;margin-top:7px;line-height:1.3;word-break:keep-all}.level-card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.level-card-bottom small{font-size:11px;color:var(--muted)}.level-card-bottom span{color:#f9cb80;letter-spacing:1px;font-size:13px}
.play-heading{display:flex;align-items:center;gap:19px;margin:36px 0 25px}.back-button{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;background:rgba(255,255,255,.045);border:1px solid var(--edge);border-radius:13px;color:var(--text);font-size:21px}.back-button:hover{border-color:var(--mint)}.play-title{flex:1;min-width:0}.play-title h2{font-size:28px;letter-spacing:-.9px;margin:5px 0 0}.stage-counter{border:1px solid var(--edge);border-radius:11px;padding:11px 14px;font-size:12px;color:var(--muted);font-weight:850;font-variant-numeric:tabular-nums}.play-layout{display:grid;grid-template-columns:minmax(0,640px) minmax(250px,1fr);gap:22px;align-items:start;padding-bottom:65px}.play-panel{background:linear-gradient(160deg,#172932,#102029);border:1px solid var(--edge);padding:23px;border-radius:20px;box-shadow:var(--shadow)}.game-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-bottom:1px solid var(--edge);padding-bottom:20px}.game-stats>div{display:flex;flex-direction:column;gap:7px}.game-stats span{font-size:11px;color:var(--muted)}.game-stats strong{font-size:23px;font-family:Outfit;font-variant-numeric:tabular-nums}.game-stats .star-value{color:#f5c677;letter-spacing:1px;font-size:20px}.board-head{margin:21px auto 14px;max-width:525px;display:flex;align-items:center;justify-content:space-between;letter-spacing:1.4px;color:#91aaa9;font-size:10px;font-weight:900}.live-dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 8px rgba(145,248,200,.7);margin-right:7px}.game-board{--n:3;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px;max-width:525px;margin:auto}.arrow-tile{position:relative;aspect-ratio:1;border:1px solid rgba(174,211,219,.24);border-radius:13px;background:linear-gradient(156deg,#28444e,#213641);color:#def2ee;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:background .16s,border-color .14s,box-shadow .14s}.arrow-tile:hover:not(:disabled),.arrow-tile:focus-visible{border-color:var(--orange)}.arrow-tile.matched{border-color:rgba(157,240,190,.57);background:linear-gradient(153deg,#2c5b50,#22483f)}.arrow-tile.ray-hit{box-shadow:inset 0 0 0 3px rgba(249,193,127,.75)}.arrow-tile.ray-origin{box-shadow:inset 0 0 0 2px rgba(255,215,162,.75)}.arrow-tile.hint-highlight{border-color:#fbe38d;box-shadow:0 0 0 3px rgba(247,208,116,.22),inset 0 0 0 1px #fbe38d}.arrow-tile.fixed{opacity:1;cursor:default}.arrow-tile.fixed:disabled{opacity:1}.tile-goal{position:absolute;top:6px;left:8px;font-weight:950;font-size:19px;color:#e2f9ed;font-family:Outfit}.tile-current{position:absolute;bottom:5px;left:8px;font-size:10px;color:#9fb7b8;font-weight:750}.arrow-tile.matched .tile-current{color:#c6ffdf}.tile-arrow{font-size:clamp(24px,4.3vw,45px);line-height:1;transform:translate(7px,0);font-family:Outfit;font-weight:900;color:#fff}.arrow-tile.fixed .tile-arrow{color:#a6bdbd}.tile-lock{position:absolute;right:6px;top:6px;font-size:12px}.tile-indicator{position:absolute;right:5px;bottom:4px;font-size:11px;color:#bafbcf}.arrow-tile[data-size="6"] .tile-arrow{font-size:30px}.match-area{max-width:525px;margin:20px auto 0}.match-track{height:7px;border-radius:50px;background:rgba(255,255,255,.09);overflow:hidden}.match-track>div{height:100%;width:0;background:linear-gradient(90deg,#75d4bd,#bdf5c7);border-radius:50px;transition:width .18s}.status-line{min-height:42px;max-width:525px;margin:16px auto 0;font-size:12px;line-height:1.65;color:#aacec3;word-break:keep-all}.game-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:525px;margin:auto}.control-button{border:1px solid var(--edge);border-radius:10px;color:#dfefeb;background:#243740;min-height:43px;font-size:17px;display:flex;align-items:center;justify-content:center;gap:8px}.control-button span{font-size:12px;font-weight:800}.control-button:hover:not(:disabled){border-color:var(--mint)}.control-button:disabled{opacity:.35}
.game-aside{display:flex;flex-direction:column;gap:13px}.info-card{background:rgba(29,49,57,.7);border:1px solid var(--edge);border-radius:18px;padding:24px}.info-card.pale{background:rgba(102,157,143,.09)}.card-eyebrow{letter-spacing:1.6px;color:var(--mint);font-family:Outfit;font-size:11px;font-weight:850;margin-bottom:12px}.info-card h3{font-size:17px;letter-spacing:-.4px;margin-bottom:12px}.info-card p{font-size:12px;line-height:1.9;color:#b1c9c5;word-break:keep-all}.info-card p:last-child{margin-bottom:0}.info-card p strong{color:#edfcf5}.tip-sub{color:#7daea5!important}.diagram{display:flex;align-items:center;gap:5px;margin:20px 0;background:rgba(2,15,16,.22);border-radius:11px;padding:12px}.diagram-ray{font-size:29px;color:var(--mint)}.diagram-line{height:2px;background:var(--mint2);flex:1}.diagram-target{height:32px;width:32px;border:1px solid rgba(177,230,191,.35);background:#284940;display:grid;place-items:center;border-radius:7px;font-size:13px;font-weight:900}.info-foot{font-size:11px;color:#8fafad;line-height:1.9;padding:0 7px}.footer{border-top:1px solid var(--edge);padding:24px 0 33px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#718e90;letter-spacing:.5px;font-size:10px;font-weight:700}
.modal-layer{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:rgba(3,11,14,.85);backdrop-filter:blur(8px);padding:17px}.modal-card{background:linear-gradient(158deg,#1d3539,#101f29);border:1px solid rgba(190,250,219,.26);border-radius:22px;padding:33px;max-width:455px;width:100%;text-align:center;box-shadow:0 35px 100px rgba(0,0,0,.5)}.modal-card h2{font-size:30px;margin:13px 0 15px;letter-spacing:-1px}.win-icon{font-size:48px;color:var(--mint)}.win-stars{font-size:28px;color:#ffd38c;letter-spacing:5px;margin:15px 0}.modal-card>p:not(.eyebrow){font-size:13px;color:#b5d2cc;line-height:1.9}.modal-buttons{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:26px}.rules-modal{text-align:left;max-height:90vh;overflow:auto}.rules-modal ol{padding-left:21px;color:#c8ded8;font-size:13px;line-height:1.95}.rules-modal li{margin-bottom:9px}.rules-modal .primary-button{width:100%;margin-top:7px}
@media(max-width:960px){.hero{grid-template-columns:1fr .75fr;gap:8px}.visual{height:355px}.preview-grid{width:235px}.preview-cell{font-size:33px}.level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.play-layout{grid-template-columns:minmax(0,1fr)}.game-aside{display:grid;grid-template-columns:1fr 1fr}.info-foot{grid-column:1/-1}}@media(max-width:650px){.shell{width:min(100% - 26px,520px)}.topbar{height:70px}.brand-area,.right-actions{gap:9px}.brand{font-size:17px}.top-divider{height:17px}.arcade-link{font-size:10px}.small-status{display:none}.help-button{width:33px;height:33px}.hero{grid-template-columns:1fr;padding:45px 0 20px;min-height:0}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-description{font-size:14px;line-height:1.85}.hero-meta{gap:11px}.visual{height:280px}.preview-grid{width:205px;transform:rotate(-5deg)}.preview-cell{border-radius:10px;font-size:26px}.preview-cell small{font-size:10px;top:4px;left:5px}.visual-callout{bottom:10px;right:17px;font-size:9px;padding:8px}.chapter-strip{margin:0 0 35px;flex-wrap:wrap;font-size:10px;gap:10px;justify-content:center;padding:20px 6px}.page-heading{align-items:flex-start;margin-top:30px}.page-heading h2{font-size:28px}.page-heading p:not(.eyebrow){font-size:11px}.summary>div{padding:14px}.summary strong{font-size:22px}.chapter-tab{padding:10px 11px;font-size:11px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.level-card{min-height:128px;padding:13px}.play-heading{margin:24px 0 15px}.play-title h2{font-size:23px}.stage-counter{font-size:10px;padding:9px}.play-panel{padding:13px;border-radius:14px}.game-stats{gap:8px;padding:8px 2px 15px}.game-stats strong{font-size:19px}.game-stats .star-value{font-size:15px}.game-stats span{font-size:10px}.game-board{gap:5px}.arrow-tile{border-radius:8px}.tile-goal{font-size:15px;top:4px;left:5px}.tile-goal:before{font-size:7px;letter-spacing:0}.tile-arrow{font-size:clamp(20px,8vw,38px);transform:translate(5px,1px)}.tile-current{font-size:8px;bottom:3px;left:5px}.tile-lock{top:2px;right:3px;font-size:10px}.arrow-tile[data-size="6"] .tile-arrow{font-size:clamp(20px,5vw,27px)}.game-board[style*="--n: 6"] .tile-goal,.game-board[style*="--n:6"] .tile-goal{font-size:12px}.game-controls{gap:6px}.control-button{gap:4px}.control-button span{font-size:10px}.game-aside{grid-template-columns:1fr}.info-card{padding:19px}.status-line{font-size:11px}.footer{font-size:9px}.modal-card{padding:25px 20px}.modal-card h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Read the board at a glance: target number / arrow / current number. */
.arrow-tile{background:#263b47;border:1px solid rgba(171,187,200,.4);color:#f5fbff}
.arrow-tile.under{background:linear-gradient(155deg,#324450,#293b47);border-color:rgba(174,190,200,.48);color:#f1f5f8}
.arrow-tile.over{background:linear-gradient(155deg,#643943,#4e2c35);border-color:rgba(254,128,134,.7);color:#ffeef0}
.arrow-tile.matched{background:linear-gradient(155deg,#2c6654,#235342);border-color:rgba(140,235,180,.75);color:#ecfff4}
.arrow-tile.fixed{border-width:2px}
.arrow-tile .tile-goal{top:7px;left:10px;font-size:clamp(15px,2vw,24px);line-height:1.1;font-weight:900;letter-spacing:0;color:inherit}
.arrow-tile .tile-arrow{font-size:clamp(24px,5vw,54px);line-height:1;transform:none;color:inherit}
.arrow-tile .tile-current{bottom:7px;left:10px;font-size:clamp(13px,1.7vw,19px);line-height:1.1;font-weight:850;color:inherit}
.arrow-tile .tile-lock{top:7px;right:8px}
.arrow-tile.fixed .tile-arrow{color:inherit}
.arrow-tile[data-size="5"] .tile-goal,.arrow-tile[data-size="6"] .tile-goal{font-size:clamp(12px,1.65vw,18px)}
.arrow-tile[data-size="5"] .tile-current,.arrow-tile[data-size="6"] .tile-current{font-size:clamp(11px,1.45vw,16px)}
.arrow-tile[data-size="6"] .tile-arrow{font-size:clamp(21px,3.8vw,36px)}
.match-area{max-width:525px;margin:15px auto 5px}
.match-track{height:8px;border-radius:99px;background:rgba(190,206,218,.15);overflow:hidden}
.match-track>div{height:100%;background:linear-gradient(90deg,#6ac7a8,#baf5ce);border-radius:99px;transition:width .18s}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:650px){
  .arrow-tile .tile-goal{top:5px;left:6px;font-size:clamp(13px,4vw,18px)}
  .arrow-tile .tile-arrow{font-size:clamp(22px,8vw,38px)}
  .arrow-tile .tile-current{bottom:5px;left:6px;font-size:clamp(11px,3.4vw,15px)}
  .arrow-tile[data-size="6"] .tile-arrow{font-size:clamp(17px,5.7vw,28px)}
  .arrow-tile[data-size="6"] .tile-goal{font-size:clamp(10px,2.9vw,14px)}
  .arrow-tile[data-size="6"] .tile-current{font-size:clamp(9px,2.5vw,12px)}
}

/* Always icon-and-numbers only, including older cached HTML layouts. */
.arrow-tile .tile-goal::before{content:none!important;display:none!important}
.arrow-tile .tile-indicator{display:none!important}
#matchLabel,#matchPercent,#status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;padding:0!important;margin:-1px!important;border:0!important}
.arrow-tile.over{background:linear-gradient(155deg,#78363e,#592830);border-color:#f28e8b;color:#fff0f0}
.arrow-tile.under{background:linear-gradient(155deg,#3c4b55,#2f404a);border-color:#82929c;color:#f1f4f6}
.arrow-tile.matched{background:linear-gradient(155deg,#296d51,#22513f);border-color:#8be6ac;color:#eafff1}
.arrow-tile.ray-hit{box-shadow:inset 0 0 0 2px rgba(255,221,149,.55)}