:root{--ink:#263f36;--sage:#6b8270;--emerald:#275b49;--gold:#ae8c4d;--paper:#f6f1e6;--line:rgba(84,111,89,.20);--soft:#eaf0e4;--rose:#b57176}*{box-sizing:border-box}html{background:#e9e9df;-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.6;cursor:default}button,a,input,select,textarea{touch-action:manipulation}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #98b496;outline-offset:2px}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.app-shell{position:relative;width:100%;max-width:375px;min-height:100vh;margin:0 auto;overflow:hidden;background:var(--paper);box-shadow:0 0 60px rgba(37,66,47,.10)}.paper-bg{position:absolute;inset:0;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(249,247,239,.08),rgba(249,247,239,.10)),url('?asset=assets%2Fbotanical.jpg');background-size:375px auto;background-position:center top;background-repeat:repeat-y;pointer-events:none}.app-content{position:relative;z-index:1;min-height:100vh}.app-header{height:68px;padding:16px 18px 10px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;font-family:Georgia,serif;font-size:17px;letter-spacing:2.3px;font-weight:bold;text-shadow:0 1px 4px #fff}.wordmark small{display:block;font:7px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:1.4px;margin-top:3px;color:#65705f}.brand-seal{width:34px;height:34px;border:1px solid rgba(153,133,86,.5);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#667c58;margin-right:9px;background:rgba(250,249,240,.55)}.brand-seal .icon{width:23px;height:23px}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle;display:inline-block}.round{display:inline-flex;justify-content:center;align-items:center;min-width:40px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,251,.74);border:1px solid rgba(182,191,169,.5);color:var(--ink);box-shadow:0 3px 8px rgba(76,89,55,.04)}main{padding:10px 18px 25px}h1,h2,h3,p{margin-top:0}h1{font:39px/1.04 Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1.7px;margin-bottom:9px}h1 em{font-weight:400;color:#677b58}h2{font:25px/1.1 Georgia,serif;font-weight:400;letter-spacing:-.5px;margin-bottom:10px}h3{font:27px/1.1 Georgia,serif;letter-spacing:-.5px}.eyebrow{display:block;font-size:8px;font-weight:650;letter-spacing:1.6px;color:#728168;margin-bottom:8px}.muted{color:#758171}.small{font-size:12px}.tiny{font-size:10px;line-height:1.65}.glass{background:#fffff7;background:linear-gradient(145deg,rgba(255,255,251,.94),rgba(248,249,241,.80));border:1px solid rgba(255,255,255,.98);border-radius:19px;padding:20px;box-shadow:0 8px 26px rgba(74,87,58,.10),inset 0 0 0 1px rgba(144,158,128,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button{position:relative;display:inline-flex;justify-content:center;align-items:center;min-height:45px;padding:11px 16px;border:1px solid rgba(245,253,244,.9);border-radius:12px;background:linear-gradient(165deg,#5c8b72 0%,#315e4c 48%,#244c3b 100%);box-shadow:0 5px 14px rgba(29,71,45,.18),inset 0 1px 0 rgba(255,255,255,.45);color:#fff;font-size:12px;font-weight:600;letter-spacing:.1px;text-align:center}.button .icon{width:17px;height:17px;margin-left:9px}.button.secondary{background:linear-gradient(#fffef8,#edf0e5);color:#496146;border:1px solid #d0d9c4;box-shadow:0 3px 10px rgba(47,67,39,.06);margin-top:9px}.full{width:100%}.text-button{display:inline-flex;align-items:center;background:none;border:0;color:#57735e;padding:6px 0;font-size:11px}.text-button .icon{width:14px;height:14px;margin-right:5px}.intro{text-align:center;padding:14px 0 8px}.intro .eyebrow{font-size:7px;letter-spacing:1.8px}.intro h1{font-size:50px;line-height:.98;letter-spacing:-2.8px;margin:11px 0 10px;color:#2c493e}.intro h1 em{color:#6c805e}.intro p{font-size:11px;line-height:1.55;color:#6c7666;margin-bottom:7px}.botanical-rule{display:flex;align-items:center;justify-content:center;color:#9c966c;margin:7px auto 12px}.botanical-rule .icon{width:15px;height:15px;margin:0 10px}.botanical-rule span{height:1px;width:33px;background:linear-gradient(90deg,transparent,#b6af8d)}.botanical-rule span:last-child{transform:rotate(180deg)}.welcome{padding-top:0}.auth-card{padding:15px 19px 13px;background:linear-gradient(145deg,rgba(255,255,252,.95),rgba(249,249,239,.88))}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:13px}.tabs a{width:50%;text-align:center;padding:4px 0 9px;font-size:12px;color:#85907e;position:relative}.tabs .selected{color:#365a43;font-weight:650}.tabs .selected:after{content:"";position:absolute;bottom:-1px;left:22%;right:22%;height:2px;border-radius:2px;background:#68876a}label{display:block;font-size:10px;color:#687962;letter-spacing:.2px;margin:10px 0}input:not([type=hidden]):not([type=file]),select,textarea{display:block;width:100%;max-width:100%;padding:10px 11px;border:1px solid rgba(128,151,118,.32);border-radius:9px;background:rgba(255,255,255,.72);box-shadow:inset 0 1px 3px rgba(57,77,42,.02);color:#284938;margin-top:5px;font-size:16px;line-height:1.2}input::placeholder{font-size:11px;color:#9a9f91}select{font-size:13px}.auth-card .button{margin-top:5px}.cookie-note{font-size:8px;text-align:center;color:#82917b;margin:11px 0 0;white-space:nowrap}.cookie-note .icon{width:11px;height:11px;margin-right:4px}.welcome-caption{font:italic 21px Georgia,serif;text-align:center;color:#546749;margin:19px 0 12px}.mini-topics{display:flex;align-items:center;justify-content:center;font-size:7px;letter-spacing:2px;color:#728466}.mini-topics i{width:3px;height:3px;border-radius:50%;background:#b19b62;margin:0 15px}.legal{text-align:center;font-size:8px;line-height:1.6;color:#76816c;margin:15px 0 4px}.legal .text-button{font-size:9px;display:inline;padding:0}.form-error{font-size:11px;color:#a14e47;background:#fff1e9;padding:8px;border-radius:7px}.toast{position:fixed;z-index:100;top:13px;left:50%;transform:translateX(-50%);width:calc(100% - 30px);max-width:345px;border:1px solid #d7d9c9;border-radius:12px;background:#fffdf5;box-shadow:0 6px 25px #50643e33;padding:13px 17px;font-size:12px}.greeting{margin:5px 0 17px}.greeting .eyebrow{font-size:7px;margin-bottom:7px}.greeting h1{font-size:31px;line-height:1.15;letter-spacing:-1px;overflow-wrap:anywhere}.greeting p{font-size:10px;color:#76846c;margin:3px 0 0}.greeting-leaf{color:#b69b60;font:23px Georgia,serif;margin-left:8px}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.kpi{height:87px;position:relative;border-radius:13px;padding:10px 11px 4px;background:linear-gradient(140deg,rgba(255,255,252,.95),rgba(240,244,231,.90));border:1px solid rgba(255,255,255,.98);box-shadow:0 4px 11px rgba(83,98,66,.09),inset 0 0 0 1px rgba(161,173,144,.17);overflow:hidden}.kpi-label{font-size:8px;color:#6c7c62;display:flex;align-items:center;margin-bottom:3px;white-space:nowrap}.kpi-label .icon{width:12px;height:12px;margin-right:5px;color:#8f9a76}.kpi strong{font-size:22px;font-weight:550;letter-spacing:-.8px;line-height:1.2;color:#395d45}.kpi strong small{font-size:8px;font-weight:400;letter-spacing:0;color:#899381}.spark{display:block;width:100%;height:23px;color:#76915e;margin-top:3px}.kpi:nth-child(2) .spark{color:#b7a173}.kpi:nth-child(3) .spark{color:#729e9c}.kpi:nth-child(4) .spark{color:#af8897}.chart-note{font-size:8px;text-align:right;color:#849079;margin:7px 0 16px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading h2{font-size:23px;margin:0}.section-heading .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:4px}.pill{font-size:7px;letter-spacing:.8px;padding:4px 7px;border:1px solid #bfc8af;border-radius:6px;color:#7e8c6c;background:#fafcf3a1}.game-hero{position:relative;height:145px;border-radius:16px;overflow:hidden;background:#8dae9b url('?asset=assets%2Fwater-garden.jpg') center 45%/cover;border:1px solid rgba(255,255,255,.96);box-shadow:0 7px 20px #385d4933;color:#f4fbed}.game-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,72,63,.86),rgba(30,93,76,.35) 72%,rgba(22,74,62,.10))}.atom-badge{position:absolute;top:12px;left:15px;color:#cbdabd}.atom-badge .icon{width:18px;height:18px}.hero-copy{position:absolute;left:15px;top:42px}.hero-copy>span{font-size:6px;letter-spacing:1.7px;color:#d2ddc5}.hero-copy h3{font-size:23px;line-height:1.03;margin:6px 0 6px;font-weight:400}.hero-copy p{font-size:8px;color:#d4e2ca}.floating-element{position:absolute;right:25px;top:38px;width:78px;height:86px;transform:rotate(7deg);border-radius:12px;background:linear-gradient(150deg,rgba(255,255,247,.50),rgba(231,249,231,.12));border:1px solid rgba(245,255,225,.76);box-shadow:inset 0 1px 14px #fff6,0 7px 20px #1b5f5644;text-align:center;color:#fffbe9}.floating-element small{position:absolute;left:8px;top:4px;font-size:10px}.floating-element b{display:block;font-size:44px;line-height:1.4;font-weight:500;letter-spacing:-1px}.floating-element span{font-size:7px;display:block;margin-top:-4px}.pool-control{display:flex;margin:13px 0 10px;background:rgba(231,237,220,.80);border:1px solid rgba(187,201,169,.3);border-radius:8px;padding:3px}.pool-control button{width:50%;padding:7px 0;font-size:9px;border:0;border-radius:6px;background:none;color:#819073}.pool-control .selected{background:#fffef7;color:#466740;box-shadow:0 2px 5px #82936d22}.level-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.level-card{position:relative;text-align:left;border:1px solid #fffdf6;border-radius:13px;min-height:138px;padding:15px 12px 10px;background:linear-gradient(140deg,rgba(255,255,248,.96),rgba(236,241,225,.90));color:var(--ink);box-shadow:0 4px 12px #52663d17}.level-number{font:31px/1 Georgia,serif;color:#c6caae;position:absolute;right:12px;top:11px}.level-symbol{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #d1dbc3;border-radius:9px;color:#708b62;margin-bottom:10px;background:linear-gradient(#fff,#edf1e4)}.level-symbol .icon{width:20px;height:20px}.level-card strong{font:20px Georgia,serif;display:block;margin-bottom:4px}.level-card>span:not(.level-symbol):not(.level-number){font-size:8px;color:#7b8771;display:block}.level-card em{display:flex;align-items:center;justify-content:space-between;font-size:7px;font-style:normal;color:#6a805a;border-top:1px solid #d9e0cd;padding-top:8px;margin-top:10px}.level-card em .icon{width:12px;height:12px}.resume{font-size:10px;margin-bottom:12px}.slim{padding:14px 15px;border-radius:13px;margin-top:12px}.slim summary{font:18px Georgia,serif;cursor:pointer}.slim[open] summary{margin-bottom:10px}.slim h2{font-size:20px}.history-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e7d9;padding:8px 0;font-size:10px}.history-row:last-child{border:0}.history-row small{display:block;font-size:8px;color:#87917d}.history-row b{font-weight:600}.dashboard,.collection,.studio{padding-bottom:88px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:375px;display:flex;justify-content:space-around;align-items:center;min-height:61px;padding:7px 9px calc(7px + env(safe-area-inset-bottom));border-top:1px solid rgba(223,229,210,.96);background:rgba(252,253,243,.95);box-shadow:0 -3px 17px #56774c0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30}.bottom-nav a{display:flex;flex-direction:column;align-items:center;font-size:8px;color:#939c84;min-width:65px;padding:4px 0}.bottom-nav .icon{width:20px;height:20px;margin-bottom:4px}.bottom-nav .active{color:#436944}.bottom-nav .active:after{content:"";width:4px;height:4px;background:#729059;border-radius:50%;position:absolute;bottom:4px}.collection{padding-top:18px}.collection h1{font-size:34px;line-height:1.1}.collection-count{font:38px Georgia,serif;color:#56794b;margin:18px 0}.collection-count span{font:11px -apple-system,BlinkMacSystemFont,sans-serif;color:#819574}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px}.collect-cell{position:relative;height:79px;border:1px solid #e3e7d6;border-radius:11px;background:rgba(254,255,248,.78);color:#a5ad97;padding:8px 2px}.collect-cell small{position:absolute;left:7px;top:5px;font-size:8px}.collect-cell b{font-size:25px;font-weight:400;display:block}.collect-cell span{display:block;font-size:6px;overflow-wrap:anywhere}.collect-cell.known{color:#53754a;background:linear-gradient(#fefef8,#e2ecca);border:1px solid #adc58b;box-shadow:inset 0 1px 6px #fff}.collect-cell i{position:absolute;right:4px;top:1px;color:#b19c60;font-style:normal}.game-area{padding-top:0}.view-game .app-header{height:61px}.view-game .paper-bg{opacity:.70}.game-topline{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-bottom:4px}.game-topline .eyebrow{margin:0;font-size:7px}.game-topline .text-button{font-size:9px;padding:4px 0}.round-bar{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:linear-gradient(110deg,rgba(255,255,248,.93),rgba(238,244,227,.86));border:1px solid #fff;border-radius:10px;box-shadow:0 3px 10px #74876212;font-size:8px;letter-spacing:.5px}.round-bar b{font-size:12px;color:#4a7854}.hearts{font-size:16px;color:#b87e82;letter-spacing:1.5px;text-shadow:0 1px 0 #fff}.hearts .lost{opacity:.25}.score{color:#7c896f;font-size:8px}.score b{font-size:10px}.progress-track{height:3px;background:#dfe6d3;border-radius:3px;margin:8px 1px 13px;overflow:hidden}.progress-track span{height:100%;display:block;width:0;background:linear-gradient(90deg,#899e6a,#427356);border-radius:3px;transition:width .25s}.game-question{font:25px/1.1 Georgia,serif;text-align:center;letter-spacing:-.7px;margin:12px 0 11px}.element-scene{position:relative;display:flex;justify-content:center;align-items:center;height:173px;border-radius:15px;background:#92b9b0 url('?asset=assets%2Fwater-garden.jpg') center 41%/cover;box-shadow:inset 0 0 20px #285b5022;border:1px solid #fff}.element-scene:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(140deg,rgba(24,74,61,.15),rgba(244,254,235,.17),rgba(32,78,63,.18))}.element-card{position:relative;height:142px;min-width:133px;padding:7px 17px 10px;border-radius:15px;border:1px solid rgba(255,255,239,.95);background:linear-gradient(155deg,rgba(255,255,242,.84),rgba(221,244,226,.57) 45%,rgba(195,225,207,.57));box-shadow:inset 0 2px 10px #fffff799,0 7px 22px #124d4040;text-align:center;color:#2e614f;text-shadow:0 1px 1px #fff8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.atomic-number{position:absolute;left:12px;top:7px;font-size:18px;line-height:1;font-weight:600}.atomic-label{display:block;font-size:5px;text-align:left;position:absolute;left:12px;top:27px;color:#55705d;letter-spacing:.3px}.chemical-symbol{font-size:63px;line-height:1.1;font-weight:500;display:block;letter-spacing:-2px;margin-top:21px;min-width:86px}.atomic-mass{font-size:16px;font-weight:600;display:block;letter-spacing:.1px;margin-top:-3px;line-height:1.3}.mass-label{font-size:6px;display:block;line-height:1.1;color:#58745f}.element-name{font:17px Georgia,serif;display:block;line-height:1.1;margin:0 -9px}.scene-caption{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:5px;letter-spacing:1.5px;color:#315e4d;opacity:.9}.element-facts{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;margin-top:8px}.element-facts>div{background:rgba(254,255,248,.86);border:1px solid #fff;border-radius:8px;padding:5px 8px;display:flex;justify-content:space-between;align-items:center;min-height:28px;box-shadow:0 2px 5px #5677460a}.element-facts span{font-size:7px;color:#7f8c72}.element-facts b{font-size:9px;font-weight:600;color:#527249}.element-facts>div:nth-child(3),.element-facts>div:nth-child(4){display:block}.element-facts>div:nth-child(3) b,.element-facts>div:nth-child(4) b{display:block;font-size:9px;margin-top:1px}.wide-fact{grid-column:1 / 3;text-align:center;justify-content:center!important;font-size:9px;color:#63795b;padding:4px 8px!important;min-height:24px!important}.answer-section>p{text-align:center;font-size:10px;color:#667a59;margin:12px 0 8px}.options{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.option{min-height:44px;border:1px solid rgba(189,203,166,.85);border-radius:10px;background:linear-gradient(#fffef7,#edf2e3);box-shadow:inset 0 1px 0 #fff,0 3px 7px #556c3c16;color:#416239;font-size:11px;font-weight:550;padding:8px 4px}.option.correct{border-color:#699b61;background:#dceccc;color:#37602b}.option.wrong{border-color:#c0918b;background:#f3ded8;color:#985b52}.answer-feedback{margin:13px 0;background:rgba(255,255,249,.95);padding:12px;border:1px solid #d2ddc2;border-radius:12px;text-align:center}.answer-feedback strong{font:22px Georgia,serif;color:#4b7841}.answer-feedback.wrong strong{color:#a16b67}.answer-feedback p{font-size:11px;color:#6e7f64;margin:6px 0 12px}.answer-feedback .button{min-height:39px}.game-area.level-two .element-scene{height:122px;background-position:center 46%}.game-area.level-two .element-card{height:107px;min-width:125px;padding-bottom:10px}.game-area.level-two .chemical-symbol{font-size:45px;margin-top:8px;line-height:1.05}.game-area.level-two .atomic-number{font-size:15px;left:10px;top:9px}.game-area.level-two .atomic-label{display:none}.game-area.level-two .atomic-mass{font-size:10px;margin-top:3px}.game-area.level-two .mass-label{display:none}.game-area.level-two .element-name{font-size:16px;margin-top:3px}.game-area.level-two .game-question{margin-top:9px}.board-tools{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#6c7c62;margin:10px 0 6px}.board-tools button{font-size:9px;padding:7px 4px;border:1px solid #cad6b8;border-radius:7px;background:#fffdf1}.board-scroll{overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid #c6d3ba;border-radius:11px;background:rgba(250,253,242,.88);padding:7px 4px;box-shadow:inset 0 0 15px #a7b89813}.periodic-board{display:grid;grid-template-columns:12px repeat(18,minmax(0,1fr));grid-template-rows:15px repeat(7,23px) 10px 23px 23px;grid-gap:2px;gap:2px;width:100%;min-width:0}.board-label{font-size:6px;color:#68805d;display:flex;align-items:center;justify-content:center;line-height:1}.board-cell{min-width:0;width:100%;height:100%;padding:0;border:1px solid #9fb38a;border-radius:3px;background:linear-gradient(#fcfff6,#ebf2e0);color:#557148;font-size:9px;line-height:1;box-shadow:inset 0 1px 1px #fff;position:relative}.board-cell:active{background:#d2e2bc}.board-cell.filled{background:linear-gradient(#719c65,#457644);border-color:#315e32;color:#fff}.board-cell.reveal{background:#f4dd9e;border-color:#bda16e;color:#715b2a;box-shadow:0 0 5px #e9c162}.board-cell.missed{background:#f4dcd8;border-color:#bc938a}.board-placeholder{font-size:6px;color:#8d9679;border:1px dashed #bac6a9;border-radius:3px;display:flex;align-items:center;justify-content:center}.board-scroll.zoomed .periodic-board{width:814px;grid-template-columns:18px repeat(18,42px);grid-template-rows:23px repeat(7,42px) 13px 42px 42px}.board-scroll.zoomed{max-height:345px}.board-scroll.zoomed .board-cell{font-size:15px;border-radius:6px}.board-scroll.zoomed .board-label{font-size:9px}.board-scroll.zoomed .board-placeholder{font-size:10px}.board-hint{font-size:8px;color:#748767;line-height:1.5;text-align:center;margin:8px 3px}.result-view{text-align:center;padding:26px 4px 30px}.result-flower{font:80px Georgia,serif;color:#a6ab79;line-height:1;margin-bottom:13px;text-shadow:0 3px 18px #d6d6a0}.result-view h1{font-size:36px}.result-score{font:55px Georgia,serif;color:#52764b;margin:24px 0 5px}.result-score small{font:11px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:1px}.result-view p{font-size:12px;color:#7b8970;margin:5px 0 24px}.pause-layer,.modal-layer{position:fixed;z-index:60;inset:0;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(36,64,43,.32);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pause-layer>.glass{width:335px;text-align:center;padding:28px 20px}.pause-layer h2{font-size:28px}.pause-layer p{font-size:12px;color:#7d8c6d}.modal-card{position:relative;width:335px;max-height:85vh;overflow:auto;padding:26px 22px}.modal-card h2{font-size:28px;margin-right:30px}.modal-close{position:absolute;right:12px;top:12px;width:33px;min-width:33px;height:33px}.modal-card p{font-size:12px;line-height:1.7;color:#6b7c61}.modal-card a{text-decoration:underline}.modal-card .source-row{font-size:10px;display:block;line-height:1.7;margin:8px 0;overflow-wrap:anywhere}.studio{padding-top:20px}.studio>h1{font-size:40px;margin-bottom:22px}.studio .glass{margin-top:14px;padding:18px}.studio .glass p{font-size:12px;color:#75866b}.access-heading{display:flex;align-items:center;position:relative}.access-heading h2{font-size:22px;margin:0 0 3px}.access-heading p{font-size:9px!important;margin:0}.access-dot{width:7px;height:7px;background:#c3c8b9;border-radius:50%;margin-left:auto}.access-dot.active{background:#74a16b;box-shadow:0 0 0 4px #bcd4a43b}.countdown{font:63px/1.1 Georgia,serif;text-align:center;color:#617d52;letter-spacing:-3px;margin:20px 0 4px;font-variant-numeric:tabular-nums}.countdown-label{text-align:center;font-size:7px;letter-spacing:2px;color:#95a182}.access-status{text-align:center;font-size:10px!important;margin:12px 0 17px!important}.access-links{display:flex;justify-content:space-between;margin:10px 0}.access-links .text-button{font-size:9px}.copy-fallback{height:145px;font-size:12px!important}.studio .tiny{font-size:9px!important;line-height:1.6}.notice{padding:11px 13px;border:1px solid #bdcdae;border-radius:9px;background:#f1f6e8;color:#5c754c;font-size:12px}.work-body{background:#eff1e7}.work-shell{max-width:860px;margin:25px auto}.work-shell .glass{margin:20px 0}.work-shell .button{margin:10px 0}.work-links{display:flex;flex-wrap:wrap}.work-links a{font-size:11px;border:1px solid #c3d1b6;border-radius:7px;padding:8px;margin:4px 5px 4px 0;background:#fbfdf5}.source-editor{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace!important;min-height:330px;resize:vertical;white-space:pre}.no-script{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fff1db;padding:15px;font-size:13px;text-align:center}@media(min-width:700px){.app-shell{margin:22px auto;border-radius:25px;min-height:800px;box-shadow:0 12px 70px #3b563429}.bottom-nav{border-radius:18px 18px 0 0}.paper-bg{background-size:375px auto}}@media(max-width:350px){.app-header{padding-left:13px;padding-right:13px}.wordmark{font-size:15px}.wordmark small{font-size:6px}main{padding-left:13px;padding-right:13px}.intro h1{font-size:46px}.kpi strong{font-size:20px}.kpi-label{font-size:7px}.periodic-board{grid-template-columns:10px repeat(18,minmax(0,1fr));grid-gap:1px;gap:1px}.cookie-note{font-size:7px}.options .option{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 1.2: Immersive Spielansicht; übrige Seiten bleiben im floralen Design. */
.view-game{background:#041727;color:#f7fcff}
.view-game .app-shell{height:var(--game-height,100vh);min-height:0;margin:0 auto;border-radius:0;background:#041727;overflow:hidden}
.view-game .paper-bg{opacity:.075;filter:saturate(.5)}
.view-game .app-content{height:100%;min-height:0;display:flex;flex-direction:column}
.view-game .app-header.game-header{height:48px;flex:0 0 48px;padding:4px 11px;background:linear-gradient(180deg,#071e31,rgba(4,23,39,.9))}
.game-header .round{height:38px;min-width:38px;width:38px;border-color:#2787b2;background:linear-gradient(145deg,#103b60,#071e33);color:white;box-shadow:inset 0 1px 6px #38d8ff33,0 0 8px #24bbf41a}
.game-header .round .icon{width:20px;height:20px;stroke-width:2}
.game-brand{display:flex;align-items:center;margin:0 auto;color:#fff}
.game-brand>.icon{width:30px;height:30px;color:#7beeff;filter:drop-shadow(0 0 5px #08daf0);margin-right:9px}
.game-brand>span{font-size:17px;line-height:1.05;font-weight:750;letter-spacing:2px}
.game-brand small{display:block;color:#a8dbeb;font-size:8px;letter-spacing:2.5px;margin-top:4px;font-weight:600}
.view-game .game-area{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:0 9px 7px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}
.view-game .round-bar{flex-shrink:0;padding:5px 10px;min-height:32px;background:linear-gradient(105deg,rgba(8,45,73,.92),rgba(3,20,36,.95));border:1px solid #286087;border-radius:9px;color:#e1f4ff;font-size:10px;letter-spacing:.4px;box-shadow:inset 0 1px 2px #a1e8ff16,0 1px 7px #00111d}
.view-game .round-bar b{font-size:15px;color:#8ff5ff}.view-game .score{font-size:10px;color:#c9e3ee}.view-game .score b{font-size:13px;color:#fff}
.view-game .hearts{color:#ff7a88;text-shadow:0 0 8px #f8416580;font-size:17px;letter-spacing:1px;line-height:1}.view-game .hearts .lost{color:#7992a1;opacity:.4;text-shadow:none}
.view-game .progress-track{height:3px;min-height:3px;flex-shrink:0;background:#153952;margin:5px 1px 6px;border-radius:4px}
.view-game .progress-track span{background:linear-gradient(90deg,#32b4e7,#a0ffff);box-shadow:0 0 6px #41eaff}
.view-game #question-view{position:relative;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;perspective:700px}
.question-stage{position:relative;isolation:isolate;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:9px 9px 10px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#052335 url('?asset=assets%2Fwater-garden.jpg') center center/cover;border:1px solid #4ab4cc;border-radius:16px;box-shadow:inset 0 0 15px #4dcbe53b,0 0 10px #35b9d01c}
.question-stage:before{content:"";position:absolute;inset:0;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,15,31,.62),rgba(1,16,29,.13) 36%,rgba(1,18,34,.6));border-radius:inherit}
.view-game .game-question{position:relative;flex-shrink:0;color:#fff;text-shadow:0 2px 8px #00111d;font:750 24px/1.16 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.6px;text-align:center;margin:0 0 6px}
.view-game .element-scene{flex:1 0 159px;min-height:159px;height:auto;margin:0 0 7px;border:0;border-radius:0;background:none;box-shadow:none;perspective:600px}
.view-game .element-scene:before{display:none}
.view-game .element-card{min-width:151px;width:151px;height:172px;padding:8px 12px 10px;border-radius:19px;background:linear-gradient(145deg,rgba(80,212,238,.35),rgba(1,37,67,.87) 49%,rgba(7,89,123,.59));border:1.4px solid #a2faff;box-shadow:inset 0 1px 3px #f4ffff, inset 0 0 16px #5fe3fb7a,0 0 8px #6aedff88,0 7px 22px #00141cc4;color:white;text-shadow:0 2px 7px #012637;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:box-shadow .15s,border-color .15s}
.view-game .element-card:after{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 2px 3px #fff9,inset 0 -2px 5px #63efffaa;animation:edge-shimmer 3.8s ease-in-out infinite}
.view-game .atomic-number{font-size:23px;top:10px;left:13px;font-weight:750}.view-game .atomic-label{top:34px;left:13px;font-size:8px;letter-spacing:0;color:#dbfaff}
.view-game .chemical-symbol{font-size:71px;font-weight:700;line-height:1.05;margin-top:34px;letter-spacing:-2px;min-width:0}
.view-game .atomic-mass{font-size:19px;line-height:1.2;letter-spacing:0;margin-top:0;color:#fff;font-weight:700}.view-game .mass-label{font-size:9px;line-height:1.25;color:#c9f2fc;margin-top:2px}
.view-game .element-facts{flex-shrink:0;margin:0;grid-gap:4px;gap:4px}
.view-game .element-facts>div,.view-game .element-facts>div:nth-child(3),.view-game .element-facts>div:nth-child(4){display:flex;justify-content:flex-start;align-items:center;min-height:34px;border:1px solid #68d2e8;border-radius:9px;padding:5px 7px;background:linear-gradient(125deg,rgba(5,50,77,.91),rgba(2,25,46,.9));box-shadow:inset 0 1px 4px #7deaff44,inset 0 -1px 3px #20abcb55,0 0 4px #51d9ff30;text-align:left}
.view-game .element-facts .icon{width:23px;height:23px;flex:0 0 23px;margin-right:7px;color:#a5f4ff;filter:drop-shadow(0 0 3px #2de1f333);stroke-width:1.4}
.view-game .element-facts b,.view-game .element-facts span,.view-game .element-facts>div:nth-child(3) b,.view-game .element-facts>div:nth-child(4) b{font-size:13px;line-height:1.15;letter-spacing:0;color:#fff;font-weight:600;margin:0;overflow-wrap:break-word}
.view-game .element-facts .fact-copy{font-size:13px;font-weight:550}.view-game .element-facts .fact-copy b{font-size:15px;margin-left:2px}
.view-game .element-facts .wide-fact{min-height:32px!important;justify-content:flex-start!important;padding:4px 7px!important}
.view-game .element-facts .wide-fact span{font-size:12px;font-weight:550}
.view-game .answer-section{flex:0 0 auto;margin:7px -1px 0;padding:6px 4px 2px;background:linear-gradient(180deg,rgba(3,21,38,.98),#041727);border:1px solid #235776;border-bottom:0;border-radius:14px 14px 0 0}
.view-game .answer-section>p{font-size:13px;font-weight:650;line-height:1.2;letter-spacing:.1px;color:white;margin:0 0 6px;text-align:center}
.view-game .options{grid-gap:6px;gap:6px}
.view-game .option{min-height:46px;padding:8px 5px;border:1px solid #71e5f6;border-radius:11px;font-size:17px;line-height:1.15;font-weight:650;overflow-wrap:break-word;hyphens:auto;color:#fff;background:linear-gradient(145deg,#125075,#062b49 50%,#052039);box-shadow:inset 0 1px 4px #b3faff5c,inset 0 -1px 5px #25dcff55,0 0 5px #2acbee24;text-shadow:0 1px 3px #001728}
.view-game .option:disabled{opacity:1}.view-game .option:active{background:linear-gradient(145deg,#167797,#0c466a);transform:scale(.98)}
.view-game .option.correct{border-color:#acffd1;background:linear-gradient(145deg,#198055,#075839);box-shadow:inset 0 0 12px #b4ffd854,0 0 12px #4affb177;color:#fff}.view-game .option.wrong{border-color:#ffacb0;background:linear-gradient(145deg,#92374d,#661c35);color:#fff;box-shadow:inset 0 0 12px #ffadbc44,0 0 10px #ff56664d}
.view-game .element-card.answer-correct{border-color:#bdffda;box-shadow:inset 0 0 20px #b3ffd4,0 0 26px #3fff9ccc}.view-game .element-card.answer-wrong{border-color:#ff9c9c;box-shadow:inset 0 0 20px #ff6d6d88,0 0 26px #ff3655aa}
.view-game .answer-feedback{position:absolute;z-index:11;left:9px;right:9px;bottom:127px;margin:0;padding:9px 10px;border:1px solid #7af2bb;border-radius:11px;background:rgba(2,34,28,.96);box-shadow:0 0 18px #0ade8166;pointer-events:none}
.view-game .answer-feedback strong{font:700 17px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e5fff0}.view-game .answer-feedback p{font-size:12px;line-height:1.3;margin:3px 0 0;color:#bcfcd9}
.view-game .answer-feedback.wrong{border-color:#ff909f;background:rgba(57,7,24,.97);box-shadow:0 0 18px #ee435866}.view-game .answer-feedback.wrong strong{color:#fff}.view-game .answer-feedback.wrong p{color:#ffb8c4}
.element-flight{position:absolute;z-index:10;left:50%;top:35%;width:156px;min-height:172px;padding:14px 7px;border-radius:19px;border:2px solid #b7ffdf;background:linear-gradient(140deg,#3de7a1e6,#096f4bf5 50%,#22c685f0);box-shadow:inset 0 0 20px #b1ffd888,0 0 40px #3cff9699;color:#fff;text-align:center;pointer-events:none;transform:translate(-50%,-50%);animation:element-arrive 1.25s cubic-bezier(.18,.7,.3,1) both}
.element-flight.failure{border-color:#ffc5ce;background:linear-gradient(140deg,#ff718ce6,#9a1b3df5 50%,#ed3854f0);box-shadow:inset 0 0 20px #ffc4d288,0 0 40px #ff425e99}
.element-flight>span{display:block;font-size:75px;font-weight:750;line-height:1.15;letter-spacing:-2px;text-shadow:0 2px 9px #02392c77}.element-flight>strong{display:block;font-size:17px;line-height:1.15;overflow-wrap:break-word}.element-flight>small{display:block;font-size:9px;line-height:1.3;margin-top:7px;font-weight:700;letter-spacing:1.4px}
@keyframes edge-shimmer{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes element-arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.88) rotateY(-8deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.05) rotateY(0)}65%{opacity:1;transform:translate(-50%,-50%) scale(1.3) translateZ(35px)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.9) translateZ(120px)}}
.view-game .game-area.level-two .question-stage{padding-bottom:5px}
.view-game .game-area.level-two .element-scene{flex:0 0 126px;min-height:126px;height:126px;margin-bottom:0}
.view-game .game-area.level-two .element-card{height:122px;min-width:130px;width:140px;border-radius:15px}
.view-game .game-area.level-two .chemical-symbol{font-size:49px;margin-top:5px;line-height:1.02}.view-game .game-area.level-two .atomic-number{font-size:17px;top:9px;left:10px}
.view-game .game-area.level-two .element-name{font:650 17px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin-top:3px}.view-game .game-area.level-two .atomic-mass{font-size:12px;line-height:1.2;margin-top:4px}
.view-game .game-area.level-two .game-question{font-size:23px;margin:0 0 4px}
.view-game .board-tools{font-size:11px;color:#e9faff;margin:7px 0 5px}.view-game .board-tools button{color:#d4faff;background:#082d47;border-color:#4e98b3;font-size:11px;padding:7px 6px}
.view-game .board-scroll{background:rgba(0,16,34,.93);border-color:#539cb2;box-shadow:inset 0 0 12px #1c678944;border-radius:9px}
.view-game .board-cell{background:linear-gradient(#0a3753,#041d34);border-color:#72d5e5;color:#e6ffff;box-shadow:inset 0 1px 4px #55d8ee11}.view-game .board-label{color:#d4efff;font-size:7px}.view-game .board-placeholder{color:#a2d7e6;border-color:#548297}
.view-game .board-cell:disabled{opacity:1}.view-game .board-cell.filled{background:linear-gradient(#1b9966,#0a6549);border-color:#a0ffd2;color:#fff;box-shadow:0 0 6px #51ffc655}.view-game .board-cell.reveal{background:#9d711d;color:#fff;border-color:#fff3b5;box-shadow:0 0 6px #ffd884}.view-game .board-cell.missed{background:#a72e4b;border-color:#ff9bb4;color:#fff}
.view-game .board-hint{font-size:10px;color:#d4effa;text-shadow:0 1px 3px #000;margin:6px 0;line-height:1.35}
.view-game .game-area.level-two .answer-feedback{bottom:12px}
.view-game .result-view{overflow-y:auto;flex:1;min-height:0;padding:17px 5px;color:#fff}.view-game .result-view h1,.view-game .result-view h1 em{color:#f1fff7}.view-game .result-score{color:#91ffcd}.view-game .result-view p,.view-game .result-view .eyebrow{color:#c7e9dc}
.view-game .pause-layer{background:rgba(0,15,30,.78)}.view-game .pause-layer>.glass{background:linear-gradient(135deg,#12354a,#031b31);border:1px solid #71bfd2;box-shadow:inset 0 0 12px #63ebff33,0 0 30px #00121c}.view-game .pause-layer h2{color:#fff}.view-game .pause-layer p,.view-game .pause-layer .eyebrow{color:#c7eaf3}
.view-game .button{background:linear-gradient(#22795c,#125239);color:#fff;border:1px solid #6deaba;font-size:14px}.view-game .button.secondary{background:linear-gradient(#153e5b,#0a263e);color:#dcf6ff;border-color:#507d97}
@media(max-height:600px){.view-game .app-header.game-header{height:43px;flex-basis:43px}.view-game .round-bar{min-height:30px;padding:4px 9px}.question-stage{padding:7px}.view-game .game-question{font-size:22px;margin-bottom:5px}.view-game .element-scene{min-height:128px;flex-basis:128px;margin-bottom:6px}.view-game .element-card{height:136px;width:132px;min-width:132px;border-radius:16px}.view-game .atomic-number{font-size:20px;top:7px;left:10px}.view-game .atomic-label{font-size:7px;top:28px;left:10px}.view-game .chemical-symbol{font-size:58px;margin-top:26px}.view-game .atomic-mass{font-size:17px}.view-game .mass-label{font-size:8px}.view-game .element-facts{grid-gap:3px;gap:3px}.view-game .element-facts>div,.view-game .element-facts>div:nth-child(3),.view-game .element-facts>div:nth-child(4){min-height:30px;padding:4px 6px}.view-game .element-facts .icon{width:21px;height:21px;flex-basis:21px;margin-right:6px}.view-game .element-facts .wide-fact{min-height:29px!important;padding:3px 6px!important}.view-game .answer-section{margin-top:5px;padding-top:5px}.view-game .answer-section>p{font-size:12px;margin-bottom:5px}.view-game .option{min-height:44px;font-size:16px;padding:7px 4px}.view-game .answer-feedback{bottom:116px}.view-game .game-area.level-two .game-question{font-size:21px}.view-game .game-area.level-two .element-scene{min-height:117px;flex-basis:117px;height:117px}.view-game .game-area.level-two .element-card{height:115px}}
@media(max-width:350px){.view-game .game-question{font-size:21px}.view-game .game-area{padding-left:6px;padding-right:6px}.question-stage{padding-left:6px;padding-right:6px}.view-game .element-facts b,.view-game .element-facts span,.view-game .element-facts>div:nth-child(3) b,.view-game .element-facts>div:nth-child(4) b{font-size:12px}.view-game .element-facts .icon{margin-right:5px}.view-game .options .option{font-size:15px}}
@media(prefers-reduced-motion:reduce){.element-flight{animation:none!important;transform:translate(-50%,-50%)!important;opacity:1}.view-game .element-card:after{animation:none!important}.view-game .option:active{transform:none}}

/* Gleicher kompakter Aufbau in einer höhenbegrenzten, schreibgeschützten Vorschau. */
.view-game.game-compact .app-header.game-header{height:43px;flex-basis:43px}.view-game.game-compact .round-bar{min-height:30px;padding:4px 9px}.view-game.game-compact .question-stage{padding:7px}.view-game.game-compact .game-question{font-size:22px;margin-bottom:5px}.view-game.game-compact .element-scene{min-height:128px;flex-basis:128px;margin-bottom:6px}.view-game.game-compact .element-card{height:136px;width:132px;min-width:132px;border-radius:16px}.view-game.game-compact .atomic-number{font-size:20px;top:7px;left:10px}.view-game.game-compact .atomic-label{font-size:7px;top:28px;left:10px}.view-game.game-compact .chemical-symbol{font-size:58px;margin-top:26px}.view-game.game-compact .atomic-mass{font-size:17px}.view-game.game-compact .mass-label{font-size:8px}.view-game.game-compact .element-facts{grid-gap:3px;gap:3px}.view-game.game-compact .element-facts>div,.view-game.game-compact .element-facts>div:nth-child(3),.view-game.game-compact .element-facts>div:nth-child(4){min-height:30px;padding:4px 6px}.view-game.game-compact .element-facts .icon{width:21px;height:21px;flex-basis:21px;margin-right:6px}.view-game.game-compact .element-facts .wide-fact{min-height:29px!important;padding:3px 6px!important}.view-game.game-compact .answer-section{margin-top:5px;padding-top:5px}.view-game.game-compact .answer-section>p{font-size:12px;margin-bottom:5px}.view-game.game-compact .option{min-height:44px;font-size:16px;padding:7px 4px}.view-game.game-compact .answer-feedback{bottom:116px}.view-game.game-compact .game-area.level-two .game-question{font-size:21px}.view-game.game-compact .game-area.level-two .element-scene{min-height:117px;flex-basis:117px;height:117px}.view-game.game-compact .game-area.level-two .element-card{height:115px}

.view-game .element-facts .fact-icon{display:inline-flex;flex:0 0 23px;align-items:center;width:23px;margin-right:7px}.view-game .element-facts .fact-icon .icon{margin:0}
.view-game.game-compact .element-facts .fact-icon{width:21px;flex-basis:21px;margin-right:6px}

/* 1.3: Elementpunkte, endloses Lernen und echtes Periodensystem. */
.view-game .element-points-hud{display:flex;align-items:center;flex-direction:column;line-height:1;text-align:center;min-width:67px}
.view-game .element-points-hud b{font-size:15px;color:#b1edff}.view-game .element-points-hud small{font-size:6px;letter-spacing:.6px;color:#b4d8e9;margin-top:3px}
.view-game .endless-progress span{opacity:.6;background:linear-gradient(90deg,#276494,#74ecff,#276494);box-shadow:0 0 6px #49d6f066}
.view-game .element-card.name-anchor{display:flex;flex-direction:column;justify-content:center;width:auto;min-width:151px;max-width:95%;padding:13px}
.view-game .element-card.name-anchor .element-name{font:700 26px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;text-shadow:0 2px 6px #00283b;overflow-wrap:break-word;max-width:250px;margin:auto 0}
.view-game .element-card.masked-card:not(.name-anchor) .chemical-symbol{color:#defaff;opacity:.75;font-size:62px}
.collection h1{font-size:36px}.collection-count{margin:16px 0 12px}.collection-count span{font-size:11px;color:#4d6248}
.collection .muted{color:#556c4d}.mastery-legend{display:flex;border-radius:10px;overflow:hidden;border:1px solid #d5dfd0;margin:13px 0 6px;box-shadow:0 2px 9px #485d4220}
.legend-stop{flex:1;padding:7px 1px;text-align:center;font-size:10px;font-weight:700;line-height:1.4;color:white;text-shadow:0 1px 2px #20361e44}.legend-stop.negative{background:#ad253b}.legend-stop.untouched{background:#ffffff55;color:#345340;text-shadow:none}.legend-stop.blue{background:#1d68ca}.legend-stop.green{background:#187f52}.legend-stop.purple{background:#7133b1}.collection-scale-note{font-size:9px;line-height:1.5;margin:4px 0 13px}
.collection-tools{display:flex;align-items:center;justify-content:space-between;margin:12px 0 8px;gap:6px}.collection-tools .button{min-height:38px;padding:7px 10px;font-size:11px;margin:0}.collection-tools .text-button{font-size:10px;max-width:125px;line-height:1.4;text-align:right;color:#365938}
.collection-board-scroll{overflow:auto;-webkit-overflow-scrolling:touch;background:rgba(243,248,236,.78);border:1px solid #b6c5ab;border-radius:11px;padding:8px 3px;box-shadow:inset 0 0 16px #78966915}
.collection-periodic{display:grid;grid-template-columns:9px repeat(18,minmax(0,1fr));grid-template-rows:13px repeat(7,24px) 8px 24px 24px;grid-gap:1px;gap:1px;width:100%;min-width:0}
.collection-axis{font-size:6px;line-height:1;display:flex;align-items:center;justify-content:center;color:#354e37;font-weight:700}.collection-axis.series-label{justify-content:flex-start;padding-left:3px;font-size:8px}
.collection-periodic .collect-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;min-height:0;height:auto;margin:0;padding:0;border:1px solid #aac0a0;border-radius:3px;color:#244438;opacity:1;background-image:none;box-shadow:inset 0 1px 2px #ffffff77;text-shadow:none;transition:box-shadow .15s,background-color .25s}
.collection-periodic .collect-cell small{position:absolute;left:1px;top:1px;font:4px/1 -apple-system,BlinkMacSystemFont,sans-serif;color:inherit;opacity:.85}
.collection-periodic .collect-cell b{font:700 8px/1 -apple-system,BlinkMacSystemFont,sans-serif;margin:3px 0 0;color:inherit;letter-spacing:-.5px}
.collection-periodic .collect-cell .collect-name,.collection-periodic .collect-cell .collect-points{display:none}.collection-periodic .collect-cell.strong-color{color:#fff;border-color:#eefaff99;text-shadow:0 1px 2px #00263066;box-shadow:inset 0 1px 3px #ffffff66,0 1px 3px #33536f33}
.collection-periodic .collect-cell:focus{outline:2px solid #0b607d;outline-offset:1px;z-index:1}.collection-placeholder{display:flex;align-items:center;justify-content:center;color:#56734b;border:1px dashed #a8b89b;border-radius:3px;font-size:7px}
.collection-board-scroll.zoomed{max-height:465px}.collection-board-scroll.zoomed .collection-periodic{width:1210px;grid-template-columns:18px repeat(18,64px);grid-template-rows:23px repeat(7,72px) 12px 72px 72px;grid-gap:2px;gap:2px}
.collection-board-scroll.zoomed .collect-cell{border-radius:6px;min-height:44px}.collection-board-scroll.zoomed .collect-cell small{font-size:7px;left:3px;top:3px}.collection-board-scroll.zoomed .collect-cell b{font-size:21px;letter-spacing:0;margin:6px 0 3px}.collection-board-scroll.zoomed .collect-cell .collect-name{display:block;font:9px/1.1 -apple-system,BlinkMacSystemFont,sans-serif;max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;margin:0}.collection-board-scroll.zoomed .collect-cell .collect-points{display:block;font:700 11px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;margin:3px 0 0;color:inherit}.collection-board-scroll.zoomed .collection-axis{font-size:9px}.collection-board-scroll.zoomed .collection-placeholder{font-size:12px}
.collection-hint{font-size:11px;line-height:1.55;color:#38583f;margin:10px 0}.bottom-nav a span{font-size:8px}.element-progress-detail{border:1px solid #cadbc6;border-radius:12px;padding:15px;text-align:center;color:#fff;text-shadow:0 1px 3px #001a3588;box-shadow:inset 0 1px 4px #ffffff88;margin:14px 0}.element-progress-detail strong{font-size:35px;line-height:1.1;display:block}.element-progress-detail span{font-size:11px;display:block;margin-top:5px}.element-progress-detail.low-points{color:#244438;text-shadow:none}
.difficulty-table{border-collapse:collapse;width:100%;font-size:11px;line-height:1.45;color:#35533d}.difficulty-table th,.difficulty-table td{text-align:left;vertical-align:top;padding:8px 4px;border-bottom:1px solid #ccdac5}.difficulty-table th:first-child,.difficulty-table td:first-child{width:55px;white-space:nowrap;font-weight:700}.difficulty-table th{color:#244833}.preview-note{padding:8px 9px;border:1px solid #c1cea9;border-radius:7px;background:#fff7cd;color:#645627;font-size:11px;line-height:1.4;margin:10px 0}
@media(max-width:350px){.collection-periodic{grid-template-rows:12px repeat(7,22px) 7px 22px 22px}.collection-periodic .collect-cell b{font-size:7px}.collection-tools .button{padding:6px;font-size:10px}}

/* 1.3.1: Handys nutzen die volle Viewportbreite, auch im Querformat. */
@media (max-width:699px), (hover:none) and (pointer:coarse) {
  .app-shell{max-width:none;margin:0;border-radius:0;box-shadow:none}
  .bottom-nav{max-width:none;left:0;transform:none;border-radius:0}
  .paper-bg{background-size:100% auto}
}

/* 1.3.2: sattere Aquarellfarben und vier unabhängig schwingende Blütenebenen. */
body:not(.view-game) .paper-bg{
  background-image:linear-gradient(rgba(28,65,48,.055),rgba(85,43,62,.035)),url('?asset=assets%2Fbotanical.jpg');
  filter:saturate(1.5) contrast(1.045) brightness(.94)
}
.garden-breeze{position:absolute;z-index:0;inset:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none}
.breeze-spray{position:absolute;display:block;width:54%;height:0;padding-bottom:162%;background-image:url('?asset=assets%2Fbotanical-breeze.png');background-repeat:no-repeat;background-size:200% 100%;opacity:.76;pointer-events:none;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.breeze-left{left:-5%;background-position:left bottom;transform-origin:28% 100%;animation:botanical-breeze-left 17s ease-in-out infinite}
.breeze-right{right:-5%;background-position:right bottom;transform-origin:72% 100%;animation:botanical-breeze-right 20s ease-in-out infinite}
.breeze-left.breeze-upper{top:6px;animation-delay:-4s}
.breeze-right.breeze-upper{top:46px;animation-delay:-11s}
.breeze-left.breeze-lower{bottom:100px;opacity:.65;animation-duration:21s;animation-delay:-15s}
.breeze-right.breeze-lower{bottom:62px;opacity:.69;animation-duration:18s;animation-delay:-7s}
@keyframes botanical-breeze-left{0%,100%{transform:translate3d(-.6px,0,0) rotate(-.55deg)}50%{transform:translate3d(.9px,0,0) rotate(.7deg)}}
@keyframes botanical-breeze-right{0%,100%{transform:translate3d(.7px,0,0) rotate(.5deg)}50%{transform:translate3d(-.8px,0,0) rotate(-.65deg)}}
.view-game .garden-breeze{display:none}
@media (prefers-reduced-motion:reduce){.garden-breeze .breeze-spray{animation:none!important;transform:none!important;will-change:auto}}

/* 1.4: kompakter Lerngarten, Öllicht und echte Wissensfarben. */
:root{--learn-blue:#297bd5;--learn-turquoise:#27c9c9;--learn-lime:#c5e963;--learn-lilac:#b38af2}
.learning-garden{position:relative;border:1px solid #effffe;border-radius:19px;margin:8px 0 13px;overflow:hidden;color:#f3fff7;background:#095e66 url('?asset=assets%2Fwater-garden-oil.jpg') center/cover;box-shadow:0 8px 25px #10434540,inset 0 1px 5px #e3fff977;isolation:isolate}
.learning-garden:before{content:"";position:absolute;inset:0;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(115deg,rgba(3,45,55,.72),rgba(6,94,97,.28) 55%,rgba(7,48,57,.62))}
.garden-summary{position:relative;display:flex;align-items:center;min-height:94px;padding:10px 12px;cursor:pointer;list-style:none;user-select:none;-webkit-user-select:none}
.garden-summary::-webkit-details-marker{display:none}.garden-summary::marker{content:""}
.garden-title{display:flex;align-items:flex-start;flex:1;min-width:0}.garden-title>.icon{width:22px;height:22px;margin:5px 9px 0 0;color:#c8fff1;filter:drop-shadow(0 0 4px #21efdc66)}
.garden-title small{font-size:6px;line-height:1.4;letter-spacing:1.3px;display:block;color:#d3fff2;margin:1px 0 5px}
.garden-title strong{font:22px/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.7px;font-weight:400;display:block;text-shadow:0 2px 8px #06363c70}
.garden-toggle{align-self:center;display:flex;justify-content:center;align-items:center;width:21px;height:44px;font-size:25px;line-height:1;color:#e9fff5;margin-left:5px;transition:transform .2s}
.learning-garden[open] .garden-toggle{transform:rotate(180deg)}.learning-garden[open] .garden-summary{min-height:70px;padding-bottom:9px}.learning-garden[open] .garden-title strong{font-size:24px}
.garden-fold-preview{flex:0 0 91px;padding:6px;border:1px solid #c2f9edaa;border-radius:9px;background:rgba(219,255,244,.12);box-shadow:inset 0 0 8px #efffff33}
.garden-fold-preview>span:last-child{font-size:7px;line-height:1;display:block;text-align:center;margin-top:5px;letter-spacing:.1px;color:#effffb}.learning-garden[open] .garden-fold-preview{display:none}
.garden-body{padding:0 10px 7px}.garden-glass-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-gap:7px;gap:7px}
.glass-tile{position:relative;min-width:0;min-height:137px;text-align:left;padding:9px 8px 8px;border:1px solid #c4fffdcc;border-radius:12px;background:linear-gradient(135deg,rgba(224,255,248,.16),rgba(2,56,71,.37));box-shadow:inset 0 1px 4px #edffff77,inset 0 -1px 7px #69fbe733,0 2px 8px #032f4333;color:#f8fff9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.glass-tile:active{background:linear-gradient(135deg,rgba(238,255,248,.27),rgba(8,80,92,.54))}.glass-tile:focus{outline:2px solid #edffb6;outline-offset:2px}
.glass-panel-label{display:block;font-size:6px;line-height:1.5;letter-spacing:.95px;color:#d4fff6;white-space:nowrap;margin-bottom:5px}
.miniature-periodic{grid-template-columns:3px repeat(18,minmax(0,1fr));grid-template-rows:2px repeat(7,8px) 3px 8px 8px;grid-gap:1px;gap:1px;display:grid;width:100%;min-width:0}
.miniature-periodic .collect-cell{border-radius:1px;border:1px solid rgba(205,245,247,.12);color:rgba(224,253,255,.24);background:rgba(232,255,255,.018);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);min-height:0;height:auto;padding:0}
.miniature-periodic .collect-cell.unseen-element{border-color:rgba(205,245,247,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.miniature-periodic .collect-cell.practised-element{border-color:rgba(213,255,255,.86);box-shadow:inset 0 1px 2px rgba(255,255,255,.45),0 0 2px rgba(115,245,237,.25)}
.miniature-periodic .collect-cell small{display:none}.miniature-periodic .collect-cell b{font-size:3.8px;line-height:1;letter-spacing:-.1px;margin:0;font-weight:650}
.garden-fold-preview .miniature-periodic{grid-template-rows:1px repeat(7,4px) 2px 4px 4px;grid-gap:.4px;gap:.4px}.garden-fold-preview .collect-cell b{display:none}.garden-fold-preview .collect-cell{border:0}
.garden-score{display:block;margin:7px 0 4px;font-size:15px;line-height:1;color:#f4fff8;text-shadow:0 1px 4px #004b51}.garden-score b{font-weight:650}.garden-score small{font-size:8px;color:#c9faf1;white-space:nowrap}
.garden-progress-track{display:block;height:3px;overflow:hidden;border-radius:5px;background:#d8fff32d}.garden-progress-track i{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#3b9aff,#30ece0,#d0ed67,#c3a1ff);box-shadow:0 0 5px #9effe5}
.garden-next{display:flex;flex-direction:column;overflow:hidden}.garden-next .glass-panel-label{margin-bottom:7px}.next-method{display:flex;align-items:center;line-height:1.2;font-size:9px;color:#c9fff3;margin-bottom:9px}.next-method .icon{width:15px;height:15px;margin-right:4px;stroke-width:1.6;filter:drop-shadow(0 0 4px #51dede77)}
.garden-next>strong{font-size:15px;font-weight:650;line-height:1.2;letter-spacing:-.3px;overflow-wrap:break-word;text-shadow:0 1px 4px #00333e;margin:0 0 5px;max-width:100%}.garden-next>small{display:block;font-size:8px;line-height:1.3;color:#d0f9f2;margin-bottom:7px}
.garden-continue{display:flex;align-items:center;justify-content:space-between;line-height:1.2;font-weight:650;font-size:10px;margin-top:auto;color:#f6fffa}.garden-continue .icon{width:15px;height:15px}
.method-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:5px;gap:5px;margin:9px 0 0}
.method-chip{min-width:0;min-height:49px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:6px 2px 5px;text-align:center;border:1px solid #d7ffffaa;border-radius:9px;background:linear-gradient(135deg,#116594dd,#073c65dd);color:#edfaff;box-shadow:inset 0 1px 3px #e2ffff70,inset 0 -1px 5px #6ae4ff44,0 2px 4px #03283944}.method-chip .icon{width:17px;height:17px;margin-bottom:4px}.method-chip span{font-size:7px;font-weight:650;line-height:1.1;overflow-wrap:break-word;hyphens:auto;white-space:normal}.method-chip:active{transform:translateY(1px)}
.method-chip.method-place{background:linear-gradient(135deg,#13a5aadd,#056a75ee)}.method-chip.method-choice{background:linear-gradient(135deg,#659dacdd,#307987ee)}.method-chip.method-match{background:linear-gradient(135deg,#d6ee91dd,#b1d451ee);color:#254735;border-color:#efffc7}.method-chip.method-fall{background:linear-gradient(135deg,#b08be2dd,#8260bbef);color:#fff;border-color:#eee4ff}
.garden-tools{display:flex;justify-content:space-between;align-items:center;margin:1px 0 0;grid-gap:8px;gap:8px}.garden-table-link{display:inline-flex;align-items:center;font-size:9px;color:#e4fff4;min-height:44px;padding:4px 0}.garden-table-link .icon{width:13px;height:13px;margin-right:5px}
.reset-study{position:relative;min-height:44px;padding:7px 9px;border:0;background:none;color:#fff0f1;font-size:9px;font-weight:600;z-index:0;white-space:nowrap}.reset-study:before{content:"";position:absolute;z-index:-1;top:8px;right:0;bottom:8px;left:0;border:1px solid #ffccd4b0;border-radius:8px;background:linear-gradient(140deg,#b94260d0,#a32345d0);box-shadow:inset 0 1px 3px #ffe0e040}
.garden-note{font-size:7px;line-height:1.4;text-align:center;margin:-1px 0 2px;color:#c4f1e9}
.share-control{display:flex;align-items:flex-start;min-height:44px;padding:10px 0;grid-gap:9px;gap:9px;border-top:1px solid #d7e2d0;border-bottom:1px solid #d7e2d0;color:#426042;font-size:10px;line-height:1.4;cursor:pointer}.share-control input[type=checkbox]{width:18px;min-width:18px;height:18px;margin:1px 0 0;padding:0;accent-color:#159a98;box-shadow:none}.share-control small{display:block;font-size:8px;color:#74836b;margin-top:4px;line-height:1.4}
.leaderboard-row{grid-gap:7px;gap:7px;min-height:49px}.leaderboard-row>b:first-child{min-width:20px}.leaderboard-row>span:nth-child(2){flex:1;min-width:0;overflow-wrap:break-word;font-size:11px}.leaderboard-row>b:nth-child(3){white-space:nowrap;font-size:11px}.leaderboard-view{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px;border:1px solid #cadcc7;border-radius:10px;background:linear-gradient(#fbfff7,#e4f5eb);color:#33857d;box-shadow:inset 0 1px 3px #fff}.leaderboard-view .icon{width:18px;height:18px}.leaderboard-private{display:flex;align-items:center;justify-content:center;min-width:44px;color:#92a18a}
.legend-stop.turquoise{background:#1eb4b8}.legend-stop.green{background:#c9e968;color:#29472d;text-shadow:none}.legend-stop.purple{background:#ac88dc}.legend-stop.blue{background:#2877cc}.collection .collection-count{font-size:32px}.collection .collection-count span{font-size:10px}
.knowledge-domains{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-top:16px}.knowledge-domains>span{display:block;border:1px solid #e0ead6;border-radius:9px;padding:9px;background:#fffff3c4;color:#49634a;font-size:9px}.knowledge-domains b{display:block;font-size:13px;font-weight:600;margin-top:4px}.knowledge-domains b small{font-size:8px;font-weight:400;color:#819178}.knowledge-domains>span:last-child{grid-column:1 / -1}
@media(max-width:350px){.garden-title strong{font-size:20px}.learning-garden[open] .garden-title strong{font-size:23px}.garden-title>.icon{width:18px;height:18px;margin-right:7px}.garden-body{padding-left:8px;padding-right:8px}.glass-tile{padding:8px 6px;min-height:134px}.glass-panel-label{font-size:5.5px;letter-spacing:.7px}.garden-next>strong{font-size:14px}.method-chip span{font-size:6.5px}.garden-fold-preview{flex-basis:80px}.garden-note{font-size:6.5px}}
@media(min-width:700px) and (hover:hover) and (pointer:fine){.app-shell{max-width:430px}.bottom-nav{max-width:430px}.paper-bg{background-size:430px auto}.miniature-periodic{grid-template-rows:2px repeat(7,9px) 3px 9px 9px}.miniature-periodic .collect-cell b{font-size:4.5px}.garden-fold-preview .miniature-periodic{grid-template-rows:1px repeat(7,4px) 2px 4px 4px}.garden-glass-grid .glass-tile{min-height:146px}}
@media(prefers-reduced-motion:reduce){.garden-toggle{transition:none}.method-chip:active{transform:none}}

/* Shared accessible carousel announcements. */
.ergonomic-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}