:root{--deep:#081611;--jade:#345f4c;--gold:#e3b95d;--paper:#f1e1b8;--ink:#21382e}*{box-sizing:border-box}html{background:var(--deep);min-width:320px}body{background:var(--deep);color:var(--paper);margin:0;font-family:Georgia,Times New Roman,serif}button,input{font:inherit}button{color:inherit}.game-shell{background:linear-gradient(#030d0a99,#05100cf5),url(/mystic-radicals-hero.png) 50% 40%/cover fixed,#0b1813;min-height:100svh;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#05140fc7;border-bottom:1px solid #e5bc6233;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:82px;padding:14px clamp(16px,4vw,52px);display:grid}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;display:flex}.brand-seal{aspect-ratio:1;color:#fbe2a4;background:linear-gradient(145deg,#8b3d2f,#4f1e1b);border:1px solid #fada8f8c;border-radius:14px;place-items:center;width:48px;font-size:25px;display:grid;box-shadow:0 9px 24px #0007,inset 0 0 0 4px #ffe6a70d}.brand b,.brand small{display:block}.brand b{color:#f7e3b3;letter-spacing:.12em;font-size:15px}.brand small,.score small,.journey small,.panel small,.card small,.prompt small,.modal small{color:var(--gold);letter-spacing:.16em;font-family:Arial,sans-serif;font-size:9px;font-weight:800}.brand small{color:#e7d1a368;margin-top:4px}.topbar nav{gap:8px;display:flex}.topbar nav button,.score{background:#10291fbd;border:1px solid #e8bf682b;border-radius:999px;min-height:43px}.topbar nav button{color:#f0dcaec9;cursor:pointer;padding:0 16px}.topbar nav button:hover{background:#1a3c2f;border-color:#edc56b80}.score{grid-template-columns:auto auto;justify-self:end;align-items:center;gap:0 9px;padding:6px 16px 6px 11px;display:grid}.score>span{color:#ffe194;grid-row:1/3;font-size:22px}.score small,.score b{display:block}.score small{color:#e7c98272;font-size:8px}.score b{font-size:14px}.journey{grid-template-columns:auto 1fr auto;align-items:center;gap:22px;width:min(1180px,100% - 34px);margin:20px auto 0;display:grid}.journey div:first-child b{color:#f2dfb4;letter-spacing:.07em;margin-top:4px;font-size:14px;display:block}.journey>strong{color:#f6d887;font-size:21px}.journey i{color:#e9d6aa72;font-size:11px;font-style:normal}.bar{background:#fff2;border-radius:99px;height:5px;overflow:hidden}.bar span{border-radius:inherit;background:linear-gradient(90deg,#9f6d29,#f8d278);height:100%;display:block;box-shadow:0 0 12px #f5ca68b0}.stage{grid-template-columns:minmax(185px,.72fr) minmax(430px,1.58fr) minmax(185px,.72fr);align-items:center;gap:clamp(18px,3vw,38px);width:min(1240px,100% - 34px);min-height:calc(100svh - 200px);margin:0 auto;padding:24px 0 38px;display:grid}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,#1c3d31e8,#091b15ee);border:1px solid #e0b8623d;border-radius:25px;padding:24px 21px;box-shadow:0 26px 70px #0006}.owl{background:linear-gradient(145deg,#5a8b71,#173c30);border-radius:18px;place-items:center;width:61px;height:61px;margin-bottom:22px;font-size:34px;display:grid;box-shadow:inset 0 0 0 1px #f7d98b44,0 12px 28px #0005}.panel h2{color:#f3dfb2;margin:9px 0 12px;font-size:28px;font-weight:500;line-height:1.08}.panel h3{color:#f1deb2;margin:8px 0 0;font-size:20px;font-weight:500}.panel p{color:#eee0bfa6;font-family:Arial,sans-serif;font-size:13px;line-height:1.7}.streak{color:#f2d690;letter-spacing:.1em;border-top:1px solid #ecd09c20;margin-top:24px;padding-top:17px;font:10px Arial,sans-serif}.chamber{min-height:600px;color:var(--ink);background:linear-gradient(180deg, #f7eacbfa, #dfc58dfa), var(--paper);border:1px solid #edc46a75;border-radius:34px;padding:clamp(21px,3vw,35px);position:relative;overflow:hidden;box-shadow:0 35px 95px #0009,inset 0 0 0 7px #69461d12,inset 0 0 75px #5f3e192b}.chamber:before,.chamber:after{content:"◆";color:#67481c35;position:absolute}.chamber:before{top:15px;left:17px}.chamber:after{bottom:15px;right:17px}.chamber.glow{animation:.9s glow}@keyframes glow{50%{box-shadow:0 35px 95px #0009,0 0 58px #ffd576ba,inset 0 0 0 7px #69461d12}}.chamber-meta{color:#303b317b;letter-spacing:.15em;justify-content:space-between;font:800 9px Arial,sans-serif;display:flex}.seal{place-items:center;height:210px;display:grid;position:relative}.rings{aspect-ratio:1;border:1px solid #6d4d2d34;border-radius:50%;width:180px;animation:18s linear infinite turn;position:absolute;box-shadow:inset 0 0 0 9px #80551c0e,0 0 0 16px #80551c0e,0 0 45px #6b4e2122}.rings:after{content:"✦ · ✦ · ✦ · ✦";color:#59452551;letter-spacing:.2em;border:1px dashed #5e462f34;border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;inset:22px}@keyframes turn{to{transform:rotate(360deg)}}.symbol{z-index:2;color:#243d32;text-shadow:0 5px #fff5;font-family:Noto Serif CJK SC,Songti SC,SimSun,serif;font-size:clamp(88px,10vw,118px);font-weight:700;position:relative}.picture{z-index:3;background:#fff8dfdf;border:1px solid #7f531f33;border-radius:50%;place-items:center;width:46px;height:46px;font-size:23px;display:grid;position:absolute;bottom:24px;right:calc(50% - 103px);box-shadow:0 8px 18px #402c112b}.card{background:#fff9e875;border:1px solid #59432026;border-radius:17px}.language{grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px 15px;display:grid}.meaning{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;display:grid}.card b,.card span{display:block}.card b{color:#2c493c;text-transform:capitalize;margin-top:3px;font-size:23px}.card span:not(.clue){color:#2d372f87;font:10px Arial,sans-serif}.clue{background:linear-gradient(145deg,#e1b85942,#40705820);border-radius:14px;place-items:center;width:49px;height:49px;font-size:27px;display:grid!important}.card button{color:#355c4b;cursor:pointer;background:#55826a17;border:1px solid #4c624837;border-radius:12px;min-width:70px;min-height:41px;font:800 10px Arial,sans-serif}.primary{color:#f9e6b8;cursor:pointer;letter-spacing:.13em;background:linear-gradient(#4b735d,#284b3b);border:1px solid #395846;border-radius:16px;width:100%;min-height:55px;margin-top:16px;font:900 11px Arial,sans-serif;box-shadow:0 8px #1b352a,0 16px 28px #1f342838}.primary:hover{transform:translateY(-2px);box-shadow:0 10px #1b352a,0 20px 32px #1f342844}.compass{aspect-ratio:1;background:radial-gradient(circle,#f6d27e39 0 8%,#0000 9% 31%,#dcb0541f 32% 34%,#0000 35%),conic-gradient(from 45deg,#c2994438,#0000,#c2994438,#0000);border:1px solid #f2cb7775;border-radius:50%;grid-template-columns:1fr 1.4fr 1fr;place-items:center;width:150px;margin:25px auto;display:grid;box-shadow:inset 0 0 25px #050b09d1,0 14px 36px #0005}.compass span{color:#efd8a67e;font-size:11px}.compass b{aspect-ratio:1;color:#f7dfa1;background:#0a1f17c7;border-radius:50%;place-items:center;width:61px;font-size:34px;display:grid;box-shadow:inset 0 0 0 1px #edc66f47}.trial{padding-top:28px}.prompt{background:#fff8e173;border:1px solid #52412224;border-radius:21px;grid-template-columns:auto 1fr;align-items:center;gap:22px;min-height:165px;padding:21px;display:grid}.prompt>span{color:#29483a;background:#42695418;border-radius:50%;place-items:center;width:113px;height:113px;font-size:70px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #415b4828,0 8px 30px #3628121a}.prompt b,.prompt i{display:block}.prompt b{color:#263f34;text-transform:capitalize;margin-top:9px;font-size:30px}.prompt i{color:#273a3085;font:12px Arial,sans-serif}.answers{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.answers button{color:#2b4037;cursor:pointer;text-transform:capitalize;background:#fffbeaab;border:1px solid #513e2d2e;border-radius:17px;justify-content:center;align-items:center;gap:10px;min-height:94px;padding:12px;display:flex;box-shadow:0 7px 17px #3f2d1110}.answers button:hover{background:#fffdf3eb;border-color:#3063497a;transform:translateY(-3px)}.answers button.wrong{background:#ab48391f;border-color:#a4463b8c;animation:.25s shake}.answers button.correct{background:#4d997138;border-color:#3e8566}.answers button span{font-size:37px}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.feedback{border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin-top:14px;padding:13px;font-family:Arial,sans-serif;display:grid}.feedback.correct{color:#1e4c38;background:#4d976f2e}.feedback.wrong{color:#7d362e;background:#a846391f}.feedback>span{font-size:24px}.feedback b,.feedback small{display:block}.feedback b{letter-spacing:.1em;font-size:10px}.feedback small{color:inherit;letter-spacing:0;margin-top:3px;font-size:10px}.feedback button{color:#f6e5bd;cursor:pointer;background:#315c49;border:0;border-radius:10px;min-height:36px;padding:0 11px;font-size:9px;font-weight:800}footer{color:#ead8af61;letter-spacing:.11em;border-top:1px solid #e3c0731f;justify-content:space-between;align-items:center;width:min(1180px,100% - 34px);min-height:58px;margin:0 auto;font:9px Arial,sans-serif;display:flex}.backdrop{z-index:50;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#010806c9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(150deg,#18372bfc,#071711fd);border:1px solid #e7bd605c;border-radius:28px;width:min(960px,100%);max-height:min(820px,100svh - 36px);padding:clamp(20px,3vw,34px);overflow:auto;box-shadow:0 40px 120px #000b}.modal header{justify-content:space-between;align-items:center;display:flex}.modal h2{color:#f3e2bb;margin:6px 0 0;font-size:31px;font-weight:500}.modal header>button{cursor:pointer;background:#fff1;border:1px solid #f1d39033;border-radius:50%;width:42px;height:42px;font-size:28px}.region-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px;display:grid}.region-grid button{cursor:pointer;background:#fff1;border:1px solid #e1bd6f2e;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:120px;display:flex}.region-grid button.active{background:#dbb05421;border-color:#e3b85c}.region-grid button:disabled{opacity:.33;cursor:not-allowed}.region-grid button>span{font-size:25px}.region-grid b{letter-spacing:.1em;font:800 10px Arial,sans-serif}.region-grid small{color:#ead8b076;letter-spacing:0}.search{background:#fff1;border:1px solid #e7c27033;border-radius:13px;align-items:center;gap:10px;min-height:48px;margin:21px 0 14px;padding:0 15px;display:flex}.search>span{font-size:24px}.search input{color:#f7e5bc;background:0 0;border:0;outline:0;width:100%;font-family:Arial,sans-serif}.search input::placeholder{color:#efdbb162}.vault-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.vault-grid button{cursor:pointer;background:#fff1;border:1px solid #e5c06d29;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:130px;padding:8px 5px;display:flex}.vault-grid button:hover{background:#e3b95c1c;transform:translateY(-3px)}.vault-grid button>span{font-size:18px}.vault-grid button b{font-size:31px}.vault-grid i,.vault-grid small{font:9px Arial,sans-serif}.vault-grid small{color:#eedbb17a;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;max-width:100%;overflow:hidden}@media (width<=980px){.stage{grid-template-columns:minmax(170px,.6fr) minmax(430px,1.4fr)}.relic{display:none}.vault-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=760px){.game-shell{background-position:top;background-attachment:scroll}.topbar{grid-template-columns:1fr auto;min-height:70px;padding:11px 14px}.brand-seal{border-radius:12px;width:42px}.brand b{font-size:12px}.brand small,.topbar nav{display:none}.score{padding-right:12px}.journey{grid-template-columns:1fr auto;gap:10px;width:calc(100% - 28px);margin-top:15px}.journey .bar{grid-area:2/1/auto/-1}.stage{grid-template-columns:1fr;gap:12px;width:calc(100% - 22px);min-height:auto;padding:12px 0 34px}.guide{border-radius:18px;grid-template-columns:auto 1fr;gap:0 11px;padding:13px 15px;display:grid}.owl{border-radius:14px;grid-row:1/4;width:49px;height:49px;margin:0;font-size:27px}.guide h2{margin:2px 0;font-size:17px}.guide p,.streak{display:none}.chamber{border-radius:27px;min-height:0;padding:20px 17px 25px}.seal{height:180px}.rings{width:155px}.symbol{font-size:92px}.picture{bottom:17px;right:calc(50% - 90px)}.prompt{gap:14px;min-height:135px;padding:14px}.prompt>span{width:88px;height:88px;font-size:55px}.prompt b{font-size:24px}.answers button{min-height:82px}.feedback{grid-template-columns:auto 1fr}.feedback button{grid-column:1/-1;min-height:42px}footer{text-align:center;justify-content:center;width:calc(100% - 28px);min-height:53px}footer span:last-child{display:none}.backdrop{padding:8px}.modal{border-radius:22px;max-height:calc(100svh - 16px);padding:19px 14px}.region-grid{grid-template-columns:repeat(3,1fr)}.vault-grid{grid-template-columns:repeat(4,1fr)}.vault-grid button{min-height:110px}}@media (width<=430px){.meaning{grid-template-columns:auto 1fr}.meaning button{grid-column:1/-1;width:100%}.answers{gap:7px}.answers button{min-height:76px;padding:8px 6px;font-size:13px}.region-grid{grid-template-columns:repeat(2,1fr)}.vault-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}