:root{--ink:#23352f;--cream:#fffaf0;--jade:#1f765e;--jade-dark:#145240;--gold:#d79b3b;--tile-w:52px;--tile-h:64px;--step-x:46px;--step-y:54px}*{box-sizing:border-box}html[data-background="garden"] body{background:radial-gradient(circle at top,#eef4d7,#b9d8bd 48%,#65947e)}html[data-background="ocean"] body{background:radial-gradient(circle at top,#d6f7f5,#76bec5 50%,#27647a)}html[data-background="night"] body{background:radial-gradient(circle at top,#31415d,#171d32 55%,#080b16)}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Segoe UI",system-ui,sans-serif;transition:background .3s}button,input,select{font:inherit}.game-shell{width:min(1260px,calc(100% - 20px));margin:18px auto;padding:clamp(15px,3vw,30px);border:1px solid #ffffff9c;border-radius:25px;background:#fffaf0ed;box-shadow:0 20px 65px #173f352e}.game-header{display:flex;justify-content:space-between;gap:20px;align-items:end}.eyebrow{margin:0 0 5px;color:var(--jade);font-size:.73rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font:700 clamp(2rem,4vw,3.2rem)/1 Georgia,serif}.subtitle{margin:8px 0 0;color:#587067;font-weight:600}.stats{display:flex;gap:8px;flex-wrap:wrap}.stats span{min-width:92px;padding:7px 12px;border-radius:12px;text-align:center;background:#e6eee5}.stats small{display:block;color:#688078;font-size:.68rem;text-transform:uppercase}.stats strong{display:block;color:var(--jade-dark);font-size:1.2rem}.toolbar{display:flex;gap:8px;align-items:center;margin:20px 0 12px;flex-wrap:wrap}button{border:0;border-radius:10px;padding:9px 14px;color:white;font-weight:700;cursor:pointer;background:var(--jade);box-shadow:0 3px 0 var(--jade-dark)}button:hover{filter:brightness(1.08)}button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--jade-dark)}button.secondary{color:var(--jade-dark);background:#dce9df;box-shadow:0 3px 0 #a7c4b1}.progress-line{height:5px;overflow:hidden;border-radius:9px;background:#dce5dc}.progress-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),#f0c45f);transition:width .3s}#status{min-height:21px;margin:9px 0;color:#587067;text-align:center;font-size:.9rem}.board-frame{overflow:auto;border-radius:18px;background:linear-gradient(145deg,#277b61,#103e31);box-shadow:inset 0 0 0 1px #ffffff33,inset 0 12px 35px #ffffff0f}.board{position:relative;width:850px;height:535px;margin:0 auto}.tile{position:absolute;width:var(--tile-w);height:var(--tile-h);border:1px solid #d8cfb8;border-radius:8px;padding:0;color:#31433d;background:linear-gradient(135deg,#fffdf6 0 70%,#e5dcc8);box-shadow:4px 5px 0 #c5b99d,5px 7px 7px #0004;font-family:"Segoe UI Symbol","Noto Sans Symbols",sans-serif;font-size:27px;line-height:1;transition:transform .12s,filter .12s,opacity .18s}html[data-skin="ivory"] .tile{color:#8b2e24;background:linear-gradient(135deg,#fff7da,#e8d59c);box-shadow:4px 5px 0 #bba66d,5px 7px 7px #0004}html[data-skin="neon"] .tile{color:#63ffe0;background:linear-gradient(135deg,#27364c,#101827);border-color:#53bca9;box-shadow:3px 4px 0 #0a101a,0 0 9px #42e8ca77}.tile.free:hover{transform:translateY(-3px);filter:brightness(1.08)}.tile.blocked{cursor:not-allowed;filter:saturate(.55) brightness(.79)}.tile.selected{outline:4px solid #ffd56a;transform:translateY(-4px);filter:brightness(1.12)}.tile.hint{animation:hintPulse .65s ease-in-out 3}.tile.removing{opacity:0;transform:scale(.6) rotate(5deg);pointer-events:none}@keyframes hintPulse{50%{outline:5px solid #ffdb69;filter:brightness(1.2);transform:translateY(-5px)}}footer{margin:12px 0 0;text-align:center;color:#587067;font-size:.85rem}.modal{position:fixed;inset:0;z-index:99;display:grid;place-items:center;padding:18px;background:#122f26bd}.modal[hidden]{display:none}.modal-card{position:relative;width:min(440px,100%);max-height:92vh;overflow:auto;padding:30px;border-radius:21px;text-align:center;background:var(--cream);box-shadow:0 25px 70px #0006}.modal-card.wide{width:min(850px,100%)}.modal-card h2{margin:4px 0 8px;font:700 2rem Georgia,serif}.modal-card>p{margin:7px 0 18px;color:#60756e}.close-modal{position:absolute;right:12px;top:10px;width:37px;height:37px;padding:0;border-radius:50%;font-size:1.7rem;line-height:1;background:#596962;box-shadow:0 2px 0 #34443e}.celebration{color:var(--gold);font-size:2.7rem}.name-entry,.modal-card label{display:grid;gap:6px;margin:14px 0;text-align:left;font-weight:700}input,select{width:100%;padding:10px;border:1px solid #b8c7bc;border-radius:9px;background:white}.modal-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.saved-note{color:var(--jade)!important;font-weight:800}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:17px 0}.level-button{min-height:94px;padding:9px 5px;color:var(--ink);background:#e8efe5;box-shadow:0 3px 0 #b5c7b8}.level-button.current{outline:3px solid var(--gold)}.level-button.locked{opacity:.48;cursor:not-allowed}.level-button strong,.level-button small{display:block}.level-button .shape{margin:5px 0;color:var(--jade);font-size:1.7rem}.pager{display:flex;justify-content:space-between;align-items:center}.score-list{margin:20px 0;padding-left:28px;text-align:left}.score-list li{padding:8px;border-bottom:1px solid #dfe6dc}.score-list span{float:right;font-weight:800;color:var(--jade)}.score-list .empty{list-style:none;text-align:center;color:#72837d}.danger{background:#a9463e;box-shadow:0 3px 0 #702d28}@media(max-width:700px){.game-header{align-items:start;flex-direction:column}.level-grid{grid-template-columns:repeat(2,1fr)}.board{margin-left:0}.toolbar button{flex:1 1 130px}.stats span{min-width:80px}}@media(prefers-reduced-motion:reduce){.tile{transition:none}.tile.hint{animation:none;outline:5px solid #ffdb69}}