*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;height:100%;overflow:hidden}body{background:#050c1a;color:#ffffffe6}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}:root{--panel-width: 375px;--header-height: 76px;--mobile-header-height: 64px;--mobile-tabbar-height: 54px;--colour-background:#050c1a;--colour-surface:rgba(255,255,255,.06);--colour-surface-hover:rgba(255,255,255,.085);--colour-surface-strong:rgba(255,255,255,.12);--surface-1:rgba(255,255,255,.08);--surface-hover:rgba(255,255,255,.2);--surface-pressed:rgba(255,255,255,.14);--color-accent:rgba(255,190,120,.9);--color-accent-bright:rgba(255,225,190,.96);--accent-warm-soft:rgba(255,190,120,.16);--accent-warm-medium:rgba(255,190,120,.3);--accent-warm-strong:rgba(255,190,120,.95);--colour-text-primary:rgba(255,255,255,.9);--colour-text-secondary:rgba(255,255,255,.72);--colour-text-muted:rgba(255,255,255,.58);--text-strong-soft:rgba(255,255,255,.92);--colour-border:rgba(255,255,255,.08);--colour-border-strong:rgba(255,255,255,.14);--border-subtle:var(--colour-border);--border-strong:var(--colour-border-strong);--colour-card-background:rgba(255,255,255,.06);--colour-card-border:rgba(255,255,255,.08);--shadow-modal:0 24px 70px rgba(0,0,0,.48);--button-ring:0 0 0 1px rgba(255,255,255,.08);--font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--letter-spacing-small:.02em;--transition-fast:.16s ease;--transition-standard:.18s ease;--face-size: min(calc(100cqw / 1.1), calc(100cqh / 1.1), 700px);--face-center: 50%;--symbol-size: calc(var(--face-size) * .069);--symbol-radius: calc((var(--face-size) / 2) - calc(var(--face-size) * .086));--symbol-rot-offset: 0deg;--sym-scale: 1;--sym-rot: 0deg;--sym-nudge-x: 0px;--sym-nudge-y: 0px;--dial-art-width: calc(var(--face-size) * .145);--dial-art-height: calc(var(--face-size) * .075);--dial-radius: calc(50% + (var(--dial-art-height) * .45));--dial-gap-x: calc(var(--face-size) * .007);--focus-outline:2px solid rgba(255,255,255,.32)}.skip-link{position:absolute;top:-64px;left:0;right:0;z-index:100;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.4);background:#080e1cfa;color:#fffffff5;font-size:14px;font-weight:700;text-align:left;text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:0;outline:var(--focus-outline);outline-offset:-2px}button{padding:12px 20px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-1);color:#ffffffe0;font-size:13px;font-weight:650;letter-spacing:var(--letter-spacing-small);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}button:hover{background:var(--surface-hover);border-color:#ffffff57;color:#fff;box-shadow:var(--button-ring);transform:translateY(-1px)}button:active{transform:translateY(0);background:var(--surface-pressed)}button:focus{outline:var(--focus-outline);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:root{font-family:var(--font-family);line-height:1.4;color:var(--colour-text-primary);background:var(--colour-background)}body{font-family:var(--font-family);background:var(--colour-background);color:var(--colour-text-primary)}#app{display:grid;grid-template-columns:var(--panel-width) 1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"app-header app-header" "panel stage";width:100%;height:100dvh;background:var(--colour-background);color:var(--colour-text-primary);overflow:hidden}#app>header{grid-area:app-header;display:flex;justify-content:space-between;gap:24px;min-height:var(--header-height);padding:24px 20px 20px;cursor:default;border-bottom:1px solid var(--colour-border);background:linear-gradient(180deg,#ffffff0e,#ffffff06)}#app>header .header{display:flex;align-items:center;gap:14px;min-width:0}#app>header h1{margin:0;font-weight:300;line-height:.9;letter-spacing:.035em;text-transform:uppercase;color:#fffffff5;display:inline-block;transform:scaleY(1.25);transform-origin:center}#app>header p{max-width:54ch;margin:0;font-size:13px;font-weight:400;line-height:1.35;letter-spacing:.015em;color:var(--colour-text-muted);align-self:center}#app>aside{min-height:0;overflow:hidden;padding-right:.25rem;grid-area:panel}#app>main{display:grid;place-items:center;padding:24px;min-width:0;min-height:0;overflow:hidden;grid-area:stage;container-type:size}.header-actions{display:flex;gap:8px;flex:0 0 auto;align-items:center}.header-actions>button{white-space:nowrap}.header-actions>#concentrate{background:var(--accent-warm-soft);border-color:var(--accent-warm-medium);color:var(--color-accent-bright)}.header-actions>#concentrate:hover{background:#ffbe7857;border-color:#ffcd9194;color:#fff4e8;box-shadow:0 0 0 1px #ffbe781f,0 8px 22px #ffa0501a}.header-actions>#concentrate:active{background:#ffbe783d}#howToPlayBtn{width:34px;height:34px;padding:0;border-radius:50%}body.tutorial-open{cursor:default}.tutorial-overlay{position:fixed;inset:0;z-index:100;overflow:hidden}.tutorial-overlay[hidden]{display:none}.tutorial-spotlight-svg,.tutorial-outlines{position:absolute;inset:0;width:100%;height:100%}.tutorial-spotlight-svg{pointer-events:auto}.tutorial-dim{fill:#020814d1}.tutorial-outlines{pointer-events:none}.tutorial-target-outline{position:fixed;border:2px solid var(--color-accent-bright);box-shadow:0 0 0 4px #ffbe7824,0 0 26px #ffbe786b;animation:tutorialPulse 1.8s ease-in-out infinite}.tutorial-card{position:fixed;z-index:2;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#080e1cfa;box-shadow:var(--shadow-modal);color:var(--colour-text-primary)}.tutorial-progress{margin-bottom:9px;color:var(--color-accent);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.tutorial-card h2{margin:0 0 12px;font-size:21px;font-weight:550;line-height:1.18;letter-spacing:.025em}.tutorial-body p{margin:0 0 12px;color:var(--colour-text-secondary);font-size:14px;line-height:1.55}.tutorial-body p:last-child{margin-bottom:0}.tutorial-example{margin-top:16px;padding:12px 14px;border:1px solid rgba(255,190,120,.2);border-radius:14px;background:#ffbe7812}.tutorial-example-label{margin-bottom:5px;color:var(--color-accent);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.tutorial-example p{margin-bottom:7px;color:var(--colour-text-primary)}.tutorial-example ul{margin:0;padding-left:18px;color:var(--colour-text-secondary);font-size:13px;line-height:1.45}.tutorial-example li+li{margin-top:3px}.tutorial-remember{display:flex;align-items:flex-start;gap:9px;margin-top:18px;color:var(--colour-text-secondary);font-size:13px;line-height:1.4}.tutorial-remember[hidden]{display:none}.tutorial-remember input{width:16px;height:16px;margin:2px 0 0;accent-color:rgb(255,190,120)}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.tutorial-navigation{display:flex;gap:8px;margin-left:auto}.tutorial-actions button{min-width:84px}.tutorial-skip{border-color:var(--border-strong);background:var(--surface-1);color:var(--colour-text-secondary)}.tutorial-next,.tutorial-remember-button{border-color:#ffbe7861;background:#ffbe7829;color:var(--color-accent-bright)}@keyframes tutorialPulse{0%,to{box-shadow:0 0 0 4px #ffbe781f,0 0 20px #ffbe784d}50%{box-shadow:0 0 0 6px #ffbe7833,0 0 32px #ffbe7880}}.panel{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:stretch;height:100%;min-height:0}.panel-content{grid-column:1;grid-row:1;min-width:0;min-height:0;padding:16px 16px 0;border-right:1px solid var(--border-subtle);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) rgba(255,255,255,.04)}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}#panelArms[hidden],#panelReading[hidden],#panelDictionary[hidden]{display:none}#panelReading{display:grid;gap:12px;min-height:0}#panelDictionary{display:grid;gap:12px}.side-tabs{grid-column:2;grid-row:1;position:sticky;top:0;display:grid;gap:8px;align-content:start;padding-top:4px}.side-tab{position:relative;min-height:108px;width:42px;padding:0;border:1px solid rgba(255,255,255,.1);border-left:0;border-radius:0 14px 14px 0;background:#ffffff0e;color:#ffffffb8;font:inherit;font-size:13px;font-weight:800;letter-spacing:.04em;cursor:pointer}.side-tab:hover{background:#ffffff17;color:#ffffffeb}.side-tab:focus{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}.side-tab-content{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:6px;line-height:1;white-space:nowrap;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}.side-tab-content>.tab-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#ffbe78f2;visibility:hidden}.side-tab.has-reading:not(.active) .side-tab-content>.tab-dot{visibility:visible}.side-tab.active{background:#ffffff29;color:#fffffffa;border-color:#ffffff2e}#symbols{padding:10px;border-radius:12px;background:var(--colour-card-background);font-size:14px}.symbol-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--colour-card-border)}.symbol-row:last-child{border-bottom:0}.spotlight{margin:12px 0;padding:12px;border-radius:16px;background:var(--colour-card-background);display:grid;justify-items:center;gap:10px}.spotlight-media{--preview-scale: 1;--preview-rot: 0deg;--preview-nudge-x: 0px;--preview-nudge-y: 0px;width:min(270px,100%);aspect-ratio:1 / 1;border-radius:50%;background:#00000040;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 6px #ffffff0a,0 10px 30px #00000059;display:grid;place-items:center;overflow:hidden}.spotlight-media img{width:72%;height:72%;object-fit:contain;transform:translate(var(--preview-nudge-x),var(--preview-nudge-y)) rotate(var(--preview-rot)) scale(calc(var(--preview-auto-scale, 1) * var(--preview-scale, 1)));transform-origin:50% 50%}.spotlight-label{font-size:12px;opacity:.8}#spotlightName{font-weight:700;font-size:16px;line-height:1.2}.spotlight-meta{text-align:center;width:100%}.meanings-label{margin-top:.75rem}.spotlight-primary{font-size:14px;font-weight:700;letter-spacing:.2px;opacity:.95}.spotlight-secondary{margin-top:6px;padding:0;font-size:12px;opacity:.85;font-weight:500;line-height:1.18;max-height:5.9em;letter-spacing:.25px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 55%,rgba(0,0,0,0));mask-image:linear-gradient(to bottom,#000 55%,#0000)}.spotlight-secondary .meaning-item{display:inline-block;margin:2px 4px 2px 0;white-space:nowrap}.spotlight-secondary .meaning-item:not(:last-child):after{content:" · ";opacity:.35}.arm-control-row{flex-wrap:wrap;align-items:center}.arm-control-row label{font-weight:600;flex:1 1 auto}.arm-control-row .arm-symbol-select{flex:0 0 auto}.arm-describe-button{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.arm-describe-button:focus{position:static;flex:1 0 100%;width:100%;height:auto;margin:4px 0 0;padding:8px 10px;overflow:visible;clip-path:none;white-space:normal;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe6;font-size:12px;font-weight:600;text-align:left;outline:var(--focus-outline);outline-offset:2px}.arm-symbol-select{max-width:160px;padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#ffffffeb;font:inherit;cursor:pointer}.arm-symbol-select:focus{outline:2px solid rgba(255,255,255,.35);outline-offset:2px}#answers{display:grid;gap:10px;min-height:0}.reading-entry{padding:12px;border-radius:16px;background:var(--colour-card-background);border:1px solid var(--colour-card-border);color:var(--colour-text-secondary)}.reading-empty{display:grid;justify-items:center;gap:10px;padding-block:22px;text-align:center;color:var(--colour-text-secondary);background:linear-gradient(135deg,#ffffff12,#ffffff09)}.reading-empty p{max-width:29ch;margin:0;font-size:13px;font-weight:400;line-height:1.55;letter-spacing:.01em;color:var(--colour-text-muted)}.reading-empty strong{color:var(--colour-text-primary);font-weight:650}.reading-empty-title{font-size:15px;font-weight:400;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--colour-text-primary)}.reading-empty-mark{color:#ffbe78e6;font-size:15px;line-height:1;opacity:.9}.panel-action{margin:0;width:100%}.panel-button{width:100%;padding:13px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:var(--surface-1);color:#fffffff0;font-size:14px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .12s ease}.panel-button:hover{background:#ffffff26;border-color:#ffffff38}.panel-button:active{transform:translateY(1px)}.dictionary-select-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e}.dictionary-select{width:100%;padding:8px 10px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-strong-soft);font:inherit}.dictionary-select option,.arm-symbol-select option{color:#111}.dictionary-card{padding:14px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:grid;justify-items:center;gap:12px}.spotlight-media.dictionary-media{width:min(112px,56%)}.dictionary-primary-statement{margin-top:-2px;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:#ffbe78eb}.dictionary-description-section{width:100%}.dictionary-description-section p{margin:0;font-size:13px;line-height:1.55;color:#ffffffad}.dictionary-name{font-size:18px;font-weight:750;line-height:1.1}.dictionary-section{width:100%;display:grid;gap:6px}.dictionary-label{margin:8px 0 0;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8f}.dictionary-meanings{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.dictionary-meanings li{padding:4px 8px;border-radius:999px;background:#ffffff13;color:#ffffffbd;font-size:12px}.dictionary-deep-meanings{max-height:7.2em;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 55%,rgba(0,0,0,0));mask-image:linear-gradient(to bottom,#000 55%,#0000)}.reading-card-list{display:grid;gap:10px}.reading-card{cursor:pointer;min-width:0;padding:10px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:112px 1fr;align-items:center;gap:12px}.reading-card:hover{background:#ffffff16;border-color:#ffffff24}.reading-card:focus{outline:2px solid rgba(255,255,255,.28);outline-offset:2px}.reading-card-image-wrap{--preview-scale: 1;--preview-rot: 0deg;--preview-nudge-x: 0%;--preview-nudge-y: 0%;width:90%;aspect-ratio:1 / 1;border-radius:14px;background:#00000038;display:grid;place-items:center;overflow:hidden}.reading-card-image{width:72%;height:72%;object-fit:contain;transform:translate(var(--preview-nudge-x),var(--preview-nudge-y)) rotate(var(--preview-rot)) scale(var(--preview-scale));transform-origin:50% 50%}.reading-card-text{min-width:0;display:grid;gap:6px;justify-items:start}.reading-card-name{max-width:100%;font-size:15px;font-weight:700;line-height:1.15}.reading-card-depth{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:background .18s ease,color .18s ease,transform .18s ease;background:#ffffff1f;color:#ffffffdb}.reading-card-depth[data-depth=secondary],.reading-card-depth[data-depth=deep]{transform:scale(1.03)}.reading-card-depth[data-depth=primary]{background:#78beff33}.reading-card-depth[data-depth=secondary]{background:#bea0ff38}.reading-card-depth[data-depth=deep]{background:#ffbe7838}.face{width:var(--face-size);aspect-ratio:1 / 1;position:relative;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y pinch-zoom}.face:before{content:"";position:absolute;inset:-5%;background:url(/assets/face-Bi__YTw6.png) center / contain no-repeat;transform:translateY(clamp(-12px,calc(var(--face-size) * -.014),-4px));pointer-events:none;z-index:0}.symbol-ring{position:absolute;inset:0;z-index:1}.symbol{position:absolute;left:var(--face-center);top:var(--face-center);width:var(--symbol-size);height:var(--symbol-size);font-size:var(--symbol-size);transform:rotate(calc(var(--deg) + var(--symbol-rot-offset))) translateY(calc(-1 * var(--symbol-radius))) translate(var(--sym-nudge-x),var(--sym-nudge-y)) translate(-50%,-50%);transform-origin:0 0;display:grid;place-items:center;transition:filter .18s ease,transform .18s ease}.symbol.symbol-highlight{z-index:4}.symbol.symbol-highlight img{animation:symbolGoldenGlow 5.6s ease-out}.symbol img{width:100%;height:100%;object-fit:contain;transform:rotate(var(--sym-rot)) scale(var(--sym-scale));transform-origin:50% 50%;pointer-events:auto;cursor:pointer}@keyframes symbolGoldenGlow{0%{filter:drop-shadow(0 0 8px rgba(255,215,135,.95)) drop-shadow(0 0 22px rgba(255,170,70,.62))}28%{filter:drop-shadow(0 0 8px rgba(255,215,135,.92)) drop-shadow(0 0 22px rgba(255,170,70,.58))}62%{filter:drop-shadow(0 0 5px rgba(255,205,120,.62)) drop-shadow(0 0 15px rgba(255,160,70,.34))}to{filter:drop-shadow(0 0 1px rgba(255,205,120,.08)) drop-shadow(0 0 4px rgba(255,160,70,.04))}}.arm{position:absolute;inset:0;z-index:2;transform-origin:var(--face-center) var(--face-center);pointer-events:none}.arm-svg{position:absolute;left:78%;top:var(--face-center);width:18%;height:auto;touch-action:none;transform-origin:0% 32%;transform:translateY(-50%) rotate(90deg);filter:drop-shadow(2px 2px 2px rgba(0,0,0,.65));pointer-events:auto;cursor:grab}.arm-svg:active{cursor:grabbing;filter:drop-shadow(4px 4px 4px rgba(0,0,0,.8))}.arm-1 .arm-svg{left:77%;width:12%;top:52.5%}.arm-2 .arm-svg{left:79%;width:5.5%;top:56%}.arm-3 .arm-svg{width:3.2%;left:78.5%;top:57%;cursor:default;pointer-events:none}.dial{position:absolute;width:var(--dial-art-width);height:var(--dial-art-height);left:calc(var(--face-center) + (var(--dial-radius) + var(--dial-gap, 0px)) * var(--dx) + var(--dial-nudge-x, 0px));top:calc(var(--face-center) + (var(--dial-radius) + var(--dial-gap, 0px)) * var(--dy) + var(--dial-nudge-y, 0px));transform:translate(-50%,-50%) rotate(var(--dial-art-rot, 0deg));background-size:contain;background-repeat:no-repeat;background-position:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:3}.dial:active{cursor:grabbing}.dial-0{--dx: 0;--dy: -1;--dial-nudge-x: calc(var(--face-size) * -.003);--dial-nudge-y: calc(var(--face-size) * -.009);--dial-gap: calc(var(--face-size) * -.007);--dial-art-rot: -28deg}.dial-1{--dx: .866;--dy: .5;--dial-gap: var(--dial-gap-x);--dial-nudge-x: calc(var(--face-size) * .016);--dial-nudge-y: calc(var(--face-size) * -.014);--dial-art-rot: 90deg}.dial-2{--dx: -.866;--dy: .5;--dial-gap: var(--dial-gap-x);--dial-nudge-x: calc(var(--face-size) * -.013);--dial-nudge-y: calc(var(--face-size) * -.016);--dial-art-rot: -145deg}.dial.selected{outline:none;filter:drop-shadow(0 0 5px rgba(255,255,255,.32))}.symbol--hourglass{--sym-scale: .65;--sym-nudge-x: .0125em;--sym-nudge-y: -.25em}.preview--hourglass{--preview-scale: 1.1;--preview-nudge-y: -17%}.symbol--sun{--sym-scale: 1.2;--sym-nudge-y: .2em}.preview--sun{--preview-scale: 1.5;--preview-nudge-y: 0%}.symbol--alpha-omega{--sym-scale: .85;--sym-rot: 3deg;--sym-nudge-x: .025em;--sym-nudge-y: .125em}.preview--alpha-omega{--preview-scale: 1.2;--preview-nudge-y: -5%}.symbol--marionette{--sym-scale: .6;--sym-nudge-y: -.375em}.preview--marionette{--preview-scale: .95;--preview-nudge-y: -24%}.symbol--serpent{--sym-scale: .6;--sym-nudge-y: -.375em}.preview--serpent{--preview-scale: .9;--preview-nudge-y: -26%}.symbol--cauldron{--sym-scale: .85;--sym-nudge-y: -.15em}.preview--cauldron{--preview-scale: 1.4;--preview-nudge-y: -8%}.symbol--anchor{--sym-scale: 1.2;--sym-rot: 63deg;--sym-nudge-y: .25em}.preview--anchor{--preview-scale: 1.4;--preview-rot: 70deg;--preview-nudge-x: -8%;--preview-nudge-y: 4%}.symbol--angel{--sym-scale: .7;--sym-nudge-y: -.225em}.preview--angel{--preview-scale: 1.2;--preview-nudge-y: -14%}.symbol--helmet{--sym-scale: .9;--sym-nudge-x: .05em;--sym-nudge-y: 0px}.preview--helmet{--preview-scale: 1.3;--preview-nudge-x: 6%;--preview-nudge-y: 0%}.symbol--beehive{--sym-scale: .8;--sym-nudge-y: -.1em}.preview--beehive{--preview-scale: 1.2;--preview-nudge-y: 0%}.symbol--moon{--sym-scale: 1;--sym-nudge-y: .125em}.preview--moon{--preview-scale: 1.2;--preview-nudge-y: 0%}.symbol--madonna{--sym-scale: .75;--sym-nudge-y: -.1em}.preview--madonna{--preview-scale: 1.25;--preview-nudge-y: -12%}.symbol--apple{--sym-scale: 1.3;--sym-rot: -25deg;--sym-nudge-x: .075em;--sym-nudge-y: .15em}.preview--apple{--preview-scale: 1.3;--preview-rot: -30deg;--preview-nudge-x: 8%;--preview-nudge-y: 0%}.symbol--bird{--sym-scale: .75;--sym-rot: 55deg;--sym-nudge-y: -.2em}.preview--bird{--preview-scale: 1.12;--preview-rot: 55deg;--preview-nudge-y: -16%}.symbol--bread{--sym-scale: 1.2;--sym-rot: -20deg;--sym-nudge-y: .1em}.preview--bread{--preview-scale: 1.4;--preview-nudge-x: 5%;--preview-nudge-y: 0%}.symbol--ant{--sym-scale: 1.2;--sym-rot: -135deg;--sym-nudge-y: .35em}.preview--ant{--preview-scale: 1.4;--preview-rot: -135deg;--preview-nudge-y: 5%}.symbol--bull{--sym-scale: 1.1;--sym-nudge-y: .25em}.preview--bull{--preview-scale: 1.3;--preview-nudge-y: 8%}.symbol--candle{--sym-scale: .65;--sym-nudge-y: -.25em}.preview--candle{--preview-scale: 1;--preview-nudge-y: -21%}.symbol--cornucopia{--sym-scale: 1.1;--sym-nudge-y: .2em}.preview--cornucopia{--preview-scale: 1.2;--preview-nudge-y: 0%}.symbol--chameleon{--sym-scale: 1.2;--sym-nudge-x: .05em;--sym-nudge-y: .175em}.preview--chameleon{--preview-scale: 1.3;--preview-nudge-y: 0%}.symbol--thunderbolt{--sym-scale: .6;--sym-nudge-y: -.325em}.preview--thunderbolt{--preview-scale: .9;--preview-nudge-y: -21%}.symbol--dolphin{--sym-scale: .9;--sym-rot: 20deg;--sym-nudge-y: .075em}.preview--dolphin{--preview-scale: 1.3;--preview-rot: -15deg;--preview-nudge-y: -4%}.symbol--walled-garden{--sym-scale: 1.1;--sym-nudge-y: .2em}.preview--walled-garden{--preview-scale: 1.2;--preview-nudge-y: -8%}.symbol--globe{--sym-scale: .75;--sym-nudge-y: -.05em}.preview--globe{--preview-scale: 1.2;--preview-nudge-y: -6%}.symbol--sword{--sym-scale: .4;--sym-rot: -30deg;--sym-nudge-y: -.875em}.preview--sword{--preview-scale: .6;--preview-rot: -30deg;--preview-nudge-y: -40%}.symbol--griffin{--sym-scale: 1;--sym-nudge-y: .225em}.preview--griffin{--preview-scale: 1.2;--preview-nudge-y: 0%}.symbol--horse{--sym-scale: 1;--sym-nudge-y: .175em}.preview--horse{--preview-scale: 1.35;--preview-nudge-y: 0%}.symbol--camel{--sym-scale: .75;--sym-nudge-y: -.05em}.preview--camel{--preview-scale: 1.15;--preview-nudge-y: -9%}.symbol--elephant{--sym-scale: 1.1;--sym-nudge-x: .025em;--sym-nudge-y: .25em}.preview--elephant{--preview-scale: 1.3;--preview-nudge-y: 7%}.symbol--crocodile{--sym-scale: 1;--sym-nudge-x: .125em;--sym-nudge-y: .3em}.preview--crocodile{--preview-scale: 1.3;--preview-nudge-y: 0%}.symbol--baby{--sym-scale: 1.1;--sym-nudge-x: .125em;--sym-nudge-y: .3em}.preview--baby{--preview-scale: 1.3;--preview-nudge-y: 0%}.symbol--compass{--sym-scale: .35;--sym-nudge-x: .025em;--sym-nudge-y: -1.125em}.preview--compass{--preview-scale: .55;--preview-nudge-y: -43%}.symbol--lute{--sym-scale: .55;--sym-rot: 20deg;--sym-nudge-x: .075em;--sym-nudge-y: -.55em}.preview--lute{--preview-scale: .7;--preview-rot: 20deg;--preview-nudge-y: -33%}.symbol--tree{--sym-scale: .8;--sym-nudge-y: -.05em}.preview--tree{--preview-scale: 1.2;--preview-nudge-y: -12%}.symbol--father{--sym-scale: .56;--sym-nudge-x: .025em;--sym-nudge-y: -.45em}.preview--father{--preview-scale: .85;--preview-nudge-y: -29%}.symbol--owl{--sym-scale: .55;--sym-nudge-y: -.35em}.preview--owl{--preview-scale: .9;--preview-nudge-y: -23%}@media(prefers-reduced-motion:reduce){.tutorial-target-outline{animation:none}}@media(max-width:900px){#app{grid-template-columns:1fr;grid-template-rows:var(--mobile-header-height) 1fr;grid-template-areas:"app-header" "stage"}#app header{display:flex;height:var(--mobile-header-height);min-height:0;padding:12px 16px;align-items:center}#app header .header-copy{align-items:center;gap:10px;min-width:0}#app header h1{line-height:1;transform:none}#app header p{display:none}.header-actions{align-items:end}.header-actions>button:not(#howToPlayBtn){display:none}#howToPlayBtn{width:32px;height:32px;min-width:32px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:15px;font-weight:600;line-height:1}#app>aside{display:block;position:fixed;inset:auto 0 0;z-index:30;height:var(--mobile-tabbar-height);padding-right:0;background:#050c1afa;border-top:1px solid var(--border-strong);border-radius:0;overflow:hidden;transition:height .22s ease}#app>aside.mobile-panel-open{height:calc(100dvh - var(--mobile-header-height))}#app>aside.mobile-panel-open .side-tab.active{background:#ffffff18;color:#fffffffa}#app>aside:not(.mobile-panel-open) .panel-content{padding:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none}#app>aside:not(.mobile-panel-open) .side-tab.active{background:transparent;color:#ffffffa8}#app>aside:not(.mobile-panel-open) .side-tab.active:hover{background:#ffffff0f;color:#ffffffe6}.panel{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) var(--mobile-tabbar-height);height:100%;min-height:0}.panel-content{grid-column:1;grid-row:1;min-width:0;min-height:0;padding:16px;border-right:0;overflow-y:auto;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .12s ease}.side-tabs{grid-column:1;grid-row:2;position:static;top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-content:stretch;width:100%;height:var(--mobile-tabbar-height);min-height:var(--mobile-tabbar-height);padding:0;border-top:1px solid rgba(255,255,255,.08);background:#050c1afa}.side-tab{width:100%;min-width:0;min-height:0;height:var(--mobile-tabbar-height);padding:0;font-size:1.5em;font-weight:300;letter-spacing:.015em;display:grid;place-items:center;border:0;border-right:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;color:#ffffffa8;box-shadow:none;transform:none}.side-tab.active{background:#ffffff18;color:#fffffffa}.side-tab:hover{background:#ffffff0f;color:#ffffffe6;box-shadow:none;transform:none}.side-tab:focus{outline:none}.side-tab:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #ffffff47}.side-tab:last-child{border-right:0}.side-tab-content{position:static;left:auto;top:auto;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:6px;transform:none;white-space:nowrap}#app>main{padding:12px 12px calc(var(--mobile-tabbar-height) + 12px);width:100%;height:auto;min-height:0;place-items:center}.face{--face-size: min(calc((100vw - 24px) / 1.1), calc((100cqh - var(--mobile-tabbar-height)) / 1.1), 700px);margin-top:calc(var(--face-size) * .05)}}@media(max-width:900px)and (min-width:551px){.face{--symbol-radius: calc((var(--face-size) / 2) - calc(var(--face-size) * .092))}}@media(max-width:900px){.tutorial-card{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;border-radius:18px}.tutorial-card h2{font-size:19px}.tutorial-remember{display:none}.tutorial-actions{align-items:stretch;flex-direction:column}.tutorial-navigation{order:1;width:100%;margin-left:0}.tutorial-navigation button{flex:1}.tutorial-skip,.tutorial-remember-button{order:2;width:100%}}@media(max-width:500px){.side-tab{font-size:12px;font-weight:500;letter-spacing:.01em}#app header h1{font-size:20px;letter-spacing:.025em}}@media(max-width:420px)and (max-height:740px){.tutorial-card{width:calc(100vw - 32px);max-height:60dvh;padding:15px;border-radius:16px;overscroll-behavior:contain}.tutorial-progress{margin-bottom:6px}.tutorial-card h2{margin-bottom:9px;font-size:18px}.tutorial-body p{margin-bottom:9px;line-height:1.45}.tutorial-example{margin-top:10px;padding:10px 12px}.tutorial-actions{gap:8px;margin-top:14px}.tutorial-actions button{padding:10px 14px}}