.game-page--sona{overflow:hidden;color:#e7d8ba;background:radial-gradient(130% 90% at 50% 0%,#2e2418,#241c14 72%);user-select:none}.sona-app{min-height:100vh;min-height:100dvh;padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(0,1fr) auto}.sona-header{text-align:center}.sona-title-row{margin-top:4px;display:flex;justify-content:center;align-items:baseline;gap:16px}.sona-title-row h1{margin:0;font-size:1.2rem}.sona-score{color:#e7b063;font-variant-numeric:tabular-nums;font-size:.82rem}.sona-cultural-note{max-width:390px;margin:6px auto 0;color:#d2b992;font-size:.72rem;line-height:1.35}.sona-classification{margin:5px auto 0;color:#e7b063;font-size:.64rem;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}.sona-pattern-note{margin:5px auto 0;color:#f0d7a8;font-size:.68rem;line-height:1.3}.sona-mirror-hint{margin:5px auto 0;color:#e7b063;font-size:.72rem;font-variant-numeric:tabular-nums;line-height:1.3}.sona-instructions,.sona-status{min-height:1.2em;margin:5px auto 0;color:#a9987b;font-size:.76rem;line-height:1.35}.sona-flow{width:min(100%,360px);height:7px;margin:8px auto 0;border-radius:99px;overflow:hidden;background:#ffffff14}.sona-flow span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#d97f5a,#ffce7a)}.sona-board-wrap{position:relative;min-height:0;display:grid;place-items:center}.sona-board{display:block;border-radius:18px;background:#0000002e;box-shadow:inset 0 0 60px #00000059;touch-action:manipulation}.sona-mirror-buttons{position:absolute;left:50%;top:50%;pointer-events:none;transform:translate(-50%,-50%)}.sona-mirror-button{position:absolute;border:0;border-radius:999px;color:transparent;background:transparent;pointer-events:none;transform:translate(-50%,-50%)}.sona-mirror-button:focus-visible{outline:3px solid #ffce7a}.sona-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.sona-controls button,.sona-card button{padding:10px 18px;border:1px solid rgb(255 255 255 / 12%);border-radius:13px;color:#e7d8ba;background:#ffffff0d}.sona-controls button[aria-pressed=true]{border-color:#e7b0637a;background:#e7b0631f}.sona-overlay{--sona-overlay-edge: 22px;--sona-browser-bottom-reserve: 0px;position:fixed;z-index:5;inset:0;height:100vh;height:100dvh;height:100svh;padding:var(--sona-overlay-edge);display:grid;place-items:start center;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#140f09e0;backdrop-filter:blur(8px)}.sona-overlay[hidden]{display:none}.sona-card{width:min(100%,370px);max-height:calc(100vh - 44px);max-height:calc(100dvh - 44px);max-height:calc(100svh - 44px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px;border:1px solid rgb(231 176 99 / 25%);border-radius:22px;text-align:center;background:linear-gradient(160deg,#2e2418,#1c150e);box-shadow:0 24px 70px #00000094}.sona-card h2{margin:0}.sona-preview{display:block;width:min(220px,100%);height:min(220px,52vh);height:min(220px,52dvh);height:min(220px,52svh);margin:14px auto 10px;border:1px solid rgb(231 176 99 / 18%);border-radius:18px;background:#00000029;box-shadow:inset 0 0 34px #00000052}.sona-card p{margin:10px 0 0;color:#cabb9f;line-height:1.5}.sona-card .result{color:#e7b063;font-weight:700}.sona-card a{display:inline-block;margin-top:12px;color:#e7b063;font-size:.76rem}.sona-card-actions{position:sticky;bottom:-1px;margin-top:16px;padding-top:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:9px;background:linear-gradient(180deg,#1c150e00,#1c150e 35%)}.sona-card button.primary{border:0;color:#241a08;background:linear-gradient(#e7b063,#c88a3e);font-weight:700}@media(max-width:640px){.sona-overlay{--sona-browser-bottom-reserve: 96px;padding:var(--sona-overlay-edge) var(--sona-overlay-edge) calc(var(--sona-overlay-edge) + env(safe-area-inset-bottom) + var(--sona-browser-bottom-reserve))}.sona-card{max-height:calc(100vh - 44px - var(--sona-browser-bottom-reserve));max-height:calc(100dvh - 44px - var(--sona-browser-bottom-reserve));max-height:calc(100svh - 44px - var(--sona-browser-bottom-reserve))}.sona-preview{height:min(190px,34vh);height:min(190px,34dvh);height:min(190px,34svh)}}