:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--notte:#0b1530;--pannello:#132048;--pannello-2:#1a2a5c;--avorio:#f2eee3;--avorio-dim:#a9b0c6;--ottone:#d9a441;--ottone-dim:#d9a44166;--ciano:#7fd6e8;--rosa:#ff8fb1;--verde:#7fe0a8;--rosso:#ff6b6b;--vetro:#aac3ff1f;--vetro-bordo:#cddcff73;--vetro-lucido:#ffffff38;--filo:#cddcff24;--font-display:ui-serif, "New York", "Iowan Old Style", Georgia, "Times New Roman", serif;--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pill:999px;--anim:.22s;--ease:cubic-bezier(.2, .7, .2, 1);--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}@media (prefers-reduced-motion:reduce){:root{--anim:0s}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--notte);color:var(--avorio);font:17px/1.45 var(--font-ui);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation}#app{min-height:100dvh;padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 16px)}.screen{flex-direction:column;gap:20px;max-width:480px;margin:0 auto;display:flex}.title{font:600 2.4rem/1.05 var(--font-display);letter-spacing:-.01em;margin:0}.subtitle{font:600 1.5rem/1.15 var(--font-display);margin:0}.lede{color:var(--avorio-dim);max-width:34ch;margin:0}.btn{border-radius:var(--pill);border:1px solid var(--ottone-dim);width:100%;color:var(--avorio);font:500 1.05rem/1.2 var(--font-ui);cursor:pointer;background:0 0;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 20px;text-decoration:none;display:flex}.btn.primary{background:var(--ottone);border-color:var(--ottone);color:var(--notte)}.btn.compact{width:auto;padding:10px 16px;font-size:.95rem}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:default}.btn-note{opacity:.75;font-size:.9rem}.menu{flex-direction:column;gap:12px;display:flex}:focus-visible{outline:2px solid var(--ciano);outline-offset:3px}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}.play .board-frame{margin-block:4px}@media (height<=640px){.title{font-size:2rem}}.board-frame{background:var(--pannello);border:1px solid var(--pannello-2);border-radius:20px;width:min(100%,62dvh);margin:0 auto;padding:6px;box-shadow:0 18px 40px #00000073}.board{--n:4;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#00000047;border:3px solid #0000;border-radius:14px;position:relative;overflow:hidden}.board.h-plain{border-left-color:var(--ciano);border-right-color:var(--ciano)}.board.v-plain{border-top-color:var(--ciano);border-bottom-color:var(--ciano)}.board.h-twisted{border-left:3px dashed var(--rosa);border-right:3px dashed var(--rosa)}.board.v-twisted{border-top:3px dashed var(--rosa);border-bottom:3px dashed var(--rosa)}.marks,.tiles{position:absolute;inset:0}.tile{width:calc(100% / var(--n));height:calc(100% / var(--n));transform:translate(calc(var(--c) * 100%), calc(var(--r) * 100%)) rotate(var(--rot));will-change:transform;-webkit-touch-callout:none;position:absolute;top:0;left:0}.tile-face{background:linear-gradient(160deg, #ffffff29, var(--vetro) 45%, #7896e60f);border:1px solid var(--vetro-bordo);box-shadow:inset 0 1px 0 var(--vetro-lucido), 0 8px 18px #00000059;border-radius:14%;place-items:center;display:grid;position:absolute;inset:4px}.num{font:600 2.2rem/1 var(--font-display);color:var(--avorio);font-variant-numeric:lining-nums}.board[data-n="3"] .num{font-size:2.8rem}.board[data-n="5"] .num{font-size:1.7rem}@media (height<=640px){.num{font-size:1.9rem}}.notch{background:var(--ottone);opacity:.85;border-radius:2px;width:26%;height:4px;margin-left:-13%;position:absolute;bottom:12%;left:50%}.tile.movable .tile-face{cursor:pointer}.tile.home .tile-face{border-color:var(--ottone);box-shadow:inset 0 1px 0 var(--vetro-lucido), 0 0 0 1px #d9a44159, 0 0 18px #d9a44140}.tile.ghost .tile-face{border-style:dashed;animation:3s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.tile.ghost .tile-face{animation:none}}.tile.heavy .tile-face{box-shadow:inset 0 1px 0 var(--vetro-lucido), 0 14px 24px #0000008c;background:linear-gradient(160deg,#ffffff1a,#3c508c61)}.tile.heavy .notch{height:8px;bottom:10%}.tile.bubble .tile-face:after{content:"";pointer-events:none;border:1px solid #ffffff59;border-radius:50%;position:absolute;inset:16%}.tile.locked .tile-face{opacity:.55}.tile.locked .tile-face:before{content:"🔒";font-size:.8rem;position:absolute;top:6%;right:8%}.tile.clone{pointer-events:none}.mark{pointer-events:none;position:absolute}.mark.portal{left:calc(var(--c) * 100% / var(--n));top:calc(var(--r) * 100% / var(--n));width:calc(100% / var(--n));height:calc(100% / var(--n))}.mark.portal:before{content:"";border:2px solid var(--ciano);box-shadow:0 0 14px var(--ciano), inset 0 0 10px #7fd6e859;opacity:.85;border-radius:50%;position:absolute;inset:14%}.mark.vortex{left:calc(var(--x) * 100% / var(--n));top:calc(var(--y) * 100% / var(--n));border:2px dashed var(--rosa);box-shadow:0 0 10px var(--rosa);z-index:1;border-radius:4px;transform:translate(-50%,-50%)}.mark.vortex.between-columns{width:6px;height:calc(70% / var(--n))}.mark.vortex.between-rows{width:calc(70% / var(--n));height:6px}.home-head{flex-direction:column;gap:10px;display:flex}.play{gap:14px}.hud{flex-direction:column;gap:10px;display:flex}.hud-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.readouts{gap:24px;display:flex}.readout{flex-direction:column;display:flex}.readout-label{color:var(--avorio-dim);font-size:.9rem}.readout-value{font:600 1.6rem/1.1 var(--font-display);font-variant-numeric:tabular-nums}.controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.notice{color:var(--ciano);margin:0;font-size:.95rem}.tilt-sim{border:1px solid var(--pannello-2);color:var(--avorio-dim);border-radius:14px;padding:10px 14px}.tilt-sim summary{cursor:pointer}.sim-row{grid-template-columns:1fr 1fr;align-items:center;gap:10px;padding:8px 0;display:grid}.sim-row input{width:100%;accent-color:var(--ottone)}.overlay{background:color-mix(in srgb, var(--notte) 82%, transparent);-webkit-backdrop-filter:blur(6px);z-index:10;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.banner{background:var(--pannello);border:1px solid var(--pannello-2);border-radius:22px;flex-direction:column;gap:14px;width:min(100%,420px);padding:22px;display:flex;box-shadow:0 24px 60px #00000080}.banner p{color:var(--avorio-dim);margin:0}.levels{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.level-row{border-top:1px solid var(--filo);color:var(--avorio);grid-template-columns:2.2rem 1fr 1.5rem;align-items:center;gap:12px;padding:14px 6px;text-decoration:none;display:grid}.level:last-child .level-row{border-bottom:1px solid var(--filo)}.level-index{font:600 1.4rem/1 var(--font-display);color:var(--ottone)}.level-text{flex-direction:column;gap:2px;display:flex}.level-title{font-weight:500}.level-meta{color:var(--avorio-dim);font-size:.9rem}.level-state{text-align:center;color:var(--verde)}.level.locked .level-row{opacity:.45}.level.locked .level-index{color:var(--avorio-dim)}.field{flex-direction:column;gap:10px;display:flex}.field-label{font:500 1rem/1.2 var(--font-ui);color:var(--avorio-dim);margin:0}.field .field{gap:8px;padding:4px 0 8px}.segmented{flex-wrap:wrap;gap:8px;display:flex}.seg{border-radius:var(--pill);border:1px solid var(--ottone-dim);color:var(--avorio);cursor:pointer;background:0 0;padding:10px 14px}.seg[aria-pressed=true]{background:var(--ottone);border-color:var(--ottone);color:var(--notte)}.switch-row{border-top:1px solid var(--filo);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.switch-row input{width:22px;height:22px;accent-color:var(--ottone)}.warning{color:var(--rosso)}.error-detail{overflow-wrap:anywhere;font-size:.9rem}