@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2) format("woff2"),url(./be-vietnam-pro-latin-400-normal-bXgqVju9.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2) format("woff2"),url(./be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(./be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2) format("woff2"),url(./be-vietnam-pro-latin-500-normal-BJkVuMHw.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(./be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2) format("woff2"),url(./be-vietnam-pro-latin-ext-500-normal-CK0UkkKf.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(./be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2) format("woff2"),url(./be-vietnam-pro-latin-600-normal-5IO4e7bK.woff) format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(./be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2) format("woff2"),url(./be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.woff) format("woff")}:root{font-family:Be Vietnam Pro,Noto Sans,Segoe UI,PingFang SC,Hiragino Sans,Microsoft YaHei,Microsoft JhengHei,Yu Gothic,Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:#e7eee8;background:#071e28;font-synthesis:none;font-weight:400;--mint: #a4e6cc;--muted: #94afaf;--line: #d5f2ed22;--dark: #0a2530;--panel: #0a2530dc;--accent: #e6b887;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;overflow-x:hidden}body{background:#071f29}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}button,input,a,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{transition:background .2s,color .2s,border-color .2s,transform .2s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-weight:500;letter-spacing:-.055em;line-height:1.2}h2{font-weight:500;letter-spacing:-.035em}h3{font-weight:500}p{line-height:1.85}em{font-style:normal;color:var(--mint)}.icon{width:20px;height:20px;flex:none;vertical-align:middle}.muted{color:var(--muted);font-size:12px}#ocean{position:fixed;inset:0;z-index:0;pointer-events:none}#ocean canvas{display:block;width:100%;height:100%;transition:filter .3s}.water-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#061c28e0,#061c28b3 31%,#061c2810 63%),linear-gradient(0deg,#061c28 0%,#061c2840 25%,transparent 68%,#041c2a50);transition:opacity .5s}#app{position:relative;z-index:3;min-height:100svh;display:flex;flex-direction:column}#labels{position:fixed;inset:0;z-index:2;pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;margin:0 5%;height:105px;flex-shrink:0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:0;text-align:left}.brand img{width:43px;height:43px}.brand>span{font-size:22px;letter-spacing:.08em;font-weight:600;line-height:1.2}.brand-light{color:var(--mint);font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:.38em;color:#9cb1b4;margin-top:6px;font-weight:400}.topbar nav{display:flex;align-items:center;gap:26px}.nav-link{display:flex;align-items:center;gap:8px;font-size:12px;color:#b6c9c9;padding:10px 0;position:relative}.nav-link:hover,.nav-link.active{color:var(--mint)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--mint)}.nav-divider{height:20px;width:1px;background:var(--line);margin-left:3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#b6cccc}.icon-button:hover{background:#d6ffff12;color:#f1f8f2}.language-select{appearance:none;border:1px solid var(--line);border-radius:5px;padding:6px 22px 6px 8px;max-width:150px;font:inherit;font-size:11px;color:#bed0cd;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23bed0cd'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer}.language-select:hover,.language-select:focus-visible{border-color:#a4e6cc66;color:#f1f8f2}.language-select option{background:#0a2530;color:#e7eee8}.home{position:relative;padding:52px 5% 32px;flex:1;display:flex;flex-direction:column;min-height:calc(100svh - 165px)}.hero-copy{position:relative;z-index:2;max-width:580px;margin-bottom:54px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.18em;color:#a4c6c5;font-weight:500;line-height:1.8;text-transform:uppercase}.status-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #94eac559;margin-right:3px}.hero-copy h1{font-size:clamp(48px,5.5vw,84px);line-height:1.14;margin:23px 0 21px;letter-spacing:-.055em}.hero-copy>p{font-size:12px;color:#a7bebe;line-height:1.95;max-width:352px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:12px 22px;font-size:11px;font-weight:500;border-radius:4px}.primary{background:var(--mint);color:#10332e;border:1px solid var(--mint)}.primary:hover:not(:disabled){background:#bdf4df;border-color:#bdf4df;box-shadow:0 4px 25px #9cf1c911}.secondary{border:1px solid #9fd5ce44;background:#12364252;color:#cbe7df}.secondary:hover:not(:disabled){border-color:#b8e5d899;background:#a5e4d012}.hero-cta{margin-top:29px;min-width:246px;justify-content:space-between}.hero-cta .icon{width:21px}.type-hint{display:flex;align-items:center;gap:4px;margin-top:17px;color:#789c9e;font-size:10px}.type-hint>kbd:first-of-type{margin-left:7px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:22px;border:1px solid #b7d9d030;border-bottom-width:2px;border-radius:4px;padding:2px 5px;font-size:10px;font-family:inherit;background:#7bd2b506;color:#b5ceca}.type-hint kbd{width:22px;height:23px}.type-hint .icon{width:15px;opacity:.6}.hint-line{width:23px;height:1px;background:#82b6b331;margin:0 5px}.typed-hint{background:var(--mint);color:#092a2b}.ocean-note{position:absolute;right:10%;top:40px;bottom:295px;width:43%;pointer-events:none}.coordinate{position:absolute;right:0;top:0;color:#94c5ca77;font-size:9px;letter-spacing:.12em}.specimen-word{position:absolute;left:40%;top:32%;font-size:22px;letter-spacing:.13em;color:#edf5ee;background:#0b354666;padding:9px 16px;border:1px solid #a5e4d139;border-radius:7px;box-shadow:0 3px 25px #081d3310;transform:rotate(-3deg)}.specimen-word>span:first-child{color:var(--mint);opacity:.65}.small-cross{display:block;position:absolute;right:-27px;top:15px;font-size:16px;color:#9bdaca55}.specimen-caption{position:absolute;left:53%;bottom:0;border-left:1px solid #a5e4d13d;padding:10px 0 10px 21px;white-space:nowrap}.specimen-caption:before{content:"";position:absolute;top:-48px;left:-1px;width:1px;height:48px;background:linear-gradient(transparent,#a5e4d13d)}.specimen-caption>span{display:block;font-size:8px;letter-spacing:.2em;color:#83b0b4}.specimen-caption b{display:block;font-size:13px;font-weight:400;margin:8px 0 6px}.specimen-caption small{font-size:9px;color:#8eafb3}.depth-ruler{position:absolute;right:3.3%;top:155px;display:flex;flex-direction:column;gap:14px;align-items:flex-end;color:#8cbbbb80;font-size:8px}.depth-ruler i{display:block;width:8px;height:1px;background:#a2dad34d}.depth-ruler span{padding-right:14px;border-right:1px solid #a2dad34d}.depth-ruler small{font-size:7px;writing-mode:vertical-rl;margin-top:6px;letter-spacing:.2em}.mode-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:auto}.mode-card{background:#0b29358f;border:1px solid #91c5c025;border-radius:6px;padding:21px 20px 16px;text-align:left;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.mode-card:hover{background:#143b439e;border-color:#a4e6cc75;transform:translateY(-4px)}.mode-card.featured{background:#1b484867;border-color:#a4e6cc62}.mode-card-top{display:flex;align-items:center;gap:10px;color:#8cb8b6;font-size:8px;letter-spacing:.12em}.mode-card-top>.icon{margin-left:auto;width:18px;height:18px}.mode-number{font-size:10px;color:#d6e9df;letter-spacing:0}.mode-card h2{font-size:19px;margin:16px 0 7px;display:flex;align-items:center;justify-content:space-between;gap:5px}.mode-card h2 .icon{width:17px;color:var(--mint);opacity:0;transform:translate(-5px);transition:.2s}.mode-card:hover h2 .icon{opacity:1;transform:translate(0)}.mode-card.featured h2 .icon{opacity:1}.mode-card>p{color:#99b6b7;font-size:10px;line-height:1.7}.mode-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:22px;font-size:8px;color:#769d9e}.mode-card-bottom code{font-size:9px;color:#afcac3;border:1px solid #abcbb025;padding:3px 7px;border-radius:3px;letter-spacing:.03em}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:61px;margin:0 5%;border-top:1px solid var(--line);font-size:8px;letter-spacing:.025em;color:#729a9d}.footer>span{display:flex;align-items:center;gap:8px}.footer .icon{width:13px;height:13px;color:#8bc1b7}.footer i{font-style:normal;margin:0 5px}.page{width:90%;max-width:1320px;margin:0 auto;padding:40px 0 60px;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading h1{font-size:43px;margin:11px 0 12px}.page-heading p{font-size:12px;color:#9fbaba}.select-inline{display:flex;align-items:center;gap:14px;color:#9ab7b6;font-size:11px;white-space:nowrap}select{background:#0b2932;color:#cee2d9;border:1px solid #a6d9cf38;border-radius:4px;padding:10px 32px 10px 12px;font-size:11px;max-width:235px}option{background:#0b2932}.calibrate-banner{display:flex;align-items:center;gap:12px;background:#6bb69a0c;border:1px solid #a7dcca22;padding:13px 17px;border-radius:4px;color:#bed3ca;font-size:11px;margin:25px 0}.calibrate-banner button{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:10px;color:var(--mint)}.calibrate-banner>.icon{color:var(--mint)}.zone-row{display:grid;grid-template-columns:1fr 1.8fr;align-items:center;border-top:1px solid var(--line);padding:24px 16px;min-height:145px;background:linear-gradient(90deg,#09262aaa,#08242a40);position:relative}.zone-row:before{content:"";position:absolute;width:2px;left:0;top:25px;bottom:25px;background:var(--zone-accent);opacity:.5}.zone-description .eyebrow{color:var(--zone-accent);font-size:8px}.zone-description h2{font-size:24px;margin:8px 0}.zone-description p{font-size:10px;color:#88a6ac}.level-path{display:flex;justify-content:space-between;position:relative;max-width:620px;width:100%;margin:auto}.level-path:before{content:"";position:absolute;height:1px;top:28px;left:8%;right:8%;background:linear-gradient(90deg,#a4d2c877,#a4d2c819)}.level-node{position:relative;display:flex;flex-direction:column;align-items:center;width:80px;gap:9px;z-index:1}.node-circle{display:flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:50%;background:#102d36;border:1px solid #799f9d66;font-size:17px;color:#b1cac5}.node-circle .icon{width:19px;height:19px}.node-stars{font-size:10px;letter-spacing:.08em;color:#90b1ac}.current-node .node-circle{border-color:var(--mint);color:var(--mint);box-shadow:0 0 0 5px #a1e4cb0b}.complete-node .node-circle{background:#224f48;color:var(--mint);border-color:#93c8b6}.complete-node .node-stars{color:#e9c484}.locked-node{opacity:.5!important}.level-node:hover:not(:disabled) .node-circle{background:#2c5954;box-shadow:0 0 0 5px #a1e4cb10}.lessons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lesson-card{border:1px solid var(--line);padding:21px;background:var(--panel);text-align:left;border-radius:5px;min-height:160px}.lesson-card:hover{border-color:#a4e6cc77;background:#153c41}.lesson-card .eyebrow{font-size:8px;justify-content:space-between}.lesson-card .eyebrow .icon{width:15px}.lesson-card h2{font-size:16px;margin:14px 0}.lesson-keys{font-family:monospace;letter-spacing:.06em;color:var(--mint);font-size:13px;word-break:break-all}.lesson-card>small{display:block;font-size:8px;color:#739a9e;margin-top:17px}.quiet-label{display:flex;align-items:center;gap:10px;font-size:11px;color:#8baaaa}.brief-page{display:flex;width:90%;max-width:1280px;margin:auto;padding:52px 0;gap:7%;align-items:center;flex:1}.brief-panel{width:550px;max-width:100%;padding:35px;background:#082730d9;border:1px solid var(--line);border-radius:6px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brief-panel h1{font-size:38px;margin:16px 0}.brief-description{font-size:12px;color:#a5bfbe;max-width:430px}.brief-data{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);padding:22px 0;margin:26px 0;gap:24px}.brief-data>div>span{font-size:8px;letter-spacing:.15em;color:#8caaa9;display:block}.brief-data strong{font-size:38px;display:block;font-weight:400;margin-top:9px;color:var(--mint);letter-spacing:-.04em}.brief-data strong small{font-size:17px;letter-spacing:0}.brief-data .small-value{font-size:18px;padding-top:9px}.brief-panel .select-inline{justify-content:space-between}.enemy-preview{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.enemy-preview>span{font-size:9px;color:#b9d2c4;background:#b5ead009;padding:6px 9px;border-radius:3px;border:1px solid var(--line)}.control-guide{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;margin:25px 0}.control-guide>span{font-size:9px;color:#8eadad;display:flex;align-items:center;gap:8px}.control-guide kbd{font-size:8px;min-width:36px}.wide{width:100%}.ime-note{font-size:9px;color:#678e92;margin-top:16px;text-align:center}.relaxed-note{color:var(--mint);font-size:11px;margin:10px 0}.brief-decoration{margin:auto;color:#a3dad327;text-align:center}.brief-decoration>span{font-size:230px;letter-spacing:-.09em;font-weight:500;line-height:1.3}.brief-decoration>p{font-size:11px;color:#9bc4c7b0}.daily-rule{display:flex;gap:10px;align-items:center;color:#e1c9a0;font-size:10px;line-height:1.8}.settings-page{max-width:1110px}.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.settings-section{margin-bottom:24px;border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:23px}.settings-section h2{display:flex;gap:10px;align-items:center;font-size:17px;margin-bottom:21px}.settings-section h2 .icon{width:18px;color:var(--mint)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;font-size:11px;color:#b9cecb;border-top:1px solid #d7fce80b}.setting-row>span{line-height:1.7}.setting-row select{min-width:120px;max-width:210px;font-size:10px;padding:9px 11px}.switch{appearance:none;min-width:33px;width:33px;height:19px;border:1px solid #aecfbd35;background:#284446;border-radius:30px;position:relative;cursor:pointer;flex-shrink:0}.switch:after{content:"";width:11px;height:11px;background:#8faaaa;border-radius:50%;position:absolute;left:3px;top:3px;transition:transform .2s}.switch:checked{background:#5eb59a80;border-color:#9cdec069}.switch:checked:after{background:var(--mint);transform:translate(14px)}input[type=range]{accent-color:#9dd9c4;width:140px;cursor:pointer}textarea{resize:vertical;width:100%;padding:12px;color:#cfe4dd;background:#071f29aa;border:1px solid var(--line);border-radius:5px;font-size:12px;line-height:1.6;margin:12px 0}.custom-actions{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.custom-actions small{font-size:10px}.custom-actions .secondary{min-height:35px;font-size:10px}.data-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.data-actions .secondary{font-size:10px;padding:10px 14px;gap:8px;min-height:35px}.data-actions .icon{width:15px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;font-size:11px;color:#a6c6c0}.text-button:hover{color:var(--mint);background:#a4e6cc09;border-radius:4px}.danger-text{color:#dc9e90}.pearl-balance{font-size:28px;color:#e4caa2;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.pearl-balance span{font-size:9px;letter-spacing:.12em;color:#9eb8b1}.profile-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:32px;overflow:auto}.profile-tabs button{padding:16px 1px;font-size:12px;white-space:nowrap;border-bottom:2px solid transparent;color:#95b2b1}.profile-tabs .selected{border-color:var(--mint);color:var(--mint)}.profile-metrics,.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#0a2933d9;border-radius:5px;overflow:hidden}.profile-metrics>div,.result-metrics>div{padding:25px 30px;border-right:1px solid var(--line)}.profile-metrics>div:last-child,.result-metrics>div:last-child{border:0}.profile-metrics span,.result-metrics span{font-size:9px;letter-spacing:.14em;color:#8dadad;display:block;line-height:1.7}.profile-metrics strong,.result-metrics strong{display:block;font-size:40px;font-weight:400;letter-spacing:-.05em;margin-top:12px}.result-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:34px 0}.result-detail>div{min-width:0;background:#0a2833bc;border:1px solid var(--line);border-radius:5px;padding:24px}.result-detail h3{font-size:9px;letter-spacing:.14em;color:#a7c6bd;margin-bottom:18px}.bigram-list{display:flex;flex-wrap:wrap;gap:13px;max-height:160px;overflow:auto;color:var(--muted);font-size:10px}.bigram-list>span{display:flex;align-items:center;gap:6px}.weak-keys{display:flex;gap:8px;margin-bottom:25px}.weak-keys kbd{width:32px;height:32px;color:#e8b598}.bestiary-layout{display:grid;grid-template-columns:240px 1fr;gap:40px;min-height:500px}.creature-choice{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border-bottom:1px solid var(--line);font-size:11px;color:#a7c0be;text-align:left;background:#0b2934bd}.creature-choice.selected{color:var(--mint);background:#29544b66}.creature-choice>small{margin-left:auto;color:#84afa5}.creature-choice>small .icon{width:12px}.creature-info{padding-top:30px;align-self:end;padding-bottom:40px;pointer-events:none}.creature-info h2{font-size:32px;margin:10px 0}.creature-info p{font-size:11px;color:#b2cbc6}.rotate-slider{display:flex;flex-direction:column;gap:14px;font-size:10px;color:#8aaea9;margin-top:25px;pointer-events:auto}.rotate-slider input{width:230px}.gear-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:24px}.gear-card{padding:20px;border:1px solid var(--line);border-radius:5px;background:var(--panel);display:flex;flex-direction:column;gap:14px}.gear-swatch{height:90px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--swatch) 12%,transparent),transparent 70%);color:var(--swatch)}.gear-swatch .icon{width:47px;height:47px;stroke-width:1}.gear-card .eyebrow{font-size:9px}.gear-card button{font-size:10px;padding:8px;min-height:36px}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.achievement-card{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid var(--line);background:#0c2633bd;border-radius:4px;color:#72969b;opacity:.7}.achievement-card.earned{opacity:1;color:#d6c292;border-color:#d7c28344;background:#4d543516}.achievement-card>.icon{width:24px;height:24px}.achievement-card h3{font-size:12px;color:inherit;margin-bottom:7px}.achievement-card p{font-size:9px;color:#91abab;line-height:1.6}.achievement-card .icon:last-child{margin-left:auto;width:15px}.ranking-controls{display:flex;gap:8px;margin-bottom:24px}.ranking-table{border-collapse:collapse;width:100%;font-size:12px;background:var(--panel)}.ranking-table th{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#85aca7;font-weight:400;text-align:left}.ranking-table td,.ranking-table th{padding:18px;border-bottom:1px solid var(--line)}.empty-state{padding:80px 30px;text-align:center;background:#08252c88;border:1px solid var(--line);color:#88aaa6}.empty-state>.icon{width:38px;height:38px;margin-bottom:22px}.empty-state p{font-size:12px}.results-page{max-width:1080px}.result-heading{text-align:center;margin-bottom:32px}.result-heading>.eyebrow{justify-content:center}.result-heading h1{font-size:48px;margin:15px 0}.result-heading>p{font-size:12px;color:#9bb9b6}.reward-line{color:#a3c6b8;font-size:10px;margin-top:18px}.reward-line i{margin:0 14px;font-style:normal}.result-stars{color:#e4c592;font-size:28px;letter-spacing:12px;margin-top:17px}.result-metrics>div{text-align:center}.result-metrics>div:nth-child(2) strong{color:var(--mint)}.result-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.result-actions .primary{font-size:11px}.wpm-chart{width:100%;height:140px}.wpm-chart text{fill:#80a3a2;font-size:8px;font-family:inherit}.calibration-result{text-align:center;color:#a9bfb6;font-size:14px;margin-bottom:25px}.achievement-notice{padding:15px 18px;background:#e7d18d0a;color:#d9c994;border:1px solid #e7d18d20;margin:20px 0;font-size:10px;line-height:2;border-radius:4px}.achievement-notice>.icon{width:17px;margin-right:10px}.playing .water-overlay{background:linear-gradient(0deg,#041824c9,transparent 25%,transparent 78%,#041824d9);opacity:1}.playing #app{height:100svh;min-height:0;overflow:hidden}.game-shell{position:relative;flex:1;height:100svh}.hud-top{position:absolute;left:3%;right:3%;top:22px;display:flex;align-items:center;justify-content:space-between;z-index:5;gap:20px}.hud-top span{display:block;font-size:8px;letter-spacing:.16em;color:#9abab9;line-height:1.6}.hud-left,.hud-right{display:flex;gap:30px;align-items:center}.hud-score strong{font-size:26px;font-weight:500;display:block;letter-spacing:-.03em;margin-top:4px;min-width:70px}.hud-oxygen strong{color:var(--mint);font-size:18px;display:block;margin-top:8px;letter-spacing:3px}.hud-location{min-width:180px;text-align:center}.hud-location strong{display:block;font-size:21px;font-weight:400;color:#d3e3db;margin-top:3px}.depth-progress{height:2px;background:#beddd325;margin-top:10px;width:180px}.depth-progress i{height:2px;display:block;background:var(--mint);transition:width .5s}.hud-right{text-align:right;gap:30px}.hud-right strong{font-size:24px;display:block;font-weight:400;margin-top:4px;min-width:40px}.hud-right strong small{font-size:12px}.phase-notice{position:absolute;top:110px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.06em;color:#c1d6c8;text-align:center;white-space:nowrap;background:#0b2c383d;padding:8px 15px;border-radius:20px;z-index:4}.hud-bottom{position:absolute;bottom:33px;left:5%;right:5%;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:5}.combo-block>span{font-size:8px;letter-spacing:.2em;color:#8baca9;display:block}.combo-block>strong{display:inline-block;font-size:37px;font-weight:400;letter-spacing:-.04em;color:#e8c997}.combo-block>small{font-size:10px;color:#8caea8;margin-left:13px}.game-instruction{text-align:center;color:#cfdfd5}.game-instruction>span{font-size:11px}.game-instruction>small{display:block;font-size:9px;color:#7fa7a5;margin-top:9px}.game-instruction i{font-style:normal;margin:0 9px}.game-instruction kbd{height:19px;font-size:8px}.zapper-block{width:215px;padding:0}.zapper-block>span{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:.09em;color:#a9c9bd}.zapper-block>span .icon{width:15px;height:15px}.zapper-block>span small{margin-left:auto;font-size:8px;color:#86aaa6;letter-spacing:0}.energy-track{height:5px;background:#82bea029;border-radius:3px;margin:10px 0;overflow:hidden}.energy-track i{display:block;height:100%;background:var(--mint);transition:width .15s;border-radius:3px}.zapper-block>small{display:block;text-align:right}.zapper-block>small kbd{font-size:8px;height:18px}.zapper-block.ready .energy-track{box-shadow:0 0 15px #a1f7cd88}.zapper-block.ready>span{color:#d8ffae}.word-label{position:absolute;transform:translate(-50%,-100%);font-family:inherit;background:#061923ed;border:1px solid var(--creature-color, #c0ded2);box-shadow:0 3px 15px #00101c50;border-radius:7px;padding:8px 12px;font-size:23px;line-height:1.2;font-weight:600;letter-spacing:.065em;color:#f5f5eb;white-space:nowrap;transition:opacity .4s,box-shadow .15s;will-change:left,top}.word-label>small{font-size:13px;margin-right:9px;color:var(--creature-color);vertical-align:middle}.word-label>sup{font-size:8px;margin-left:8px;vertical-align:top;color:#e3be73;border:1px solid #ac976a66;border-radius:3px;padding:1px 3px}.word-label .typed{color:#ecd786;opacity:.65}.word-label.locked{border:2px solid #b1f6d8;box-shadow:0 0 20px #a4e6cc25;transform:translate(-50%,-100%) scale(1.1);z-index:10}.word-label.locked .next{text-decoration:underline;text-decoration-color:#dbe5ad;text-underline-offset:7px}.word-label.fading{opacity:.35}.word-label.danger{border-color:#eda887;box-shadow:0 0 15px #ff8d6830}.word-label.hit{box-shadow:0 0 17px #bcf9c45f}.boss-label{border-color:#e4c184;font-size:22px;max-width:90vw;white-space:normal;overflow-wrap:anywhere;text-align:center}.word-label.miss{animation:word-miss .1s linear 2}.word-label.miss:after{content:"!";position:absolute;right:-16px;color:#f79e8b}@keyframes word-miss{0%,to{margin-left:0}50%{margin-left:5px}}.boss-bar{position:absolute;top:145px;left:30%;right:30%;text-align:center;z-index:5}.boss-bar>span{font-size:10px;color:#e0cda0;letter-spacing:.09em}.boss-bar>div{height:4px;background:#cea76720;margin-top:9px}.boss-bar i{height:4px;background:#dec28b;display:block;transition:width .4s}.boss-bar>small{display:block;margin-top:6px;color:#c4b58c;font-size:9px}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#09253024;font-size:130px;color:#a9eed3;z-index:9;text-shadow:0 0 50px #8affe244;pointer-events:none}.pause-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:12;background:#071824be;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.pause-card{width:380px;text-align:center;padding:35px;background:#092830b8;border:1px solid var(--line);border-radius:7px}.pause-card>.eyebrow{justify-content:center}.pause-card h1{font-size:30px;margin:21px 0 12px}.pause-card p{font-size:12px;color:#91b5af;margin-bottom:28px}.pause-card .secondary{margin-top:10px}.pause-card .text-button{margin-top:12px}.paused #labels{visibility:hidden!important}.paused #ocean canvas{filter:blur(6px)}#danger-overlay{position:absolute;inset:0;pointer-events:none;z-index:6;transition:box-shadow .25s;box-shadow:none}.danger #danger-overlay{box-shadow:inset 0 0 60px #d66e301b}.hurt #danger-overlay{box-shadow:inset 0 0 140px #e069568f}.zap-flash #danger-overlay{background:#c2ffdc35}.inked #ocean canvas{filter:brightness(.35) blur(3px)}.daily-dark #ocean canvas{filter:brightness(.4)}.debug{position:absolute;left:15px;bottom:5px;color:#a8efcd;font-size:10px;font-family:monospace;z-index:20}.keyboard{display:flex;flex-direction:column;gap:6px;max-width:650px;margin:auto;-webkit-user-select:none;user-select:none}.keyboard-row{display:flex;align-items:center;justify-content:center;gap:5px}.key{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #b6d7cc25;border-bottom:3px solid #0219228a;background:#17363dc9;border-radius:5px;text-transform:uppercase;font-size:12px;color:#b0c5bd;padding:0;flex-shrink:1;transition:background .12s,color .12s;touch-action:none;-webkit-user-select:none;user-select:none}.key .icon{width:14px;height:14px}.key:hover{background:#396451}.key.next-key{border-color:#c2d690;background:#96c38d40;color:#e2f7b3}.key.key-hit{background:#94e2bf;color:#082b28;transform:translateY(2px)}.key.key-miss{background:#e39780;color:#291611}.heatmap .key{pointer-events:none;opacity:1;width:34px;height:32px;font-size:10px}.heatmap{gap:5px}.heatmap .keyboard-row{gap:4px}.play-keyboard{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:none;z-index:7;max-width:100%;width:500px}.play-keyboard.visible{display:block}.play-keyboard .utility-keys{margin-top:3px}.utility-keys .key{font-size:9px;padding:0 10px;width:auto;min-width:50px}.utility-keys .space-key{width:180px;max-width:35vw}.game-shell:has(.play-keyboard.visible) .hud-bottom{bottom:190px}.game-shell:has(.play-keyboard.visible) .game-instruction{visibility:hidden}.game-shell:has(.play-keyboard.visible) .zapper-block{width:170px}#toast{position:fixed;left:50%;bottom:27px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:40;background:#163b3bea;border:1px solid #c3ebd538;color:#d3e6d6;font-size:11px;padding:13px 22px;border-radius:6px;box-shadow:0 5px 40px #00182066;max-width:85vw;transition:.2s;line-height:1.7;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}#toast.show{transform:translate(-50%);opacity:1}.playing #toast{bottom:110px}.confirm-dialog{background:#0d2c34;color:#cee4db;padding:30px;border:1px solid #aed5c645;border-radius:8px;width:450px;max-width:90vw;box-shadow:0 10px 70px #0008}.confirm-dialog::backdrop{background:#021923c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirm-dialog>p{font-size:13px;margin-bottom:25px}.confirm-dialog>div{display:flex;justify-content:flex-end;gap:14px}.boot{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100svh;gap:20px;color:#a7c8be;font-size:12px}.boot img{width:60px}.webgl-warning{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#4a302ae8;color:#f0c4b4;border:1px solid #d199733b;z-index:30;padding:17px 25px;font-size:12px;border-radius:6px;max-width:85vw}.no-webgl #ocean{background:radial-gradient(ellipse at 70% 30%,#22606b,#061e2b 75%)}#rotate{display:none}.big-text .word-label{font-size:30px}.high-contrast .word-label{background:#000;color:#fff078;border-color:#ffeb88}.high-contrast .word-label .typed{color:#91d7e5;opacity:1}.high-contrast .muted,.high-contrast p,.high-contrast small{color:#d6e1dc}.dyslexic .word-label,.dyslexic .key{font-family:Verdana,sans-serif;letter-spacing:.15em}.reduced-motion *{animation-duration:0s!important;transition-duration:0s!important}body[data-label="1"] .word-label{border-radius:0;border-bottom-width:3px}body[data-label="2"] .word-label{border-style:dashed}body[data-label="3"] .word-label{border-radius:25px;border-width:2px}body:not([data-screen=menu]):not([data-screen=play]) .water-overlay{background:linear-gradient(90deg,#06202de8,#061f2cbc 60%,#061e2ba8)}body[data-screen=profile]:has(.bestiary-layout) .water-overlay{background:linear-gradient(90deg,#061d2de8,#061d2b77 46%,#061d2b22)}@media(min-width:1600px){.home{padding-top:70px}.hero-copy{margin-bottom:70px}.hero-copy h1{font-size:91px}.hero-copy>p{font-size:14px;max-width:400px}.hero-copy .eyebrow{font-size:10px}.mode-card{padding:26px}.mode-card h2{font-size:22px}.mode-card>p{font-size:12px}.mode-card-bottom,.mode-card-top{font-size:9px}.topbar{height:115px}}@media(max-height:820px)and (min-width:901px){.topbar{height:85px}.home{padding-top:30px;padding-bottom:25px;min-height:calc(100svh - 140px)}.hero-copy{margin-bottom:32px}.hero-copy h1{font-size:clamp(45px,4.9vw,70px);margin:18px 0}.hero-copy>p{font-size:11px;max-width:335px}.hero-cta{margin-top:22px;min-height:43px}.type-hint{margin-top:12px}.mode-card{padding:17px 18px 13px}.mode-card h2{font-size:18px;margin:13px 0 5px}.mode-card-bottom{margin-top:17px}.footer{min-height:55px}.ocean-note{bottom:250px;top:32px}.depth-ruler{top:100px;gap:12px}}@media(max-width:1100px){.topbar nav{gap:19px}.mode-card{padding:16px 14px}.mode-card h2{font-size:17px}.mode-card>p{font-size:9px}.mode-card-bottom{font-size:7px}.mode-card-top{font-size:7px;gap:7px}.mode-card-top>.icon{width:16px}.hero-copy h1{font-size:62px}.ocean-note{right:9%;width:43%}.specimen-caption{left:38%}.specimen-word{left:32%}.settings-columns{gap:23px}.settings-section{padding:20px}.setting-row{font-size:10px;gap:12px}.setting-row select{max-width:160px}.page-heading h1{font-size:36px}.lessons-grid{grid-template-columns:repeat(3,1fr)}.achievements-grid{grid-template-columns:repeat(2,1fr)}.hud-left,.hud-right{gap:20px}.hud-top{left:2%;right:2%}.result-detail{gap:20px}.result-detail>div{padding:18px}.heatmap .key{width:27px;height:29px}.brief-decoration>span{font-size:180px}.brief-panel{padding:27px}.gear-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{height:78px;margin:0 5%}.topbar nav{gap:10px}.nav-link{font-size:10px}.brand>span{font-size:18px}.brand img{width:34px;height:34px}.brand small{font-size:6px}.topbar nav .nav-link:first-child:not(:has(.icon)){display:none}.nav-divider{display:none}.topbar .icon-button{width:30px;height:30px}.topbar .icon{width:17px}.home{padding-top:30px}.hero-copy h1{font-size:54px}.hero-copy{margin-bottom:30px;max-width:75%}.hero-copy>p{font-size:11px;max-width:280px}.hero-copy .eyebrow{font-size:7px;letter-spacing:.1em}.mode-grid{grid-template-columns:repeat(2,1fr);gap:12px}.mode-card{padding:18px}.mode-card h2{font-size:19px}.mode-card>p{font-size:10px}.mode-card-bottom{font-size:8px;margin-top:18px}.mode-card-top{font-size:8px}.ocean-note{top:60px;bottom:auto;height:410px;right:4%;width:40%}.specimen-caption{left:14%;bottom:50px}.specimen-caption>span{font-size:7px}.specimen-caption small{font-size:8px}.specimen-caption b{font-size:11px}.specimen-word{top:80px;left:25%;font-size:15px;padding:7px 10px}.coordinate,.depth-ruler{display:none}.footer{font-size:7px;gap:10px;min-height:54px}.footer .headphone-note{display:none}.page{padding-top:30px}.page-heading{align-items:flex-start;flex-wrap:wrap}.page-heading h1{font-size:33px}.page-heading p{font-size:11px}.zone-row{grid-template-columns:1fr;padding:22px 12px;gap:25px}.zone-description h2{font-size:22px}.level-path{max-width:500px}.calibrate-banner{flex-wrap:wrap;font-size:10px;line-height:1.8;gap:8px}.calibrate-banner button{margin-left:30px}.settings-columns{grid-template-columns:1fr;gap:0}.settings-section{padding:22px}.setting-row{font-size:12px}.setting-row select{max-width:200px;font-size:11px}.lessons-grid{grid-template-columns:repeat(2,1fr);gap:12px}.lesson-card{padding:17px;min-height:150px}.lesson-card h2{font-size:14px}.brief-page{padding:30px 0}.brief-panel{width:100%;padding:26px}.brief-decoration{display:none}.brief-panel h1{font-size:35px}.profile-tabs{gap:22px}.profile-tabs button{font-size:10px}.profile-metrics,.result-metrics{grid-template-columns:repeat(2,1fr)}.profile-metrics>div,.result-metrics>div{padding:20px;border-bottom:1px solid var(--line)}.profile-metrics>div:nth-child(2),.result-metrics>div:nth-child(2){border-right:0}.profile-metrics>div>strong,.result-metrics>div>strong{font-size:35px}.result-detail{grid-template-columns:1fr}.heatmap .key{width:32px}.gear-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:1fr}.result-heading h1{font-size:37px}.result-heading>p{font-size:11px}.bestiary-layout{grid-template-columns:1fr;gap:20px;min-height:650px}.creature-list{display:grid;grid-template-columns:repeat(2,1fr);max-width:100%}.creature-choice{font-size:10px;padding:12px;gap:8px}.creature-info{padding-top:180px;padding-bottom:15px}.pearl-balance{font-size:23px}.hud-top{top:15px;gap:10px}.hud-left,.hud-right{gap:14px}.hud-location{min-width:100px}.depth-progress{width:100px}.hud-score strong{font-size:20px;min-width:50px}.hud-oxygen strong{font-size:12px;letter-spacing:1px}.hud-right strong{font-size:20px;min-width:32px}.hud-top span{font-size:6px;letter-spacing:.1em}.hud-location>span{font-size:7px}.hud-location strong{font-size:17px}.hud-oxygen{display:none}.hud-left .icon-button{width:28px}.fullscreen-button{display:none}.hud-bottom{bottom:25px;left:3%;right:3%}.combo-block>strong{font-size:30px}.zapper-block{width:160px}.game-instruction{display:none}.word-label{font-size:19px;padding:7px 9px}.big-text .word-label{font-size:25px}.boss-label{font-size:18px}.boss-bar{left:23%;right:23%;top:128px}.phase-notice{top:84px;font-size:8px}.pause-card{padding:25px;max-width:90vw}.page-heading .select-inline{font-size:10px}.ranking-table td,.ranking-table th{padding:12px 8px;font-size:10px}.ranking-controls button{font-size:10px;padding:10px}}@media(pointer:coarse)and (orientation:portrait){body.playing #rotate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#071f29;z-index:100;text-align:center;padding:35px}#rotate>span{font-size:70px;color:var(--mint);line-height:1.5}#rotate>h2{font-size:22px}#rotate>p{font-size:11px;color:#8cada7;margin-top:15px}}@media(max-height:560px)and (orientation:landscape){.topbar{height:65px}.home{padding-top:24px;display:block}.hero-copy h1{font-size:44px}.hero-copy{max-width:55%;margin-bottom:35px}.hero-copy>p{font-size:10px}.hero-copy .eyebrow{font-size:7px}.mode-grid{grid-template-columns:repeat(4,1fr);gap:10px}.mode-card{padding:13px 11px}.mode-card h2{font-size:15px}.mode-card>p{font-size:8px}.mode-card-top{font-size:6px}.mode-card-bottom{font-size:7px}.ocean-note{height:330px;bottom:auto;top:30px}.hero-cta{min-height:38px;margin-top:17px}.brief-page{padding:25px 0}.brief-panel{max-width:580px;margin:auto}.brief-panel h1{font-size:30px}.hud-top{top:10px;left:3%;right:3%}.hud-score strong,.hud-right strong{font-size:20px}.hud-location strong{font-size:18px}.hud-top span{font-size:6px}.hud-left,.hud-right{gap:18px}.hud-oxygen strong{font-size:12px}.depth-progress{margin-top:5px}.phase-notice{top:67px;font-size:8px;padding:5px 10px}.hud-bottom{bottom:20px}.word-label{font-size:17px;padding:5px 8px}.word-label>small{font-size:10px;margin-right:6px}.boss-label{font-size:16px}.boss-bar{top:90px}.countdown{font-size:90px}.pause-card{padding:20px 25px;width:340px}.pause-card h1{font-size:25px;margin:13px 0 7px}.pause-card p{margin-bottom:18px}.pause-card button{min-height:36px;padding:8px}.touch-play .game-shell{height:100svh}.touch-play .play-keyboard{bottom:0;left:0;transform:none;width:100%;max-width:none;height:39svh;padding:8px 10%;background:#0a242ee8;border-top:1px solid #aee6cb30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.touch-play .keyboard{gap:4px;max-width:850px}.touch-play .keyboard-row{gap:5px}.touch-play .key{width:50px;height:calc((39svh - 34px)/4);min-height:24px;font-size:13px;max-width:8vw}.touch-play .utility-keys .space-key{min-width:180px}.touch-play .game-shell:has(.play-keyboard.visible) .hud-bottom{bottom:calc(39svh + 8px);align-items:center}.touch-play .combo-block>span{font-size:6px}.touch-play .combo-block>strong{font-size:21px}.touch-play .combo-block>small{font-size:8px}.touch-play .zapper-block{width:140px!important}.touch-play .zapper-block>span{font-size:7px}.touch-play .zapper-block>small{display:none}.touch-play .energy-track{margin:6px 0;height:3px}.touch-play .hud-oxygen{display:none}.touch-play .hud-location{min-width:100px}.touch-play .depth-progress{width:110px}.touch-play .hud-right strong{font-size:18px}.touch-play .hud-top{top:8px}.touch-play .hud-score strong{font-size:18px}.touch-play .hud-location strong{font-size:15px}.touch-play .phase-notice{top:59px;padding:3px 9px;font-size:7px}.touch-play .word-label{font-size:16px;padding:5px 8px}.touch-play .boss-bar{top:79px;left:35%;right:35%}.touch-play .boss-bar>span{font-size:8px}.touch-play .boss-bar>small{font-size:7px}.touch-play .boss-bar>div{margin-top:4px}.touch-play .playing #toast{bottom:44svh}.touch-play .game-shell:has(.play-keyboard.visible) .game-instruction{display:none}.touch-play .pause-layer{position:fixed}.touch-play #labels{height:61svh}.touch-play .water-overlay{bottom:39svh}}body.touch-play #toast{bottom:calc(39svh + 52px)}body.playing:has(.play-keyboard.visible):not(.touch-play) #toast{bottom:280px}@media(max-height:560px)and (orientation:landscape){.touch-play .key{height:calc((39svh - 34px) / var(--keyboard-rows, 4));min-height:24px}.touch-play .utility-keys .key{min-width:57px}.touch-play .play-keyboard{padding-left:6%;padding-right:6%}}@media(min-height:900px){.word-label{font-size:28px}.boss-label{font-size:24px}}.descent-screen{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;background:linear-gradient(#061d2b44,#061d2b88)}.descent-screen h1{font-size:clamp(35px,5vw,70px)}.descent-screen p{font-size:18px;letter-spacing:.1em;color:var(--mint)}.descent-screen button{position:absolute;bottom:10vh;color:#a0c2b9}@media(max-height:560px)and (orientation:landscape){.touch-play .utility-keys .key.space-key{min-width:180px;max-width:40vw;width:30vw}.touch-play .key{min-height:32px}}#veno-game{position:fixed!important;inset:0;width:100vw;height:100dvh}.sdk-loading #app{visibility:hidden}body:not(.demo-mode) .veno-stage{left:0!important;top:0!important;transform:none!important;width:100%!important;height:100%!important;overflow-y:auto}.brand-art{display:block;width:154px;height:80px;overflow:hidden;background:#ededed;border-radius:12px}.brand .brand-art img{width:180px;height:180px;max-width:none;transform:translate(-13px,-49px)}.boot img{width:170px;border-radius:24px}.studio-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}.studio-art{border-radius:26px;overflow:hidden;background:#102f3b;border:1px solid var(--line)}.studio-art img{width:100%;display:block}.studio-art span{display:block;padding:24px;font-size:11px;letter-spacing:.12em;color:var(--mint)}.studio-settings{display:grid;gap:20px;padding:30px;background:#092b3be8;border:1px solid var(--line);border-radius:24px}.studio-settings label{display:grid;gap:10px;color:#b8d8d7;font-size:13px}.studio-settings select,.studio-settings input{width:100%;padding:13px 15px;background:#143b49;border:1px solid #83c7c13a;border-radius:8px;color:#f0fff8}.studio-settings button{min-height:50px}.demo-mode{overflow:hidden}.demo-mode #app,.demo-mode #labels,.demo-mode #toast,.demo-mode .water-overlay,.demo-mode #rotate{display:none!important}.demo-mode #ocean{position:absolute;inset:0}.demo-mode #ocean canvas{width:100%!important;height:100%!important}.demo-hud{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.demo-toolbar{position:fixed;left:50%;top:18px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;z-index:30;width:max-content;max-width:94%;padding:10px;background:#061a2bef;border:1px solid #bad3d63a;border-radius:16px;box-shadow:0 6px 40px #0006}.demo-toolbar a,.demo-toolbar button{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;color:#bff3df;font-size:12px;text-decoration:none;border-radius:8px;background:#1e4352}.demo-toolbar [data-export]{background:#bbf485;color:#0b352c}.demo-toolbar .demo-export-status{width:100%;text-align:center;font-size:12px;max-width:680px;line-height:1.7}.demo-export-status:empty{display:none}.demo-toolbar.controls-hidden{opacity:0;pointer-events:none}.demo-toolbar.controls-hidden:focus-within{opacity:1;pointer-events:auto}.startup-error{position:fixed;inset:10%;padding:40px;background:#123344;z-index:100;display:grid;place-content:center;gap:20px}.startup-error button{background:#a4e6cc;padding:15px;color:#123344}#ocean canvas,.paused #ocean canvas,.inked #ocean canvas,.daily-dark #ocean canvas{filter:none;transition:none}.inked #danger-overlay{background:#081529a6}.daily-dark #danger-overlay{background:#00162170}@media(max-width:760px){.studio-layout{grid-template-columns:1fr;gap:24px}.studio-art img{max-height:270px;object-fit:cover}.studio-settings{padding:22px}.brand-art{width:110px;height:51px}.brand .brand-art img{width:130px;height:130px;transform:translate(-9px,-35px)}.studio-link{display:inline-flex!important;font-size:11px}.topbar nav{gap:9px}.demo-toolbar{top:8px}.demo-toolbar button,.demo-toolbar a{font-size:10px;padding:5px 8px}}:lang(zh-CN) .eyebrow,:lang(zh-TW) .eyebrow,:lang(ja) .eyebrow,:lang(ko) .eyebrow{letter-spacing:.04em}.mode-card h2,.lesson-card h2,.primary,.secondary{overflow-wrap:anywhere}.reward-button{display:inline-flex;align-items:center;gap:8px;border-color:#e6b88766;color:#f3d7b3}.reward-button .icon{width:16px;height:16px}.ad-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#020b10e6}.ad-card{display:grid;gap:14px;justify-items:center;padding:48px 64px;border:1px solid var(--line);border-radius:12px;background:#0a2530;text-align:center}.ad-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.ad-card strong{font-size:56px;letter-spacing:.2em;color:var(--mint)}.ad-card .ad-timer{min-height:1.4em;color:var(--muted)}body.ad-playing #app{pointer-events:none}