:root{--bg: #f3f7fc;--card: #ffffff;--border: #bfd9f2;--input: #c9ddf0;--ink: #1d3350;--muted: #5c7691;--accent: #1874cd;--accent-dark: #125aa3;--pill: #dcebfa;--ring: #1874cd;--font: -apple-system, "SF Pro Rounded", "SF Pro Text", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#app{min-height:100vh;min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;margin:0}a{color:var(--accent)}.icon svg{display:block;width:1em;height:1em}.home{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden}.home__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;pointer-events:none;z-index:0}.home__content{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:calc(20px + var(--sat)) 20px calc(24px + var(--sab));display:flex;flex-direction:column;gap:18px}.home__header{position:relative;padding-top:18px;padding-right:44px}.home__title-row{display:flex;align-items:center;gap:10px}.home__mark{width:34px;height:34px}.home__title{font-size:clamp(22px,7.2vw,32px);font-weight:900;line-height:1.1;margin:0;white-space:nowrap;letter-spacing:-.01em}.home__sub{margin:6px 0 0;font-size:15px;color:var(--muted)}.home__gear{position:absolute;top:12px;right:-8px;font-size:24px;color:var(--muted);padding:8px;border-radius:50%}.home__gear:hover{color:var(--accent)}.mode-card{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:18px;transition:transform .15s ease,box-shadow .15s ease}.mode-card:hover{box-shadow:0 6px 18px #1d33501a;transform:translateY(-1px)}.mode-card:active{transform:scale(.985)}.mode-card__thumb{flex:none;width:78px;height:78px;padding:10px;border-radius:14px;background:#dcebfa8c}.mode-card__thumb svg{width:100%;height:100%;display:block}.mode-card__body{flex:1;min-width:0}.mode-card__title{font-size:20px;font-weight:700;margin:0}.mode-card__sub{font-size:15px;color:var(--muted);margin:4px 0 0}.mode-card__count{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:var(--accent);background:var(--pill);padding:3px 9px;border-radius:999px}.mode-card__chev{color:var(--muted);font-size:20px}.home__footer{font-size:13px;font-weight:700;text-align:center;padding-top:8px}.topbar{display:flex;align-items:center;gap:14px;padding:calc(6px + var(--sat)) calc(14px + var(--sar)) 6px calc(14px + var(--sal));min-height:56px}.topbar__title{flex:1;text-align:center;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__spacer{width:40px;flex:none}.bar-btn{flex:none;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;color:var(--accent);background:var(--card);border:1px solid var(--border);border-radius:50%;transition:transform .12s ease,background .12s ease}.bar-btn:hover{background:var(--pill)}.bar-btn:active{transform:scale(.92)}.bar-btn[disabled]{opacity:.45;cursor:default}.levels{min-height:100vh;min-height:100dvh}.levels__content{max-width:720px;margin:0 auto;padding:10px 16px calc(24px + var(--sab))}.levels__section{display:flex;align-items:baseline;justify-content:space-between;padding:12px 0 10px}.levels__section h2{font-size:17px;font-weight:600;margin:0}.levels__section span{font-size:12px;font-weight:600;color:var(--muted)}.levels__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;padding-bottom:14px}.level-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;background:var(--card);border:1px solid rgba(201,221,240,.6);border-radius:14px;transition:transform .12s ease,box-shadow .15s ease}.level-cell:hover{box-shadow:0 4px 14px #1d33501a}.level-cell:active{transform:scale(.96)}.level-cell--solved{border-color:var(--border)}.level-cell__thumb{width:100%;height:64px}.level-cell__thumb svg{width:100%;height:100%;display:block}.level-cell__name{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:500;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden}.level-cell--solved .level-cell__name{color:var(--accent)}.level-cell__name .icon{font-size:11px}.game{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--bg);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game__chrome{position:absolute;inset:0 0 auto;z-index:150;pointer-events:none}.game__chrome .topbar,.game__chrome .help-strip{pointer-events:auto}.help-strip{display:inline-block;margin:8px auto 0;font-size:13px;color:var(--muted);background:#ffffffe6;padding:6px 14px;border-radius:999px}.game__help-row{text-align:center}.stage{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}.stage .sil{fill:var(--ink);fill-rule:evenodd}.stage .guide{fill:none;stroke:#ffffff8c;stroke-width:1.2}.stage .hint{fill:none;stroke:var(--ring);stroke-width:3;stroke-linejoin:round;stroke-dasharray:7 5;opacity:.25}.stage .hint.on{animation:hint-blink .42s ease-in-out 12 alternate}@keyframes hint-blink{0%{opacity:.25}to{opacity:1}}.stage .tray-bg{fill:#dcebfa66;stroke:#bfd9f2b3;stroke-width:1}.piece{cursor:grab}.piece.dragging{cursor:grabbing}.piece polygon{stroke:#1d33508c;stroke-width:1.5;stroke-linejoin:round;pointer-events:fill}.piece.snapped polygon{stroke:#1d3350e6}.piece .shadow{display:none;fill:#1d335038;stroke:none;pointer-events:none}.piece.dragging .shadow{display:block}.win-banner{position:absolute;z-index:200;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:0 6px 14px #1d33501f;transform:translate(-50%,-50%);animation:win-in .4s cubic-bezier(.2,.9,.3,1.1)}@keyframes win-in{0%{opacity:0;transform:translate(-50%,-30%)}to{opacity:1;transform:translate(-50%,-50%)}}.win-banner__title{font-size:22px;font-weight:900;margin:0}.win-banner__row{display:flex;gap:12px}.pill-btn{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;padding:9px 16px;border-radius:999px;background:var(--pill);color:var(--accent-dark);transition:transform .12s ease}.pill-btn:active{transform:scale(.95)}.pill-btn--primary{background:var(--accent);color:#fff}.pill-btn--danger{background:#fde8e8;color:#b42318}dialog.sheet{border:0;padding:0;margin:auto;width:min(560px,calc(100vw - 24px));max-height:min(92vh,92dvh);border-radius:22px;background:var(--bg);color:var(--ink);box-shadow:0 20px 60px #1d33504d;overflow:hidden}dialog.sheet::backdrop{background:#1d335059}.sheet__head{position:sticky;top:0;display:flex;align-items:center;justify-content:center;padding:14px 16px;background:var(--bg);font-weight:600;z-index:1}.sheet__close{position:absolute;right:12px;top:10px;font-size:24px;color:var(--muted)}.sheet__body{overflow:auto;max-height:calc(min(92vh,92dvh) - 52px);padding:0 16px calc(16px + var(--sab));-webkit-overflow-scrolling:touch}.group{margin:14px 0 0}.group__header{font-size:13px;text-transform:uppercase;letter-spacing:.02em;color:var(--muted);padding:0 16px 6px}.group__footer{font-size:13px;color:var(--muted);padding:6px 16px 0;line-height:1.4}.group__card{background:var(--card);border-radius:14px;overflow:hidden}.row{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 16px;border-top:1px solid rgba(201,221,240,.5);width:100%;text-align:left;color:var(--ink);text-decoration:none;font-size:16px;line-height:1.35}.row:first-child{border-top:0}.row .icon{color:var(--accent);font-size:20px;flex:none}.row__text{flex:1;min-width:0}.row__trail{color:var(--muted);font-size:18px}.row--danger,.row--danger .icon{color:#b42318}.row select{font:inherit;color:var(--accent);border:0;background:var(--pill);border-radius:8px;padding:4px 8px}.switch{position:relative;width:50px;height:30px;flex:none;border-radius:999px;background:var(--input);transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(20px)}details.about summary{list-style:none;cursor:pointer}details.about summary::-webkit-details-marker{display:none}details.about .row__trail{transition:transform .2s}details.about[open] .row__trail{transform:rotate(90deg)}.about__body{padding:6px 16px 14px;font-size:15px;line-height:1.45}.about__body p{margin:0 0 10px}.about__body h4{margin:4px 0 6px;font-size:15px}.about__body ul{list-style:none;padding:0;margin:0 0 10px}.about__body li{display:flex;gap:8px;margin-bottom:6px}.about__body li:before{content:"•";color:var(--accent);font-weight:900}.applogo{width:34px;height:34px;border-radius:8px;flex:none}.confirm{text-align:center;padding:22px 18px calc(18px + var(--sab))}.confirm h3{margin:0 0 14px;font-size:18px}.confirm__row{display:flex;gap:10px;justify-content:center}.print-preview{display:flex;flex-direction:column;align-items:center;gap:14px;padding:4px 0 6px}.seg{display:inline-flex;background:var(--input);padding:3px;border-radius:10px}.seg button{padding:6px 14px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink)}.seg button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #00000026}.print-preview__page{width:min(100%,420px);aspect-ratio:595.2 / 841.8;background:#fff;border:1px solid var(--border);box-shadow:0 4px 10px #1d335026}.print-preview__page svg{width:100%;height:100%;display:block}#print-root{display:none}@media print{@page{size:A4;margin:0}html,body{background:#fff;height:auto}#app,dialog{display:none!important}#print-root{display:block}#print-root svg{width:210mm;height:297mm;display:block}}