:root{
  --bg:#f5efe6;
  --paper:#fffaf3;
  --paper-2:#fffdf9;
  --ink:#24201d;
  --muted:#7a7068;
  --line:#b9afa5;
  --line-strong:#4b4540;
  --sun:#f5b742;
  --sun-deep:#d68a16;
  --moon:#3e4f77;
  --moon-deep:#263553;
  --danger:#c84a46;
  --success:#3f7d61;
  --shadow:0 22px 60px rgba(77,59,42,.12);
  --cell:clamp(48px,12vw,72px);
  --radius:28px;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;min-height:100dvh;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at 15% -15%,rgba(255,255,255,.95),transparent 35%),linear-gradient(155deg,#f8f3eb,#efe7dc);overflow-x:hidden}
button,input{font:inherit}
button{-webkit-tap-highlight-color:transparent}
.ambient{position:fixed;border-radius:999px;filter:blur(4px);pointer-events:none;opacity:.35;z-index:0}
.ambient-a{width:340px;height:340px;background:rgba(245,183,66,.16);right:-160px;top:-120px}
.ambient-b{width:300px;height:300px;background:rgba(62,79,119,.13);left:-170px;bottom:-120px}
.app-shell{position:relative;z-index:1;width:min(100%,760px);margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}
.topbar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;margin-bottom:18px}
.brand{display:flex;align-items:center;justify-content:center;gap:11px;min-width:0}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:14px;letter-spacing:.15em}.brand-copy span{font-size:10px;color:var(--muted);letter-spacing:.18em;margin-top:5px;text-transform:uppercase}
.brand-mark{width:44px;height:28px;position:relative}.mini-sun,.mini-moon{position:absolute;display:block;border-radius:50%}.mini-sun{width:26px;height:26px;background:var(--sun);left:0;top:1px;box-shadow:inset 0 0 0 6px rgba(255,255,255,.18)}.mini-moon{width:25px;height:25px;background:var(--moon);right:0;top:1px}.mini-moon:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:var(--paper);left:-5px;top:-4px}
.icon-btn,.close-btn{width:46px;height:46px;border:1px solid rgba(75,69,64,.12);background:rgba(255,250,243,.72);backdrop-filter:blur(10px);border-radius:16px;display:grid;place-items:center;color:var(--ink);cursor:pointer;transition:.18s ease}.icon-btn:hover{transform:translateY(-1px);background:#fff}.icon-btn:active{transform:scale(.96)}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.game-card{background:rgba(255,250,243,.86);backdrop-filter:blur(16px);border:1px solid rgba(91,77,64,.11);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 22px 20px;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--sun),#efcc82 48%,var(--moon))}
.game-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--muted)}.game-head h1,.modal h2{font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:1.05;margin:5px 0 0;font-weight:700;letter-spacing:-.02em}.head-stats{display:flex;gap:7px}.stat-pill{height:34px;padding:0 10px;border-radius:11px;background:#f1e9de;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.stat-icon{font-size:13px}
.progress-wrap{height:4px;background:#eee5da;border-radius:99px;margin:20px 0 21px;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--sun-deep),var(--sun));border-radius:inherit;transition:width .25s ease}
.board-wrap{display:flex;justify-content:center;align-items:center;padding:3px 0 17px;overflow:visible}.board{display:grid;grid-template-columns:repeat(6,var(--cell));grid-template-rows:repeat(6,var(--cell));border:2px solid var(--line-strong);border-radius:13px;overflow:visible;background:var(--line-strong);gap:1px;box-shadow:0 10px 26px rgba(53,45,38,.08);touch-action:manipulation;user-select:none;position:relative}
.cell{width:var(--cell);height:var(--cell);border:0;background:var(--paper-2);position:relative;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .12s ease,box-shadow .15s ease;padding:0;overflow:visible}.cell:hover:not(.given){background:#fff}.cell:active:not(.given){transform:scale(.94)}.cell.given{cursor:default;background:#f0e9df}.cell.given:after{content:"";position:absolute;inset:5px;border-radius:9px;border:1px solid rgba(72,62,54,.06);pointer-events:none}.cell.conflict{background:#fff0ed;animation:shake .26s ease}.cell.hint-pop{animation:hintPop .55s ease}.cell.just-set .piece-svg{animation:pieceIn .18s cubic-bezier(.2,.9,.3,1.4)}
.piece-svg{width:60%;height:60%;display:block;overflow:visible}.sun-svg{fill:var(--sun);stroke:var(--sun-deep);stroke-width:4;stroke-linecap:round}.sun-svg circle{stroke:none}.moon-svg{fill:var(--moon);stroke:var(--moon-deep);stroke-width:1.5}.given .piece-svg{filter:saturate(.87)}
.constraint{position:absolute;z-index:8;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--paper-2);color:#403a35;font-size:15px;font-weight:900;line-height:1;pointer-events:none;box-shadow:0 0 0 2px var(--paper-2)}.constraint.horizontal{right:-11px;top:50%;transform:translateY(-50%)}.constraint.vertical{bottom:-11px;left:50%;transform:translateX(-50%)}.constraint.conflict{background:#ffe1dc;color:var(--danger);box-shadow:0 0 0 2px #ffe1dc}
.rule-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:1px}.rule-chip{border:1px solid rgba(75,69,64,.11);background:#f6efe6;color:var(--muted);border-radius:13px;min-height:54px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:750;line-height:1.1;text-align:center;cursor:pointer;transition:.15s ease}.rule-chip.active{background:#fff;color:var(--ink);box-shadow:0 3px 12px rgba(64,53,43,.07);border-color:rgba(75,69,64,.18)}.chip-icons{display:flex;gap:3px}.tiny{display:block;width:11px;height:11px;border-radius:50%}.tiny.sun{background:var(--sun)}.tiny.moon{background:var(--moon)}.link-demo,.triple-demo{height:14px;font-weight:900;font-size:12px;color:var(--ink)}.triple-demo b{color:var(--danger)}
.message{min-height:20px;text-align:center;margin:14px 0 4px;font-size:12px;color:var(--muted);font-weight:650;transition:.18s ease}.message.error{color:var(--danger)}.message.good{color:var(--success)}
.controls{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:9px;margin-top:13px}.control-btn{border:1px solid rgba(75,69,64,.12);background:#f4ece2;color:var(--ink);height:57px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;cursor:pointer;transition:.16s ease;position:relative}.control-btn:hover:not(:disabled){transform:translateY(-1px);background:#fff}.control-btn:active:not(:disabled){transform:scale(.97)}.control-btn:disabled{opacity:.38;cursor:not-allowed}.control-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.control-btn.primary{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 8px 20px rgba(36,32,29,.12)}.control-btn.primary small{position:absolute;right:9px;top:8px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--sun);color:#362812;display:grid;place-items:center;font-size:9px}.footer-note{text-align:center;color:#8e837a;font-size:10px;margin-top:14px;letter-spacing:.03em}
.toast{position:fixed;z-index:100;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%,20px);background:#26211e;color:#fff;border-radius:13px;padding:11px 15px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.22s ease;box-shadow:0 12px 30px rgba(0,0,0,.17);white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
.modal-backdrop{position:fixed;z-index:60;inset:0;background:rgba(35,28,23,.38);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:16px}.modal-backdrop[hidden]{display:none}.modal{width:min(100%,520px);max-height:86dvh;overflow:auto;background:var(--paper);border:1px solid rgba(75,69,64,.12);border-radius:28px 28px 22px 22px;padding:22px;box-shadow:0 28px 70px rgba(35,26,20,.24);animation:sheetIn .22s ease}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.close-btn{width:40px;height:40px;font-size:25px;background:#f1e9df;border:0}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.summary-grid>div{background:#f2eadf;border-radius:15px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;gap:4px}.summary-grid strong{font-size:19px}.summary-grid span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.level-btn{aspect-ratio:1;border:1px solid rgba(75,69,64,.12);background:#f5ede3;border-radius:13px;font-weight:850;color:var(--ink);cursor:pointer;position:relative}.level-btn.current{background:var(--ink);color:#fff}.level-btn.solved{background:#e8f1eb;color:#2f6b50}.level-btn.solved:after{content:"✓";position:absolute;right:5px;top:3px;font-size:8px}.level-btn.locked{opacity:.42;cursor:not-allowed}.settings-list{display:flex;flex-direction:column;gap:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f4ece2;border-radius:16px;padding:14px;cursor:pointer}.setting-row>span{display:flex;flex-direction:column;gap:3px}.setting-row strong{font-size:13px}.setting-row small{font-size:10px;color:var(--muted)}.setting-row input{display:none}.setting-row i{width:42px;height:24px;border-radius:99px;background:#c9c0b6;position:relative;flex:none;transition:.17s}.setting-row i:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.17s;box-shadow:0 1px 4px rgba(0,0,0,.12)}.setting-row input:checked+i{background:var(--ink)}.setting-row input:checked+i:before{left:21px}.danger-btn{width:100%;margin-top:18px;height:48px;border:1px solid rgba(200,74,70,.24);border-radius:14px;background:#fff1ee;color:var(--danger);font-weight:800;cursor:pointer}.confirm-modal{text-align:center;padding-top:28px}.confirm-icon{width:58px;height:58px;margin:0 auto 13px;border-radius:19px;background:#f0e7dc;display:grid;place-items:center;font-size:29px}.confirm-modal p{font-size:12px;color:var(--muted);line-height:1.5}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.secondary-btn,.primary-btn-solid{height:48px;border-radius:14px;border:1px solid rgba(75,69,64,.12);font-weight:800;cursor:pointer}.secondary-btn{background:#f2e9df;color:var(--ink)}.primary-btn-solid{background:var(--ink);color:#fff;border-color:var(--ink)}
.completion{position:fixed;z-index:90;inset:0;background:rgba(247,241,232,.91);backdrop-filter:blur(14px);display:grid;place-items:center;padding:24px;overflow:hidden}.completion[hidden]{display:none}.completion-rays{position:absolute;width:780px;height:780px;background:repeating-conic-gradient(from 0deg,rgba(245,183,66,.06) 0 8deg,transparent 8deg 18deg);animation:spin 28s linear infinite}.completion-card{position:relative;z-index:2;width:min(100%,390px);text-align:center;background:rgba(255,251,245,.9);border:1px solid rgba(74,64,55,.12);border-radius:30px;padding:34px 24px 26px;box-shadow:0 25px 70px rgba(56,43,32,.14);animation:victoryIn .38s cubic-bezier(.2,.85,.25,1.16)}.completion-card h2{font-family:Georgia,"Times New Roman",serif;font-size:34px;margin:7px 0 9px}.completion-card p{font-size:12px;color:var(--muted)}.completion-card p strong{color:var(--ink)}.completion-card>small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.completion-card button{margin-top:17px;border:0;background:var(--ink);color:#fff;border-radius:14px;height:45px;padding:0 20px;font-weight:800;cursor:pointer}.victory-orbit{height:86px;position:relative;width:132px;margin:0 auto 13px}.victory-sun{position:absolute;width:70px;height:70px;border-radius:50%;background:var(--sun);left:7px;top:7px;box-shadow:0 0 0 10px rgba(245,183,66,.12),0 0 32px rgba(245,183,66,.38)}.victory-moon{position:absolute;width:66px;height:66px;border-radius:50%;background:var(--moon);right:5px;top:10px;box-shadow:0 0 0 8px rgba(62,79,119,.1)}.victory-moon:after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;background:var(--paper);left:-15px;top:-11px}.next-meter{height:4px;background:#ece3d8;border-radius:99px;overflow:hidden;margin:18px auto 0;width:78%}.next-meter>div{height:100%;width:0;background:linear-gradient(90deg,var(--sun),var(--moon));animation:nextLoad 2.5s linear forwards}
body.high-contrast{--line:#7e746b;--line-strong:#211e1b}.high-contrast .cell{box-shadow:inset 0 0 0 1px rgba(34,30,27,.08)}
@keyframes pieceIn{0%{transform:scale(.45);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes shake{0%,100%{transform:translateX(0)}30%{transform:translateX(-3px)}70%{transform:translateX(3px)}}@keyframes hintPop{0%,100%{box-shadow:none}40%{box-shadow:inset 0 0 0 4px rgba(245,183,66,.55)}}@keyframes sheetIn{from{transform:translateY(22px);opacity:0}to{transform:none;opacity:1}}@keyframes victoryIn{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes nextLoad{to{width:100%}}
@media (min-width:700px){.app-shell{padding-top:28px}.game-card{padding:28px 34px 24px}.modal-backdrop{align-items:center}.modal{border-radius:28px}.board-wrap{padding-top:7px;padding-bottom:20px}.rule-strip{gap:10px}.rule-chip{font-size:10px}.footer-note{margin-top:17px}}
@media (max-width:420px){:root{--cell:min(14.45vw,61px)}.app-shell{padding-left:11px;padding-right:11px}.topbar{grid-template-columns:43px 1fr 43px;margin-bottom:12px}.icon-btn{width:43px;height:43px;border-radius:14px}.brand-copy strong{font-size:12px}.brand-copy span{font-size:8px}.brand-mark{display:none}.game-card{border-radius:23px;padding:20px 12px 15px}.game-head{padding:0 4px}.game-head h1{font-size:25px}.stat-pill{height:31px;padding:0 8px;font-size:11px}.progress-wrap{margin:16px 4px 17px}.board-wrap{padding-bottom:13px}.rule-chip{min-height:49px;font-size:8px;padding:6px 3px}.controls{gap:6px}.control-btn{height:53px;border-radius:14px;font-size:11px}.level-grid{grid-template-columns:repeat(5,1fr)}}
@media (max-width:350px){:root{--cell:14.25vw}.brand-copy strong{letter-spacing:.1em}.rule-strip{gap:4px}.head-stats{gap:4px}.stat-pill{padding:0 6px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}