/* Vazhegard 0.4 — engraved jade controls, clear tool feedback, restrained motion. */
:root{--v4-jade:#124e49;--v4-gold:#efd79c;--v4-edge:#a8905d;--v4-ink:#062a30}
button,a,input{touch-action:manipulation}
.primary{position:relative;isolation:isolate;border:0;background:transparent;color:#fff0c8;text-shadow:0 1px 2px #001d21;box-shadow:none;padding:15px 29px;min-height:59px;font-weight:700}
.primary:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/v4/control-plaque-jade.webp') 50.495% 46.075%/104.877% 167.981% no-repeat;filter:drop-shadow(0 4px 2px #001f24a0);pointer-events:none}
.primary:hover{filter:brightness(1.12)}.primary:active:not(:disabled){filter:brightness(1.18);translate:0 2px}
.entry-bottom .primary{background:none;border:0;border-radius:0;box-shadow:none;min-height:68px;font-size:20px;padding-inline:38px}
.entry-card .primary{min-height:62px;font-size:16px;padding-inline:31px}
.secondary,.round-button,.clear-word,.submit-word,.tutorial-reset,.chapter-strip button,.video-skip,.video-sound,.video-retry{background:linear-gradient(155deg,#477563,#194b48 48%,#0c353d);color:#f3ddb0;border:1px solid #d8bd7a9e;box-shadow:inset 0 0 0 3px #122f365c,inset 0 0 0 4px #f0d79630,inset 0 2px 2px #fff0b22b,0 3px 0 #06242b,0 7px 14px #011e253d}
.secondary{padding:12px 18px;min-height:52px;border-radius:16px}
.round-button{border-radius:16px}.round-button .vg-icon{width:23px;height:23px;stroke-width:1.7}
.light-pill{background:linear-gradient(130deg,#47776366,#103d41);border-color:#e6ca8385;box-shadow:inset 0 0 0 3px #072e3c55,0 3px 0 #06262d;gap:8px}
.light-pill small{font-size:13px;color:#e9ddb8;max-width:47px;line-height:1.5}.light-pill strong{font-size:22px}
.clear-word,.submit-word{min-width:48px;min-height:48px;border-radius:15px;padding:0}.submit-word{background:linear-gradient(155deg,#89b98b,#447c65 60%,#245b56);color:#fff3c9;border-color:#e9d599}
.clear-word .vg-icon,.submit-word .vg-icon{height:22px;width:22px;position:static;inset:auto}
.dialog-close{border-radius:16px;background:linear-gradient(145deg,#456f61,#173e45);border:1px solid #deca8b90;box-shadow:inset 0 0 0 3px #07283066,inset 0 0 0 4px #dbc4842e,0 3px 0 #062730}
.dialog-close .vg-icon{width:19px;height:19px;stroke-width:1.8}
.stage-pill{padding:3px 12px;border-radius:15px;background:#0328315c;border:1px solid #bca76945;min-height:48px}
.play-panel{background:radial-gradient(ellipse at 50% 0,#3b736040,transparent 44%),linear-gradient(137deg,#164b49f5,#062c36fb 80%);border-color:#e6ce929e;box-shadow:0 20px 50px #00182099,inset 0 0 0 4px #143f43,inset 0 0 0 5px #e0c48345,inset 0 2px 24px #b4d29216}
.mode-title h2{font-weight:700;letter-spacing:0;color:#f6e3b8}.instruction{color:#cedcce}
.tools button,.tutorial-tools button{position:relative;background:radial-gradient(ellipse at 50% 0,#6a917356,transparent 70%),linear-gradient(160deg,#2c6257,#113e42 78%);border:1px solid #cfb980a3;box-shadow:inset 0 0 0 3px #0b303754,inset 0 0 0 4px #d7c18d24,inset 0 2px 2px #dfedac24,0 4px 0 #03252d,0 6px 12px #00191e44;transition:filter .18s,translate .18s}
.tools button:active:not(:disabled),.tutorial-tools button:active:not(:disabled),.secondary:active:not(:disabled),.tutorial-reset:active{translate:0 2px}
.tools b{color:#f3e3bd}.tools span{color:#ead294}.tools small{color:#cedac4}.tools button:disabled{filter:saturate(.45);opacity:.5}
.shuffle{background:radial-gradient(circle at 34% 22%,#598675,#1c4e4e 64%);border-color:#e6ce8e;box-shadow:inset 0 0 0 3px #07323b,inset 0 0 0 4px #e3ca8b73,0 4px 0 #032931,0 8px 14px #011b23a1;color:#fae6ae}
.letter{color:#163e3e;text-shadow:0 1px #ffffe14d}.letter.selected{color:#fffae1}.word-cell{border-radius:9px}
.word-row.clue-target .word-cell{border-color:#ead59b;box-shadow:inset 0 0 12px #ecd59120,0 0 0 1px #f0d18e3d;background:linear-gradient(140deg,#496454,#193e40)}
.active-clue{border:1px solid #e0c67b87;border-radius:16px;background:linear-gradient(135deg,#49694988,#184942d9);padding:10px 13px;margin:8px 0 13px;text-align:right;color:#f6e8c5}
.active-clue-title{display:flex;align-items:center;gap:8px;font-size:14px}.active-clue-title>.vg-icon{height:20px;width:20px;color:#ffe4a1}.active-clue-title b{flex:1}
.active-clue-title button{display:grid;place-items:center;flex:none;width:48px;height:48px;margin:-9px -6px -9px -9px;border:0;border-radius:12px;background:none;color:#efddb4}.active-clue-title button .vg-icon{width:17px;height:17px}
.active-clue p{font-size:16px;line-height:1.8;margin:9px 0 5px}.active-clue small{font-size:13px;color:#d2ddc5;display:block}
.clue-explanation{border:1px solid #d4c38972;border-radius:22px;padding:17px;background:linear-gradient(140deg,#4f754755,#183f408f)}
.clue-caption{display:flex;align-items:center;gap:9px;font-size:15px;color:#e9d49f}.clue-caption .vg-icon{width:22px;height:22px}.clue-explanation p{font-size:21px;line-height:1.9;color:#fff2ce;margin:14px 0}
.clue-preview{display:flex;direction:rtl;gap:7px;flex-wrap:wrap}.clue-preview i{height:33px;width:30px;border-radius:8px;border:1px solid #e4cf99aa;background:#153c3b}
.puzzle-scroll[data-mode="missing"] .active-clue{order:-1}
.entry-shell[data-step="film"]>.entry-content{visibility:hidden}.entry-shell[data-step="film"]>.entry-art{animation:none}
.entry-video{background:radial-gradient(ellipse at 50% 48%,#173e48,#021c25 65%)}
.video-controls{position:absolute;top:max(19px,env(safe-area-inset-top));left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;direction:rtl;z-index:2}
.entry-video .video-skip,.entry-video .video-sound{position:static;display:inline-flex;align-items:center;gap:9px;min-height:48px;border-radius:16px;padding:8px 15px;font-size:15px;color:#fff0c4;background:linear-gradient(145deg,#396457e8,#0e343fef);border:1px solid #e6ce8f94}
.video-sound .vg-icon,.video-skip .vg-icon{width:20px;height:20px}.video-retry{position:absolute;top:46%;display:flex;align-items:center;gap:10px;padding:12px 24px;min-height:55px;border-radius:18px;font-size:17px}
.video-caption{left:25px;right:25px;bottom:max(27px,env(safe-area-inset-bottom));font-size:16px;line-height:1.9;text-wrap:balance}
.tutorial-wheel{margin-bottom:0;height:216px}.tutorial-wheel>svg{position:absolute;inset:0;width:100%;height:100%}
.tutorial-reset{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;gap:9px;width:118px;min-height:48px;height:48px;padding:0 13px;margin:0 auto 12px;border-radius:15px;font-size:16px;line-height:1.6}
.tutorial-reset .vg-icon{position:static!important;inset:auto!important;width:20px!important;height:20px!important;flex:none;stroke-width:1.7}
.tutorial-letter{font-weight:700}.tutorial-tools{gap:8px;margin:14px 0}.tutorial-tools button{border-radius:18px;min-height:96px;padding:10px 4px;gap:3px}
.tutorial-tools .vg-icon{width:24px;height:24px}.tutorial-tools b{font-size:14px;line-height:1.8}.tutorial-tools small{font-size:13px;color:#c8d7c3}
.tutorial-tools button.selected{border-color:#f8e1a2;background:linear-gradient(150deg,#628869,#2f5d4f);box-shadow:inset 0 0 0 3px #213d425e,inset 0 0 0 4px #efcf825e,0 4px 0 #0a3035}
.tutorial-hint-box{border:1px solid #bdc08966;border-radius:18px;background:#133f42;padding:12px 14px;text-align:right}
.tutorial-hint-box strong{font-size:15px;color:#f2d99a}.tutorial-hint-box .tutorial-status{font-size:16px;text-align:right;line-height:1.85;margin:6px 0 0;min-height:0;color:#e1e7cb}
.tutorial-hint-box[data-tool="clue"]{border-color:#e7d18f;background:linear-gradient(130deg,#506d49a8,#184340)}
.tutorial-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0}
.tutorial-answers button{min-height:48px;border-radius:13px;border:1px solid #c4b78288;color:#fff0c7;background:linear-gradient(#3f6b59,#194644);font-size:21px;box-shadow:inset 0 1px #e0e4b12e,0 3px 0 #0b3037}
.tutorial-answers button:disabled{opacity:.42}.tutorial-answers button.correct{opacity:1;border-color:#e7e5a0;background:#4e8261}
.tutorial-word{direction:rtl}.tutorial-word span{font-weight:700}.entry-card{border-color:#e4cd949e}.entry-card h2{font-size:32px;line-height:1.6}
.chapter-strip button{min-width:48px;min-height:48px}.map-summary span{background:#123c3cc4;border-color:#dfc8894a}
.level-grid{background:radial-gradient(ellipse at 50% 0,#597c5563,#0c333c 83%);border-color:#d4c08a5a}
.level-grid button.solved{background:linear-gradient(145deg,#4e7e5f,#22594d);border-color:#b9d399;box-shadow:inset 0 0 0 3px #103c3b50,inset 0 0 0 4px #e3d9a52e,0 3px 0 #062e32}
.level-grid button.unlocked{box-shadow:inset 0 0 0 3px #4a49204f,inset 0 0 0 4px #ffe8ae9b,0 4px 0 #725e32,0 5px 15px #eacb6125}
.destination-card{border-radius:16px;padding-inline:12px}.destination-card:hover{background:#49694f30}
.garden-response{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 63%,#e8d89124,transparent 62%);animation:gardenAnswer 1s ease-out both}
@keyframes gardenAnswer{0%{opacity:0;transform:scale(.7)}25%{opacity:1}100%{opacity:0;transform:scale(1.12)}}
.control-ripple{position:absolute;width:60px;height:60px;left:var(--ripple-x);top:var(--ripple-y);border:1px solid #fbebbc8f;border-radius:50%;pointer-events:none;animation:controlRipple .5s ease-out both;translate:-50% -50%;z-index:2}
@keyframes controlRipple{from{scale:.15;opacity:.8}to{scale:2;opacity:0}}
@media(max-width:760px){.tools small{display:block;font-size:11px;line-height:1.4}.tools button{padding:6px 2px;min-height:76px}.tools b{font-size:13px;line-height:1.7}.tools span .vg-icon{height:23px;width:23px}.light-pill{padding-inline:9px}.light-pill small{font-size:11px;max-width:31px}.light-pill strong{font-size:20px}.entry-card .primary{font-size:15px;min-height:58px}.primary{padding-inline:26px;min-height:56px}.dialog-actions{gap:12px}.secondary{min-height:50px}.entry-shell.flow .entry-content{justify-content:flex-start;padding:22px 18px}.entry-card{padding:20px 20px 18px;margin:auto 0}.entry-steps{flex:none;padding:0}.entry-card .entry-logo-small{width:60px;height:60px}.tutorial-wheel{width:245px;height:216px;max-width:100%}.active-clue{padding:8px 10px}.active-clue p{font-size:15px}.active-clue small{font-size:12px}.clue-explanation p{font-size:19px}.entry-bottom h1{font-size:30px}}
@media(max-width:370px){.tools small{font-size:10px}.tools b{font-size:12px}.tools{gap:6px}.tools button{min-height:72px}.entry-shell.flow .entry-content{padding:16px 12px}.entry-card{padding:18px 16px}.entry-card h2{font-size:27px}.tutorial-tools b{font-size:13px}.tutorial-tools small{font-size:11px}.tutorial-tools{gap:6px}.light-pill .spark{display:none}.brand small{font-size:11px}.brand{font-size:19px}.video-controls{left:12px;right:12px}.entry-video .video-skip,.entry-video .video-sound{font-size:13px;padding:8px 11px}.primary{font-size:15px}}
@media(max-width:760px) and (max-height:760px){.tools button{min-height:69px}.tools span .vg-icon{width:20px;height:20px}.tools small{font-size:10px}.tools b{line-height:1.5}.tutorial-wheel{height:196px;width:236px}.tutorial-letter{width:56px;height:56px}.entry-card .entry-logo-small{width:46px;height:46px}.entry-card h2{font-size:27px}.tutorial-word{height:51px}.tutorial-word span{height:43px;width:43px}}
@media(max-width:760px) and (max-height:680px){.tools button{min-height:62px}.tools small{display:none}.tools b{font-size:12px}.wheel[data-letters="8"]{height:187px;width:218px}.entry-card .dialog-sub{font-size:15px}.entry-card h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.garden-response,.control-ripple{display:none}}
.no-motion .garden-response,.no-motion .control-ripple{display:none}

.music-style-choice{display:grid;grid-template-columns:1fr 1fr;gap:11px}.music-style-choice button{display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:7px;min-height:140px;padding:16px;border-radius:19px;border:1px solid #a9bd876d;background:linear-gradient(145deg,#315b5180,#103941);color:#e7d8b1}.music-style-choice button.selected{background:linear-gradient(145deg,#65826388,#28544b);border-color:#edcf88;box-shadow:inset 0 0 0 3px #09373b88}.music-style-choice b{font-size:17px}.music-style-choice small{font-size:14px;line-height:1.8;color:#c9d6c3}.music-style-choice .vg-icon{width:24px;height:24px;color:#edcf88}.music-volume-label{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin:18px 0 0}.music-volume-label b{color:#eed598}.music-volume{width:100%;height:48px;accent-color:#d9c188;direction:ltr}
@media(max-width:370px){.music-style-choice{gap:8px}.music-style-choice button{padding:13px}.music-style-choice b{font-size:15px}.music-style-choice small{font-size:13px}}

.credits-text{font:14px/2 GardenUI,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;text-align:right;direction:rtl;border:1px solid #a5b48555;padding:17px;border-radius:17px;background:#082e3780;color:#cbd7c7}.voice-samples{display:flex;gap:9px;flex-wrap:wrap}.voice-samples .secondary{flex:1;min-width:120px}

.light-pill small{display:block}.light-pill{min-width:75px}@media(max-width:370px){.light-pill{min-width:63px}.light-pill small{font-size:10px;max-width:29px}}
.level-grid,.level-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr));max-width:100%}.level-grid button{min-width:0}
@media(max-width:380px){.level-grid,.level-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px}.level-grid button,.level-grid.compact button{aspect-ratio:auto;min-height:52px;font-size:20px}.victory .level-grid.compact button{min-height:50px}}