@font-face{font-family:Garden;src:url('assets/GardenKufi-Regular.ttf')}@font-face{font-family:Garden;src:url('assets/GardenKufi-Bold.ttf');font-weight:700}@font-face{font-family:GardenTitle;src:url('assets/GardenTitle.ttf')}
:root{--ink:#071e24;--deep:#06171d;--panel:#0a2930;--gold:#ddba78;--pale:#f5e6c7;--muted:#9fb8b6;--line:rgba(218,181,112,.25);--green:#8ed9bc;--scene:url('assets/moon-garden.png');--scene-brightness:.75;color-scheme:dark;--glow:0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061b22;color:var(--pale);font:13px/1.9 Garden,Tahoma,sans-serif;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default;opacity:.4}a{color:var(--gold);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffe3a6;outline-offset:4px}button{transition:filter .18s,transform .18s,background .18s}button:hover:not(:disabled){filter:brightness(1.16)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}body[data-scene="1"]{--scene:url('assets/rose-atrium.png');--scene-brightness:.64}body[data-scene="2"]{--scene:url('assets/garden.png');--scene-brightness:.75}
.scenery{position:fixed;inset:0;background-image:var(--scene);background-position:center 37%;background-size:cover;filter:brightness(var(--scene-brightness)) saturate(.85);z-index:-3;transition:filter 2s,background-image 1s}.veil{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,17,22,.8),rgba(5,21,27,.1) 42%,rgba(3,17,22,.63)),linear-gradient(0deg,#061a20 0%,transparent 60%,rgba(3,17,22,.25))}#ambience{position:fixed;inset:0;pointer-events:none;z-index:-1}.shell{max-width:1480px;margin:auto;padding:22px 40px 0}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid rgba(230,193,125,.18)}.brand{display:flex;gap:12px;align-items:center;background:none;text-align:right;line-height:1.3;font-size:24px;font-weight:700}.brand small{display:block;color:var(--gold);font-size:9px;font-weight:400;letter-spacing:1px;margin-top:8px}.brand-seal{width:53px;height:61px;display:grid;place-items:center;font-family:GardenTitle,serif;font-size:42px;color:#efd098;border:1px solid var(--gold);border-radius:24px 24px 8px 8px;box-shadow:inset 0 0 0 4px #0b283077,inset 0 0 0 5px #cdaa6244;background:linear-gradient(145deg,#28616b88,#071a22aa)}.top-actions{display:flex;gap:12px;align-items:center}.round-button{height:42px;width:42px;border:1px solid var(--line);border-radius:50%;background:#0d2b31b0;font-size:20px;display:grid;place-items:center}.light-pill{display:flex;gap:9px;align-items:center;border:1px solid #d8b87766;border-radius:40px;padding:7px 16px;background:linear-gradient(120deg,#846b393d,#071c2399);box-shadow:inset 0 1px 0 #e5c38133}.light-pill strong{font-size:18px}.light-pill small{color:var(--gold);font-size:10px}.spark{font-size:24px;color:var(--gold);text-shadow:0 0 20px #f4ce8780}.equalizer{display:flex;gap:3px;align-items:center;height:20px}.equalizer i{width:2px;height:10px;background:var(--gold)}.equalizer i:nth-child(2){height:19px}.equalizer i:nth-child(3){height:14px}body.music-playing .equalizer i{animation:eq 1s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.3s!important}.equalizer i:nth-child(3){animation-delay:-.7s!important}
.layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(350px,450px) minmax(200px,.82fr);gap:45px;align-items:start;padding:26px 0 30px}.story-column{padding-top:62px}.overline{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:9px}.overline span{width:26px;height:1px;background:var(--gold)}h1{font-family:GardenTitle,Garden,serif;font-size:58px;line-height:1.3;margin:23px 0 18px;text-shadow:0 2px 20px #000}h1 em{font-style:normal;color:#edcd91}.intro{color:#c0ceca;font-size:12px;line-height:2.3}.chapter-plaque{padding:24px 0 0;border-top:1px solid var(--line);margin-top:35px;max-width:280px}.eyebrow,.aside-label,.dialog-eyebrow{font-size:9px;letter-spacing:.6px;color:var(--gold)}.chapter-plaque h2{font-size:21px;margin:7px 0}.chapter-plaque p{font-size:10px;color:var(--muted)}.chapter-progress{display:flex;justify-content:space-between;color:#acc5c1;font-size:10px;margin-top:17px}.track{height:3px;background:#acc5c125;overflow:hidden;border-radius:5px;margin-top:7px}.track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#6cac9c,#efd29a);box-shadow:0 0 8px #c6e6b5;transition:width 1s}.text-link{background:none;color:var(--gold);font-size:11px;padding:14px 0 0;display:flex;align-items:center;gap:23px}.signature-note{display:flex;gap:8px;align-items:center;font-size:9px;color:#a3b4b1;margin-top:35px}.signature-note b{font-size:16px;color:var(--gold);font-weight:400}.signature-note i{margin:0 4px}
.play-column{min-width:0}.scene-caption{display:flex;justify-content:space-between;font-size:9px;color:#e4d1a8;padding:0 9px 13px;letter-spacing:.8px}.play-panel{position:relative;padding:17px 24px 10px;background:linear-gradient(165deg,rgba(13,50,57,.94),rgba(4,26,34,.97) 75%);border:1px solid #d7b3717d;border-radius:56px 56px 22px 22px;box-shadow:0 25px 70px #0009,inset 0 0 0 5px #0d2e36aa,inset 0 0 0 6px #d2af6440,inset 0 12px 50px #c1dcbb0b;backdrop-filter:blur(14px);overflow:visible}.play-panel:before,.play-panel:after{content:'';width:8px;height:8px;position:absolute;top:54px;border:1px solid var(--gold);transform:rotate(45deg);background:#163d44}.play-panel:before{right:-5px}.play-panel:after{left:-5px}.panel-crown{position:absolute;top:-17px;left:50%;transform:translateX(-50%);width:50px;height:28px;display:grid;place-items:center;font-size:31px;color:#e9c787;text-shadow:0 0 12px #e7c77c66}.play-top{display:flex;align-items:center;justify-content:space-between;padding:5px 6px 2px}.stage-pill{background:transparent;color:#b9cbc5;font-size:10px;display:flex;gap:6px;align-items:center}.stage-pill b{font-size:13px;color:#e6cd9d;font-weight:400}.stage-pill span{padding:0 4px}.bookmark{font-size:28px;line-height:1;background:none;color:#c9ad72}.bookmark[aria-pressed=true]{color:#a9f0d1;text-shadow:0 0 12px #b3e4c9}.mode-title{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 4px}.mode-title h2{font-size:20px;color:#f5e2bd}.mode-emblem{color:var(--gold);font-size:23px}.instruction{text-align:center;font-size:9px;color:var(--muted);min-height:20px;margin-bottom:8px}.puzzle-clue{padding:13px 12px;background:linear-gradient(135deg,#2f646041,#17414929);border:1px solid #90c8b635;border-radius:12px;color:#d8ede0;text-align:center;font-size:12px;margin:12px 0 18px;min-height:65px;display:flex;align-items:center;justify-content:center}.progress-line{display:flex;align-items:center;gap:8px;margin:5px 0 10px;color:#9ebdb7;font-size:9px}.progress-line>span{min-width:67px}.word-dots{display:flex;gap:4px;flex:1}.word-dots i{width:4px;height:4px;background:#617970;border-radius:50%}.word-dots i.found{background:#e7c785;box-shadow:0 0 7px #e7c78566}.tiny-button{background:none;color:#bea775;font-size:9px;padding:0}.word-board{display:flex;flex-direction:column;gap:7px;min-height:165px;justify-content:center;margin:0 auto 6px;align-items:center}.word-row{display:flex;direction:rtl;gap:5px;justify-content:center;position:relative}.word-cell{width:32px;height:35px;border:1px solid #66958c47;border-bottom-color:#ccab6455;border-radius:7px;background:linear-gradient(145deg,#2c50533a,#102d3655);display:grid;place-items:center;font-size:18px;line-height:1;color:#ebdec4;box-shadow:inset 0 1px 3px #03192066}.word-cell:empty:after{content:'';width:5px;height:1px;background:#80938977}.word-row.solved .word-cell{background:linear-gradient(145deg,#426d583b,#3769556b);border-color:#a8dab35e;color:#dbf3d6;box-shadow:0 0 14px #90d9b20a,inset 0 1px #b9e0b21c}.word-cell.revealed{color:#ecd296;border-color:#ceb27877}.word-cell.blank{background:#d6b26d22;border-color:#d6b26d77}.word-cell.known{background:#102c3390;color:#8bc4b9}.word-row.current-hit{animation:bloom .55s ease-out}.word-board.single{min-height:72px;margin:18px auto 9px}.word-board.single .word-cell{width:37px;height:44px;font-size:23px}.selection-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:11px 0 0;min-height:37px}.selected-word{min-width:135px;max-width:calc(100% - 90px);text-align:center;font-size:24px;line-height:1.4;color:#f5d696;word-break:break-all;transition:color .15s}.selected-word.empty{font-size:11px;color:#a6b8ab}.clear-word,.submit-word{width:34px;height:31px;background:transparent;border:1px solid #9aab883f;color:#aebfaf;border-radius:8px;font-size:16px}.submit-word{background:linear-gradient(145deg,#bd9951,#e5c789);color:#143c36;border-color:#ecd7a4}.wheel{width:292px;height:272px;max-width:100%;position:relative;margin:0 auto;touch-action:none;user-select:none;-webkit-user-select:none;direction:ltr}.orbit{position:absolute;border:1px solid #d5bb7540;pointer-events:none;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit.outer{width:218px;height:218px;box-shadow:0 0 0 8px #d5bb7505,0 0 0 9px #d5bb7512,inset 0 0 25px #ceb67309}.orbit.inner{width:135px;height:135px;border-style:dashed;border-color:#d5bb7520;animation:orbit 110s linear infinite}.letter{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:56px;height:56px;border-radius:18px;border:1px solid #e2c88b;display:grid;place-items:center;background:linear-gradient(145deg,#f6e1b6 0%,#d2b277 45%,#bfa063 52%,#e8cf99 100%);color:#183b3d;box-shadow:0 4px 0 #7c693f,0 7px 14px #0007,inset 0 0 0 3px #edd69e,inset 0 0 0 4px #937c4d55,inset 0 3px 3px #fff5dc99;font-size:28px;line-height:1;font-weight:700;z-index:3;padding:0 0 5px;transition:background .13s,box-shadow .13s,color .13s}.letter:hover:not(:disabled){filter:brightness(1.05);transform:translate(-50%,-50%)}.letter:active:not(:disabled){transform:translate(-50%,-48%)}.letter.selected{background:linear-gradient(145deg,#357b74,#163d4a);border-color:#9cdbcb;color:#e4ffe8;box-shadow:0 4px 0 #102934,0 0 20px #95e3c946,inset 0 0 0 3px #58847b44}.shuffle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:38px;color:#ccb476;background:radial-gradient(circle,#233f40,#0b2b3399);border:1px solid #d1b87733;width:55px;height:55px;border-radius:50%;box-shadow:inset 0 0 0 4px #d1b87708;z-index:2;padding:0}.shuffle:active:not(:disabled){transform:translate(-50%,-50%) rotate(25deg)}#connections{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}#connections polyline,#connections line{fill:none;stroke:#c8e6b8;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #bad9a099);opacity:.72}.gesture-tip{text-align:center;color:#839f99;font-size:8px;margin:-1px 0 10px}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);padding-top:12px}.tools button{background:linear-gradient(145deg,#2d4f4c33,#092d3580);border:1px solid #b7a46b33;border-radius:12px;padding:6px 3px 7px;display:flex;flex-direction:column;align-items:center;box-shadow:inset 0 1px #dfc18816}.tools span{font-size:25px;line-height:1.2;color:#dbbc7f}.tools b{font-weight:400;font-size:10px;color:#e2d0ab}.tools small{font-size:7px;color:#85a49d}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 0;gap:8px;font-size:8px;color:#92afa5;min-height:28px}.panel-footer button{font-size:12px;color:#d3bb82;border:1px solid #ddba7840;border-radius:50%;height:23px;width:23px;background:transparent}.continue-stage{margin:12px 0 6px;width:100%}.connection-area{min-height:314px;padding-top:4px}.connection-anchor{font-family:GardenTitle,serif;font-size:44px;text-align:center;color:#ead3a4;margin-bottom:24px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-button{min-height:68px;background:linear-gradient(135deg,#234c4c,#0c2c37);border:1px solid #b7aa6f61;border-radius:15px;color:#e6d9b9;font-size:16px;box-shadow:0 4px 0 #062029,inset 0 1px #dbbd7a30}.option-button.correct{background:#3d7256;border-color:#bce0a5}.option-button.wrong{animation:shake .25s}.option-button.eliminated{opacity:.25;text-decoration:line-through}.sync-line{font-size:8px;display:flex;gap:6px;justify-content:center;align-items:center;margin-top:13px;color:#a7b8ae}.sync-line button{background:transparent;color:inherit;font-size:9px}.sync-line i{width:5px;height:5px;border-radius:50%;background:#d2b779}.sync-line i.online{background:#8dcea7}.sync-line i.error{background:#edaf85}
.collection-column{padding-top:64px;max-width:275px}.aside-label{margin-bottom:18px}.destination-card{display:flex;width:100%;align-items:center;gap:12px;text-align:right;padding:17px 10px;border-bottom:1px solid #d4b47722;background:transparent}.destination-icon{font-size:24px;color:var(--gold);width:28px;text-align:center}.destination-card b{font-size:12px;font-weight:400;color:#ebdfc3}.destination-card small{display:block;font-size:8px;color:#a6b9b0;margin-top:3px}.destination-card i{margin-right:auto;font-style:normal;color:#b6a27a}.account-card{margin-top:8px}.garden-meter{text-align:center;border:1px solid #d7b37030;border-radius:50% 50% 18px 18px;padding:22px 13px 13px;margin-top:28px;background:linear-gradient(150deg,#0b35373d,#061c2499)}.garden-mark{display:block;font-size:31px;color:#e1c07c;text-shadow:0 0 30px #ecd4936b}.garden-meter strong{font-weight:400;font-size:12px}.garden-meter p{font-size:8px;color:var(--muted);margin-top:6px}.garden-meter .text-link{margin:auto;font-size:9px;gap:10px}.site-footer{font-size:8px;color:#7e9d95;display:flex;justify-content:space-between;border-top:1px solid #ceb37a19;padding:15px 0 19px}.bottom-nav{display:none}
.toast{position:fixed;z-index:50;left:50%;bottom:35px;transform:translate(-50%,20px);max-width:min(90vw,480px);padding:13px 25px;background:#153c3ff2;border:1px solid #c0b07777;border-radius:15px;color:#f0dfbc;box-shadow:0 10px 45px #0008;font-size:12px;text-align:center;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{color:var(--pale);background:linear-gradient(150deg,#153c42,#061d29 75%);border:1px solid #dabc7c77;border-radius:28px;padding:33px 30px 27px;width:520px;max-width:calc(100vw - 24px);max-height:86vh;max-height:86dvh;overflow:auto;box-shadow:0 30px 100px #000b,inset 0 0 0 5px #dabc7c06}dialog::backdrop{background:#020d16b0;backdrop-filter:blur(7px)}.dialog-close{position:absolute;top:11px;left:13px;border:1px solid #d5be8833;border-radius:50%;width:30px;height:30px;background:#092a35;font-size:21px;color:#d7c39b}.dialog-heading{font-family:GardenTitle,Garden,serif;font-size:34px;margin:8px 0 15px;line-height:1.5}.dialog-sub{font-size:11px;color:#acbfb7;margin:8px 0 18px;line-height:2.2}.primary,.secondary{display:block;text-align:center;padding:12px 20px;border-radius:12px;line-height:1.8;font-size:12px;cursor:pointer}.primary{background:linear-gradient(125deg,#ba9754,#edce94 60%,#c7a566);border:1px solid #eedba8;color:#163638;box-shadow:0 3px 0 #8b7044,inset 0 1px #fff1cd80;font-weight:700}.secondary{color:#d8c69c;background:#163d4244;border:1px solid #baa76e44}.dialog-actions{display:grid;gap:10px;margin-top:22px}.panel-list{display:grid;gap:9px}.panel-item{padding:16px;border:1px solid #c4b07833;border-radius:14px;background:#29605b22;text-align:right;display:block;width:100%}.panel-item h3{font-size:14px;color:#ead8b1}.panel-item p{font-size:9px;color:#a9c0b4;margin-top:5px}.panel-item .item-meta{font-size:8px;color:#c8b17a;margin-top:8px;display:flex;justify-content:space-between}.panel-item .progress{height:3px;background:#f0daaa15;margin-top:10px;border-radius:4px}.panel-item .progress i{display:block;height:3px;background:linear-gradient(90deg,#79b598,#e1c791)}.pack-emblem{float:left;border:1px solid #d6bf8244;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#e0c991;font-size:20px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:16px 0}.level-grid button{border:1px solid #b5ba8455;border-radius:11px;background:#1d484c55;min-height:57px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px;color:#ddcda8}.level-grid button small{font-size:8px;color:#8bb2a5}.level-grid button.solved{background:#5281633d;border-color:#a0c79966}.level-grid button.current{border-color:#edcf8f;box-shadow:0 0 13px #edcf8f26}.level-grid button:disabled{opacity:.33}.tag{display:inline-block;border:1px solid #c7b78044;padding:3px 9px;border-radius:30px;color:#c5d4b5;font-size:9px}.word-chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.word-chip{padding:6px 14px;border:1px solid #c0ae6b44;border-radius:10px;font-size:12px;background:#385f5133}.reward-orb{width:98px;height:98px;border-radius:50%;border:1px solid #e4c47b55;background:radial-gradient(circle,#cdb97436,transparent);margin:4px auto 12px;display:grid;place-items:center;font-size:56px;color:#e7c97e;box-shadow:0 0 30px #d6bd7522,inset 0 0 0 7px #d6bd7508}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.reward-stat{padding:14px 5px;text-align:center;border:1px solid #d3c19325;border-radius:12px;background:#274b4633}.reward-stat b{display:block;font-size:24px;font-weight:400;color:#e4cf9d}.reward-stat small{font-size:8px;color:#afc0ad}.victory{text-align:center}.victory .word-chips{justify-content:center}.victory .dialog-heading{margin-bottom:6px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid #cfb77c22}.setting-row b{font-size:11px;font-weight:400}.setting-row small{display:block;font-size:8px;color:#9db7ab}.toggle{height:25px;width:44px;border-radius:40px;background:#51716955;border:1px solid #c2c3a844;position:relative;flex:none}.toggle:after{content:'';position:absolute;width:17px;height:17px;border-radius:50%;top:3px;left:4px;background:#8a9e96}.toggle[aria-checked=true]{background:#6fb49655;border-color:#b7dfb45c}.toggle[aria-checked=true]:after{left:21px;background:#d6e9ba;box-shadow:0 0 7px #d6e9ba55}.choice-row{display:flex;gap:7px;margin:10px 0;flex-wrap:wrap}.choice-row button{font-size:9px;padding:8px 12px;border-radius:10px;background:#1c434b;border:1px solid #bda96b33}.choice-row button.selected{border-color:#d8bd7a;color:#f0dcad;background:#b4a96222}.scene-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.scene-choice button{height:110px;border:1px solid #baa56a55;border-radius:12px;overflow:hidden;padding:0;background-size:cover;background-position:center;display:flex;align-items:flex-end}.scene-choice span{width:100%;font-size:8px;padding:8px 0;background:#072631bb}.scene-choice button.selected{outline:2px solid #e2c784;outline-offset:3px}.note{font-size:9px;color:#9ab0a5;line-height:2.1;margin-top:14px}.warning{color:#edc399}.field{display:block;width:100%;border:1px solid #baaa7055;background:#071d29;border-radius:10px;padding:12px;color:#ece1c4;margin:10px 0;font-size:12px}.field-label{display:block;margin-top:15px;font-size:10px;color:#c6d1ba}.dictionary-list{max-height:48vh;overflow:auto}.dictionary-entry{padding:13px 0;border-bottom:1px solid #d3ba7922}.dictionary-entry b{font-size:15px;color:#e2c992;font-weight:400}.dictionary-entry p{font-size:10px;color:#afc5b8;margin-top:4px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.badge{padding:12px 4px;border:1px solid #ccb97722;border-radius:14px;text-align:center;opacity:.43}.badge.earned{opacity:1;border-color:#d6c08277;background:radial-gradient(circle at top,#d7bd7133,transparent)}.badge span{display:block;font-size:26px;color:#e6cd8f}.badge b{display:block;font-size:9px;font-weight:400}.badge small{font-size:7px;color:#9fb6a6}.garden-picture{height:170px;border-radius:16px;background:linear-gradient(0deg,#06232cbb,transparent),var(--scene) center 42%/cover;display:flex;align-items:flex-end;justify-content:center;padding:14px;margin:14px 0}.garden-picture span{font-size:12px}.help-step{font-size:11px;color:#bccebf;border-right:1px solid #cab27455;padding:6px 13px;margin:16px 0}.celebration{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}.petal{position:absolute;width:5px;height:9px;background:#d6c080;border-radius:50% 0;animation:petalfall 1.9s ease-in forwards}.loading{opacity:.65;pointer-events:none}.inline-error{font-size:10px;color:#edb58b;padding:10px 0}.right-note{font-size:9px;color:#c6b483}.separator{border:0;border-top:1px solid #d0b57d22;margin:18px 0}
@keyframes eq{to{height:4px}}@keyframes orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes bloom{0%{transform:scale(.96)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes shake{25%{transform:translateX(4px)}75%{transform:translateX(-4px)}}@keyframes petalfall{0%{transform:translateY(-15px) rotate(0);opacity:0}15%{opacity:1}100%{transform:translateY(100vh) rotate(400deg);opacity:0}}
body.no-motion *,body.no-motion *:before,body.no-motion *:after{animation:none!important;transition:none!important}body.no-motion .petal{display:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(min-width:1450px){.layout{gap:65px}.story-column{padding-top:80px}h1{font-size:69px}.collection-column{padding-top:80px}}
@media(max-width:1100px){.shell{padding:19px 25px 0}.layout{grid-template-columns:1fr minmax(345px,430px);gap:38px}.collection-column{display:none}.story-column{padding-top:70px}h1{font-size:59px}}
@media(max-width:760px){body{font-size:12px}.shell{padding:17px 17px 0}.topbar{padding-bottom:16px;border-bottom:0}.brand{font-size:20px;gap:9px}.brand-seal{width:40px;height:47px;font-size:34px;border-radius:20px 20px 7px 7px}.brand small{font-size:7px;margin-top:5px}.top-actions{gap:8px}.round-button{width:34px;height:34px;font-size:17px}.light-pill{padding:4px 10px;gap:6px}.light-pill strong{font-size:16px}.light-pill small{font-size:8px}.light-pill .spark{font-size:20px}.layout{display:block;max-width:440px;margin:auto;padding:0 0 93px}.story-column{display:none}.play-column{padding-top:71px}.scene-caption{padding:0 9px 12px;font-size:8px}.play-panel{padding:14px 21px 9px;border-radius:45px 45px 20px 20px;backdrop-filter:blur(9px);background:linear-gradient(160deg,#103b41f0,#07222df7)}.mode-title h2{font-size:19px}.instruction{font-size:8px;line-height:1.9;margin:4px 0 10px}.play-top{padding-top:4px}.word-board{min-height:159px}.word-cell{width:32px;height:34px}.wheel{height:270px;width:285px}.letter{width:53px;height:53px;font-size:26px;border-radius:17px}.tools{gap:8px;padding-top:11px}.tools button{padding:7px 2px}.tools b{font-size:9px}.tools small{font-size:7px}.tools span{font-size:24px}.panel-footer{font-size:7px;padding-top:9px}.gesture-tip{font-size:7px}.scenery{background-size:auto 115vh;background-position:center top;filter:brightness(.91) saturate(.88)}.veil{background:linear-gradient(0deg,#061d26 0%,#061e2666 54%,#061e2622 82%,#061e2677)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;padding:9px 10px calc(9px + env(safe-area-inset-bottom));justify-content:space-around;background:linear-gradient(180deg,#0c2937ee,#06212bf9);border-top:1px solid #d6b87944;backdrop-filter:blur(18px)}.bottom-nav button{background:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8px;color:#93b1a7;min-width:50px;padding:0 9px}.bottom-nav span{font-size:21px;line-height:1.2}.bottom-nav .active{color:#ecd49d}.site-footer{display:none}.toast{bottom:90px;font-size:11px;padding:12px 18px}.sync-line{font-size:8px}.sync-line button{font-size:8px}.puzzle-clue{font-size:11px;padding:12px}.word-board.single{min-height:60px}.word-board.single .word-cell{width:33px;height:42px;font-size:21px}.word-row{gap:4px}dialog{padding:31px 22px 23px}.dialog-heading{font-size:31px}.scene-choice button{height:100px}.connection-area{min-height:300px}.option-button{font-size:14px}.panel-item{padding:13px}.chapter-plaque{margin-top:20px}}
@media(max-width:370px){.shell{padding:12px 10px 0}.play-panel{padding-left:17px;padding-right:17px}.play-column{padding-top:64px}.word-cell{width:29px;height:32px}.word-board.single .word-cell{width:30px;font-size:20px}.top-actions{gap:5px}.light-pill small{display:none}.brand{font-size:18px}.wheel{width:272px;height:266px}.letter{width:50px;height:50px}.mode-title h2{font-size:17px}}
@media(max-width:760px) and (max-height:760px){.play-column{padding-top:30px}.word-board{min-height:149px;gap:5px}.wheel{height:249px;width:269px}.letter{width:50px;height:50px;font-size:25px}.orbit.outer{width:205px;height:205px}.play-panel{padding-top:10px}.topbar{padding-bottom:10px}}
/* Compact puzzle geometry keeps the entire letter wheel above the navigation. */
.mode-emblem{line-height:1.2}.mode-title h2{line-height:1.6}.play-top{min-height:30px;line-height:1.4}.word-board:not(.single){display:grid;grid-template-columns:repeat(2,max-content);column-gap:17px;row-gap:8px;min-height:129px;align-content:center;justify-content:center}.word-row.long-word{grid-column:1/-1}.tools b{line-height:1.7}.tools small{line-height:1.8}.stage-pill{line-height:1.5}.gesture-tip{line-height:1.7}
@media(max-width:760px){.play-column{padding-top:14px}.scene-caption{padding-bottom:12px}.mode-title h2{line-height:1.55}.word-board:not(.single){min-height:120px;row-gap:7px}.word-cell{height:32px}.instruction{font-size:9px}.wheel{width:250px;height:240px;margin-top:3px}.letter{width:50px;height:50px;font-size:25px}.orbit.outer{width:191px;height:191px}.orbit.inner{width:123px;height:123px}.tools{padding-top:10px}.tools button{padding:5px 2px}.tools span{font-size:24px;line-height:1.1}.tools b{line-height:1.7}.tools small{line-height:1.6}.panel-footer{padding-top:7px;min-height:27px;line-height:1.8}.connection-area{min-height:266px}.connection-anchor{margin-bottom:16px}.sync-line{margin-top:9px}.play-panel{padding-top:12px}.selection-row{margin-top:8px;min-height:34px}.gesture-tip{margin-top:0;margin-bottom:8px}.layout{padding-bottom:88px}}
@media(max-width:370px){.play-column{padding-top:12px}.word-board:not(.single){column-gap:12px}.word-cell{width:29px}.instruction{font-size:8px}.wheel{width:244px;height:234px}}
@media(max-width:760px){.scenery{filter:brightness(calc(var(--scene-brightness) + .1)) saturate(.88)}}