/* Elemental dojo theme: one visual language across the game and its dialogs. */
:root{--green:#0b3e36;--accent:#d9f770;--muted:#a8b9c8;--line:#ffffff19;--surface:#13243b;--shadow:0 18px 65px #0004;color:#f5f8ff;background:#081325}body{color:#f5f8ff;background:linear-gradient(90deg,#071226e8,#071728c7 50%,#061020eb),url('dojo-bg.png') center/cover fixed no-repeat}body[data-element='Огонь']{--accent:#ffbb52;--energy:#ef7447}body[data-element='Молния']{--accent:#f2db63;--energy:#c69af9}body[data-element='Лёд']{--accent:#86eaff;--energy:#57bcdc}body[data-element='Земля']{--accent:#edc785;--energy:#b58b62}body[data-element='Ветер']{--accent:#c2f881;--energy:#75bd76}.app-header{border-color:#ffffff13}.brand{color:white}.brand small{color:#8596ac}.brand-icon{color:var(--accent);background:#132d38;border:1px solid #fff2;border-radius:12px;box-shadow:0 0 26px #ffffff06}.quiet,.icon-button{color:#b2c4d8}.quiet:hover,.icon-button:hover{background:#ffffff0c}.profile-button{background:#1b3045;color:white;border-color:#ffffff18}.avatar-token{background:#ffffff0b;color:var(--accent)}.game-intro h1{color:white;text-shadow:0 3px 20px #0004}.game-intro p{color:#93a8bb}.eyebrow{color:var(--accent)}.rank{background:#d9b65216;color:#f2d487;border:1px solid #e6c86533}.arena{background:linear-gradient(150deg,#152c45ed,#0d1a30f5);border:1px solid #bad7ff26;box-shadow:var(--shadow),inset 0 1px #ffffff0a;isolation:isolate}.arena:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 65%,#27776525,transparent 65%);pointer-events:none}.arena:after{content:"";position:absolute;width:280px;height:280px;right:-195px;bottom:-160px;border:1px solid #b3efec1a;border-radius:50%;box-shadow:0 0 0 23px #b3efec08,0 0 0 48px #b3efec04;pointer-events:none}.subject{background:#ffffff07;color:#c3d6e8;border:1px solid #ffffff0b}.counter{color:#9db2c7}.combo{color:var(--accent)}#question{color:#fff;text-shadow:0 0 30px #88cfff12;font-weight:800}.primary{background:var(--accent);color:#102031;border:1px solid #ffffff20;box-shadow:0 4px 0 #0003,0 8px 20px #0002;font-weight:800}.primary:hover{background:var(--accent);filter:brightness(1.08);box-shadow:0 4px 0 #0003,0 8px 30px #ffffff16}input,select,textarea{background:#0d1a2c;color:#e3edf8;border:1px solid #ffffff25}#answer{background:#0b192d;border-color:#536d85;color:#fff}#answer::placeholder{color:#70869d}#answer:focus{border-color:var(--accent);box-shadow:0 0 0 4px #fff1}.good{color:#a6eb9c}.warn{color:#eed493}.bad{color:#f2a09c}.hint-button{color:#869fb7}.hint-button:hover{color:var(--accent)}.game-footer,.keyboard-note{color:#7f94a9}.dot{background:#4d5b6d}.dot.active{background:#1b3048;box-shadow:0 0 0 2px var(--accent)}.dot.ok,.legend .ok{background:#81d699}.dot.two,.legend .two{background:#e9cb62}.dot.no,.legend .no{background:#e5817d}.daily-panel{background:linear-gradient(145deg,#176d56,#123d3c);border:1px solid #abf3a433;box-shadow:0 10px 32px #0002}.daily-panel .eyebrow{color:#c5e5a5}.daily-panel h2{color:#f7fff1;font-weight:750}.daily-track{background:#020c192c}.daily-track i{background:#d9f770}.panel{background:linear-gradient(135deg,#152a40e8,#122239f0);border-color:#ffffff16}.section-heading h2{color:#dfebf6}.section-heading>.icon{color:#94b1c5}.pill{background:#ffffff09;color:#90b5c1;border:1px solid #ffffff0b}.progress-panel #levels{display:flex;flex-wrap:wrap;gap:6px}.technique{padding:5px 8px;border-radius:7px;background:#ffffff06;border:1px solid #ffffff0c;color:#b0c4d5;font-size:11px}.technique.geometry{color:#c3e79e;border-color:#c3e79e24;background:#c3e79e08}.stats strong{color:white}.stats span{color:#7d9bb3}.bar{background:#365b68}.chart-day:last-child .bar{background:#7ead78}.chart-day small{color:#7391a2}.medal-panel{background:linear-gradient(130deg,#39422d,#23352b);color:#e9edbc;border-color:#d5e58925}.medal-symbol{background:#ddeca70c;color:#d0dc99}.medal-panel small{color:#9caf8c}#medals{color:#cfdaa6}.overlay{background:linear-gradient(#051323a1,#04111ccd),url('dojo-bg.png') center/cover;backdrop-filter:blur(8px)}.modal{background:linear-gradient(135deg,#1a3046f9,#112238fc);border:1px solid #a9cbe338;color:#e9f1fb;box-shadow:0 35px 100px #0009}.modal h2{color:white;font-weight:750}.muted{color:#9ab0c4}.close-button{background:#ffffff0a;color:#a7c0d5}.close-button:hover{background:#ffffff14}.modal-mark{background:#c1e78610;color:var(--accent);border:1px solid #c1e78620}.profile-modal{border:1px solid #a9cbe32d}.profile-art{background:linear-gradient(180deg,#02122215,#051b1780 42%,#06251bea),url('dojo-bg.png') 32% center/cover}.profile-body{background:radial-gradient(ellipse at 90% 10%,#2e526746,transparent 65%)}.profile-body h2{color:#fff}.art-caption .eyebrow,.art-brand .icon{color:#d9f770}.player{background:#ffffff03;border-color:#ffffff15}.player:hover{background:#a1d9720a;border-color:#c4e59a55}.player-select{color:#dce8f3}.player-select small{color:#7fa1b5}.player-symbol{background:#ffffff08;color:var(--accent)}.delete{color:#718da1}.delete:hover{background:#b8575822;color:#f0a8a2}.divider{color:#738ba1}.divider:before,.divider:after{background:#ffffff10}.field-label,.profile-choices label{color:#afc0d1}.privacy-note{color:#718a9e}.result-emblem{background:linear-gradient(135deg,#566542,#32463d);color:#e2f591;border:1px solid #d2e88a33;box-shadow:0 0 50px #d8ea7c0d}.result-modal p{color:#9fb7c9}.settings-row{border-color:#ffffff10}.settings-row small{color:#809aae}.settings-row input[type=checkbox]{background:#2b4057}.settings-row input:checked{background:#82a954}.settings-row select{background:#0b1c31}.danger-link{color:#c2857e}.danger-mark{background:#ff808011;color:#f2a49c}.history-table td{border-color:#ffffff0a;color:#bdcfe0}.history-table th{border-color:#ffffff12;color:#849fb4}.history-table td:last-child{color:#afde9e}.empty-state{color:#8ca9bf}.award-row{border-color:#ffffff10;color:#cce3b1}.award-row .icon{color:#d7df8e}.boss .arena{border-color:#e6d4826b;box-shadow:0 0 35px #e6d4820a}.boss .subject{background:#edcc6510;color:#e0cf9a}.task-tools{display:flex;align-items:center;justify-content:center;gap:15px}.geometry-diagram{width:245px;max-height:130px;margin:8px auto 0;display:block;fill:#87c7df08;stroke:#aedbdc;stroke-width:2.5}.geometry-diagram text{stroke:none;fill:#e7f4ff;text-anchor:middle;font-size:15px;font-weight:600}.geometry-diagram .dashed{stroke-dasharray:4 4;fill:none}#geometryExtra{font-size:13px;color:#b6cadb}.geometry-task #question{font-size:clamp(20px,2.8vw,32px);white-space:normal;letter-spacing:-.7px;margin:7px 0 15px}.geometry-task .combo{min-height:12px}.geometry-task #message{min-height:35px;padding-top:8px}.geometry-task .task-content{padding:0}.geometry-task .arena{min-height:420px}#scratchNotes{width:100%;resize:vertical;min-height:180px;max-height:45vh;padding:15px;border-radius:12px;font:17px/1.65 "Segoe UI",sans-serif;outline:none}#scratchNotes:focus{border-color:var(--accent)}#padDisplay{display:block;background:#08182a;border-radius:12px;padding:17px;text-align:center;font-size:30px;margin:15px 0}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.number-pad button{padding:16px;border-radius:11px;background:#ffffff07;color:#d9e9f8;border:1px solid #ffffff15;font-size:20px}.number-pad button:hover{background:#ffffff12}.element-glow{color:var(--accent)}
@media(max-width:820px){body{background-attachment:scroll}.geometry-task .arena{min-height:430px}}@media(max-width:560px){.task-tools{gap:10px}.task-tools button{font-size:11px;gap:4px}.task-tools .icon{width:14px}.technique{font-size:9px;padding:4px 5px}.geometry-diagram{width:220px;max-height:125px}.geometry-task #question{font-size:23px}.geometry-task .arena{min-height:410px}.geometry-task #form{margin-top:5px}}
#awardsModal .modal{width:min(740px,calc(100vw - 32px));padding:26px 30px}#awardsModal h2{margin-bottom:16px}.award-summary{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;border:1px solid #d5e58925;border-radius:12px;background:#d5e58908;color:#aebfcb;font-size:13px}.award-summary b{color:var(--accent);margin-left:6px}.award-tip{font-size:12px;color:#92aabd;margin:12px 0;line-height:1.5}.award-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.award-card{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid #ffffff12;border-radius:13px;background:#ffffff03}.award-card>.icon{width:28px;height:28px;flex-shrink:0;color:#7892a5;margin-top:3px}.award-card b{display:block;font-size:14px;color:#b7c7d4}.award-card small{display:block;font-size:11px;line-height:1.45;color:#829db1;margin-top:4px}.award-card.earned{background:linear-gradient(135deg,#b2d56c13,#b2d56c04);border-color:#cde18e33}.award-card.earned>.icon,.award-card.earned b{color:#e1eea9}.award-count{display:block;margin-top:7px;font-size:11px;color:#91aa8f}.earned .award-count{color:#b7d598}.reward-toast{position:fixed;left:50%;top:20px;transform:translate(-50%,-20px);opacity:0;visibility:hidden;z-index:100;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 30px);width:max-content;padding:16px 23px;border-radius:17px;border:1px solid #dcf1a660;background:linear-gradient(135deg,#25413e,#172c3e);color:#dceec5;box-shadow:0 15px 60px #0007;pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s;font-size:13px;line-height:1.5}.reward-toast .icon{width:34px;height:34px;color:#ecdb86}.reward-toast b{display:block;font-size:15px;color:#fff0b7}.reward-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.calm .reward-toast{transition:none}@media(prefers-reduced-motion:reduce){.reward-toast{transition:none}}@media(max-width:560px){#awardsModal .modal{padding:23px 18px}.award-summary{font-size:11px;padding:10px}.award-card{padding:10px;gap:8px}.award-card>.icon{width:20px;height:20px}.award-card b{font-size:12px}.award-card small,.award-count{font-size:10px}.award-grid{gap:7px}}
/* Five settings fit without scrolling, including the independent music switch. */
#settingsModal>.settings-modal{padding:24px 28px}
#settingsModal .modal-mark{width:34px;height:34px;margin-bottom:12px}
#settingsModal h2{margin:8px 0 10px;font-size:26px}
#settingsModal .settings-row{padding:12px 0}
#settingsModal .settings-modal>.primary{margin-top:15px}
#settingsModal .danger-link{margin-top:12px}
@media(max-width:560px){#settingsModal>.settings-modal{padding:22px 18px}#settingsModal .settings-row{padding:11px 0}#settingsModal h2{font-size:24px}}