:root{--sky: #3aa8f0;--sky2: #8fd6ff;--navy: #0b3c6e;--navy2: #06305c;--green: #36c247;--green-d: #1f8a2c;--blue: #2f86e0;--blue-d: #1a5aa8;--purple: #8d5ae0;--purple-d: #5b34a8;--orange: #ff9a1f;--orange-d: #c45f00;--gold: #ffc928;--gold-d: #c98a00;--red: #e5463a;--red-d: #a32a20;--slate: #55657a;--slate-d: #364353;--parch: #fdeac3;--parch-d: #e8c88c;--brown: #7f5133;--ink: #1d2c3f;--muted: #5d6b7d;--ok: #22a64a;--bad: #e0453a;--card: #ffffff;--r: 18px;--font: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);color:var(--ink);background:#2c86c9;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none}#root,.app{min-height:100%}button,input,select{font:inherit;color:inherit}button{cursor:pointer}input{font-size:16px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.center{text-align:center;justify-content:center}.muted{color:var(--muted)}.small{font-size:.86rem}.row{display:flex;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column}.gap{gap:10px}.wrap{flex-wrap:wrap}.grow{flex:1 1 200px}.ico{flex:none;vertical-align:middle;display:inline-block}:focus-visible{outline:3px solid #ffde59;outline-offset:3px}.warn{color:var(--red-d)}kbd{background:#eef3f8;border:1px solid #c8d3df;border-bottom-width:3px;border-radius:6px;padding:0 6px;font-weight:700;font-size:.85em}.btn{--c: var(--green);--d: var(--green-d);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 20px;border:0;border-radius:14px;font-weight:800;font-size:1rem;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 78%,#fff) 0%,var(--c) 55%,var(--d) 100%);box-shadow:0 4px 0 var(--d),0 6px 14px #0000002e,inset 0 2px #ffffff59;transition:transform .08s,box-shadow .08s,filter .15s}.btn:hover{filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--d),0 2px 6px #0000002e,inset 0 2px #ffffff59}.btn:disabled{filter:grayscale(.7);opacity:.6;cursor:not-allowed}.btn.blue{--c: var(--blue);--d: var(--blue-d)}.btn.orange{--c: var(--orange);--d: var(--orange-d)}.btn.red{--c: var(--red);--d: var(--red-d)}.btn.gold{--c: var(--gold);--d: var(--gold-d);color:#5a3300;text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn.ghost{--d: #b8c6d6;background:#fff;color:var(--navy);text-shadow:none;box-shadow:0 4px #b8c6d6,0 6px 12px #0000001a}.btn.lg{min-height:54px;font-size:1.1rem;padding:10px 26px}.btn.sm{min-height:38px;padding:4px 14px;font-size:.9rem;border-radius:11px}.icon-btn{width:46px;height:46px;flex:none;display:grid;place-items:center;border:0;border-radius:14px;background:#fff;color:var(--navy);box-shadow:0 4px #b8c6d6,0 6px 12px #0000001f}.icon-btn:active{transform:translateY(3px);box-shadow:0 1px #b8c6d6}.icon-btn.blue{background:linear-gradient(#4b8ff0,#2252c4);box-shadow:0 4px #173a8a}.link{background:none;border:0;color:var(--blue-d);font-weight:700;display:inline-flex;align-items:center;gap:6px;padding:6px}.chip{border:2px solid #c9d6e4;background:#fff;color:var(--navy);border-radius:999px;padding:7px 16px;font-weight:700;min-height:40px}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#eef3f8;color:var(--muted);font-size:.8rem;font-weight:800;font-style:normal}.tag.on{background:#dff5e4;color:var(--ok)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 6px;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;box-shadow:inset 0 2px #ffffff26,0 3px #0003;min-height:36px}.pill b{min-width:1.5ch;text-align:right}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#081e3c8c;backdrop-filter:blur(3px);animation:fade .2s}.panel{position:relative;width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;scrollbar-width:none;background:var(--parch);border:4px solid var(--brown);border-radius:22px;padding:22px 20px 20px;box-shadow:0 8px #5a361f,0 20px 50px #00000059;animation:pop .25s cubic-bezier(.2,1.4,.4,1)}.panel::-webkit-scrollbar{display:none}.panel h2{margin:0 34px 12px;text-align:center;color:var(--brown);font-size:1.35rem;line-height:1.25}.panel p{line-height:1.5}.x{position:absolute;right:10px;top:10px;width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center;background:#7f513324;color:var(--brown)}.note{background:#fff7dc;border:2px dashed #e1b75a;border-radius:14px;padding:10px 14px;line-height:1.5;font-size:.92rem}.note .ico{margin-right:4px}.field{display:flex;flex-direction:column;gap:6px;font-weight:700;margin:8px 0}.field input{border:3px solid #d7b679;border-radius:12px;padding:12px 14px;background:#fff;font-weight:700;color:var(--ink)}.field input:focus{outline:none;border-color:var(--blue)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.85);opacity:0}}.toasts{position:fixed;z-index:80;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);pointer-events:none;width:min(380px,calc(100% - 32px))}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:18px;background:linear-gradient(#fff,#fff4d6);border:3px solid var(--gold);box-shadow:0 6px 0 var(--gold-d),0 12px 30px #00000040;animation:toastIn .45s cubic-bezier(.2,1.4,.4,1)}.toast b{display:block;color:var(--brown)}.toast span{font-size:.9rem;color:var(--ink);font-weight:600}@keyframes toastIn{0%{transform:translateY(40px) scale(.8);opacity:0}}.logo{display:flex;flex-direction:column;align-items:center;line-height:.95;margin:0 auto 6px;position:relative;padding-top:34px}.logo-compass{position:absolute;top:0}.logo-l1,.logo-l2{font-weight:900;letter-spacing:.5px;font-size:clamp(1.7rem,7vw,2.4rem);-webkit-text-stroke:6px #6b3312;paint-order:stroke fill;text-shadow:0 4px 0 #4a200a}.logo-l1{color:#ffc928;background:linear-gradient(#fff3a0,#ffb81a 60%,#f08a00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #6b3312);-webkit-text-stroke:0}.logo-l2{color:#4fd3ff;background:linear-gradient(#e8fbff,#5fd8ff 55%,#1f8fe0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #0b3c6e);-webkit-text-stroke:0;font-size:clamp(1.9rem,8vw,2.7rem)}.logo-ribbon{margin-top:8px;background:linear-gradient(#a8642c,#7f4520);color:#fff3c4;font-weight:800;padding:6px 18px;border-radius:10px;font-size:.9rem;box-shadow:0 3px #4a2610}.logo.sm{padding-top:22px}.logo.sm .logo-l1,.logo.sm .logo-l2{font-size:1.2rem}.home-land{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background:#2e87c8}.home-fill{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(22px) saturate(1.2) brightness(.9)}.stage{position:relative;width:min(100vw,calc(100dvh * 1672 / 941));aspect-ratio:1672 / 941;container-type:inline-size;box-shadow:0 0 60px #00000059;user-select:none}.stage-img{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.ov{position:absolute;display:flex;align-items:center}.hot{position:absolute;border:0;padding:0;background:transparent;border-radius:2cqw;transition:background .15s,box-shadow .15s,transform .08s}.hot.round{border-radius:50%}.hot:hover{background:#ffffff29;box-shadow:0 0 0 .3cqw #ffffffb3,0 0 2cqw #fff096b3}.hot:active{transform:translateY(.25cqw);background:#00000014}.hot:focus-visible{outline:.35cqw solid #ffde59;outline-offset:.2cqw}.ov-avatar{border-radius:50%;overflow:hidden}.ov-avatar .avatar{width:100%;height:100%}.ov-name{flex-direction:column;align-items:flex-start;justify-content:center;gap:.3cqw;padding:0 1cqw 0 .6cqw;border:0;text-align:left;background:linear-gradient(180deg,#0a3f78,#072f60);border-radius:0 1.6cqw 1.6cqw 0;color:#fff}.ov-name b{font-size:1.45cqw;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ov-name span{display:flex;align-items:center;gap:.5cqw;font-size:1.25cqw;font-weight:800;width:100%;white-space:nowrap}.ov-name:hover{filter:brightness(1.15)}.xp{flex:1;height:1.2cqw;min-height:6px;border-radius:99px;background:#0a2144;border:.15cqw solid #4c7ccc;overflow:hidden;display:block}.xp i{display:block;height:100%;background:linear-gradient(#7ff6ff,#22c4f0);border-radius:99px}.ov-val{justify-content:center;background:#063e7a;border-radius:1.4cqw;color:#fff;font-weight:800;font-size:1.75cqw}.ov-val:nth-of-type(n){box-shadow:none}.ov-continue{gap:.9cqw;padding:0 1.4cqw;border:.25cqw solid #fff2b0;border-radius:1.8cqw;color:#5a3300;text-align:left;background:linear-gradient(180deg,#fff1a0,#ffc928 55%,#f2a100);box-shadow:0 .45cqw #b87400,0 .8cqw 1.6cqw #0000004d;animation:bob 2.4s ease-in-out infinite}.ov-continue .glyph{width:2.6cqw;height:2.6cqw;background:#2fae4a;border-radius:50%;padding:.5cqw}.ov-continue span{display:flex;flex-direction:column;line-height:1.1}.ov-continue b{font-size:1.9cqw;font-weight:900}.ov-continue small{font-size:1.2cqw;font-weight:800;color:#7a4a00}.ov-continue:hover{filter:brightness(1.05)}.ov-continue:active{transform:translateY(.3cqw);box-shadow:0 .15cqw #b87400}.ov-pv{justify-content:flex-end;padding-right:.3cqw;background:#fde9c0;color:#3a2414;font-weight:800;font-size:1.45cqw;border-radius:.6cqw}.ov-bar{background:#a2826f;border-radius:99px;overflow:hidden;border:.2cqw solid #7a5a45;justify-content:center}.ov-bar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#8ff9ff,#22c4f0);border-radius:99px}.ov-bar span{position:relative;color:#fff;font-weight:800;font-size:1.15cqw;text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes bob{50%{transform:translateY(-.35cqw)}}.home-port{min-height:100dvh;max-width:100%;overflow-x:hidden;background:linear-gradient(180deg,#2f8fd6,#5cbcf0 40%,#9ee0ff)}.hp-hero{position:relative;width:100%;aspect-ratio:930 / 720;background-size:179.8% auto;background-position:51.2% 0;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}.hp-coin{position:absolute;left:87.7%;top:4.2%;width:10.3%;height:5.6%;display:grid;place-items:center;background:#063e7a;border-radius:2.4cqw;color:#fff;font-weight:800;font-size:3.1cqw}.hp-hero{container-type:inline-size}.hp-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px}.hp-player{display:flex;align-items:center;gap:8px;padding:3px 14px 3px 3px;border:0;border-radius:999px;color:#fff;text-align:left;background:linear-gradient(#0a3f78,#072f60);box-shadow:0 3px #0000004d;max-width:70%}.hp-player b{display:block;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-player small{display:flex;align-items:center;gap:4px;font-weight:700;font-size:.78rem}.hp-player .xp{width:60px;flex:none;height:7px}.hp-body{padding:0 16px 28px;margin-top:-14px;position:relative;max-width:520px;margin-left:auto;margin-right:auto}.hp-stats{display:flex;justify-content:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.menu{display:flex;flex-direction:column;gap:12px}.mbtn{--c: var(--green);--d: var(--green-d);display:flex;align-items:center;gap:14px;min-height:60px;padding:8px 16px 8px 10px;border:3px solid rgba(255,255,255,.55);border-radius:18px;color:#fff;font-weight:800;font-size:1.15rem;text-align:left;text-shadow:0 2px 0 rgba(0,0,0,.25);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 70%,#fff) 0%,var(--c) 50%,var(--d) 100%);box-shadow:0 5px color-mix(in srgb,var(--d) 75%,#000),0 8px 16px #0003}.mbtn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--d)}.mbtn.big{min-height:70px;font-size:1.3rem}.mbtn.blue{--c: var(--blue);--d: var(--blue-d)}.mbtn.purple{--c: var(--purple);--d: var(--purple-d)}.mbtn.orange{--c: var(--orange);--d: var(--orange-d)}.mbtn.slate{--c: #6b7d93;--d: var(--slate-d)}.mbtn.gold{--c: var(--gold);--d: var(--gold-d);color:#5a3300;text-shadow:0 1px 0 rgba(255,255,255,.5)}.mbtn span:last-child{display:flex;flex-direction:column;line-height:1.15}.mbtn small{font-size:.82rem;opacity:.9}.mico{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;background:#00000024}.parch{margin-top:18px;background:var(--parch);border:4px solid #d9b277;border-radius:18px;padding:14px 16px;box-shadow:0 5px #a87a3f}.parch h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:1.15rem;color:#4a2a14}.parch dl{margin:0}.parch dl div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #d9b277}.parch dt{font-weight:600}.parch dd{margin:0;font-weight:800}.pbar{display:flex;align-items:center;gap:8px;margin-top:10px}.track{flex:1;position:relative;height:22px;border-radius:99px;background:#a2826f;overflow:hidden;display:grid;place-items:center;border:2px solid #7a5a45}.track i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#8ff9ff,#22c4f0)}.track em{position:relative;font-style:normal;font-weight:800;color:#fff;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.quote{text-align:center;color:#fff;font-weight:700;font-style:italic;text-shadow:0 1px 3px rgba(0,0,0,.35);margin:18px 10px 0}.screen{min-height:100dvh;background:linear-gradient(180deg,var(--sky1, #59b8f2),var(--sky2, #c9ecff));display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#0d4a8a,#093a70);color:#fff;box-shadow:0 4px #00000026}.topbar h1{flex:1;margin:0;font-size:1.2rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-right{display:flex;gap:6px;align-items:center}.topbar .pill{background:#00000040}.card{background:#fff;border-radius:var(--r);padding:16px;box-shadow:0 4px #00000014,0 8px 20px #00285a14}.card h2{margin:0 0 10px;font-size:1.1rem;color:var(--navy)}.map-screen{background:linear-gradient(180deg,#3eb2f2,#1a7cc8)}.map-scroll{flex:1;overflow:auto;scrollbar-width:none}.map-scroll::-webkit-scrollbar{display:none}.map{position:relative;margin:0 auto;background:radial-gradient(ellipse at 30% 20%,#6fd0ff 0,transparent 50%),radial-gradient(ellipse at 80% 80%,#1f7fc8 0,transparent 55%),linear-gradient(180deg,#3eb2f2,#1a7cc8)}.map.wide{width:min(100%,calc((100dvh - 66px)*1.9));aspect-ratio:1.9;max-height:calc(100dvh - 66px)}.map.tall{width:100%;max-width:560px;height:1180px}.waves{position:absolute;inset:0;opacity:.3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='70'%3E%3Cpath d='M8 20q8-7 16 0t16 0M70 52q8-7 16 0t16 0' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");background-size:120px 70px;animation:drift 24s linear infinite}@keyframes drift{to{background-position:120px 0}}.map-path{position:absolute;inset:0;width:100%;height:100%}.cloud{position:absolute;width:120px;height:40px;background:#fff;border-radius:40px;opacity:.8;filter:blur(.5px);animation:float 26s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:54px;height:54px;left:18px;top:-26px}.cloud:after{width:40px;height:40px;left:60px;top:-16px}.cloud.c1{top:4%;left:-10%}.cloud.c2{top:50%;left:-20%;animation-duration:40s;animation-delay:-12s;transform:scale(.7)}@keyframes float{to{left:110%}}.ship{position:absolute;left:47%;top:48%;font-size:30px;animation:bob 3s ease-in-out infinite;filter:drop-shadow(0 3px 2px rgba(0,0,0,.25))}.map.tall .ship{left:50%;top:58%}.map-goal{position:absolute;left:50%;bottom:10px;transform:translate(-50%);background:#06305cbf;color:#fff;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.85rem;display:flex;gap:6px;align-items:center;white-space:nowrap}.map.tall .map-goal{top:auto;bottom:8px}.map.wide .map-goal{bottom:auto;top:10px}.region-card{position:absolute;transform:translate(-50%,-50%);width:18.5%;min-width:130px;max-width:270px;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;transition:transform .15s}.map.tall .region-card{width:50%;max-width:250px}.region-card:hover{transform:translate(-50%,-52%) scale(1.04)}.region-card:active{transform:translate(-50%,-49%) scale(.98)}.rc-art{position:relative;width:100%;display:block;filter:drop-shadow(0 6px 4px rgba(0,30,70,.3))}.avatar{flex:none}.region-art{width:100%;height:auto;display:block}.region-card.locked .region-art,.rh-art.locked .region-art,.rm-art.locked .region-art{filter:grayscale(.85) brightness(.85)}.rc-lock{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);background:#ffffffeb;border-radius:50%;padding:8px;display:grid;box-shadow:0 3px 8px #00000040}.rc-plate{margin-top:-10px;position:relative;background:linear-gradient(var(--rc),var(--rd));color:#fff;border:3px solid #fff;border-radius:14px;padding:4px 10px 6px;box-shadow:0 4px #00000040;display:flex;flex-direction:column;align-items:center;min-width:88%}.region-card.locked .rc-plate{background:linear-gradient(#8a96a8,#5b6778)}.rc-plate b{font-size:clamp(.82rem,1.25vw,1rem);text-shadow:0 1px 0 rgba(0,0,0,.3);white-space:nowrap}.map.tall .rc-plate b{font-size:.95rem}.rc-meta{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:800}.rc-bar{width:42px;height:7px;border-radius:9px;background:#0000004d;overflow:hidden;margin:0 2px}.rc-bar i{display:block;height:100%;background:#ffe25a}.rc-here{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--gold);color:#5a3300;font-weight:900;font-size:.72rem;padding:3px 10px;border-radius:99px;border:2px solid #fff;white-space:nowrap;animation:bob 1.8s ease-in-out infinite;box-shadow:0 3px 0 var(--gold-d)}.rm-art{position:relative;width:220px;margin:0 auto}.region-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 14px;scrollbar-width:none;background:#ffffff59}.region-tabs::-webkit-scrollbar{display:none}.rtab{flex:none;display:flex;align-items:center;gap:6px;border:2px solid transparent;background:#fff;border-radius:999px;padding:5px 12px 5px 5px;font-weight:700;font-size:.88rem;color:var(--navy);min-height:40px}.rtab .rt-n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--rc);color:#fff;font-weight:900}.rtab.on{border-color:var(--rc);box-shadow:0 0 0 3px color-mix(in srgb,var(--rc) 30%,transparent)}.rtab.locked{opacity:.65;padding-left:10px}.levels-body{width:100%;max-width:980px;margin:0 auto;padding:14px 14px 30px}.region-head{display:flex;gap:16px;align-items:center;background:#ffffffe0;border-radius:22px;padding:12px 16px;box-shadow:0 5px #00000014;border:3px solid #fff}.rh-art{width:200px;flex:none}.rh-text h2{margin:0;color:var(--rd);font-size:1.45rem}.rh-topic{margin:0 0 4px;font-weight:800;color:var(--rc)}.rh-story{margin:0 0 8px;line-height:1.45;font-size:.94rem}.rh-stats{display:flex;align-items:center;gap:10px;font-weight:800;flex-wrap:wrap}.rh-stats span:first-child{display:flex;gap:4px;align-items:center}.rh-bar{width:120px;height:12px;border-radius:9px;background:#e3e9f0;overflow:hidden}.rh-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--rc),color-mix(in srgb,var(--rc) 60%,#fff))}.level-grid{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px 10px}.lvl{width:100%;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink)}.lvl-stone{width:clamp(58px,15vw,84px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:clamp(1.4rem,4.5vw,2rem);color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--rc) 55%,#fff),var(--rc) 55%,var(--rd));border:4px solid #fff;box-shadow:0 5px 0 var(--rd),0 8px 14px #0003;text-shadow:0 2px 0 rgba(0,0,0,.25);transition:transform .1s}.lvl:not(:disabled):hover .lvl-stone{transform:translateY(-3px) scale(1.04)}.lvl:not(:disabled):active .lvl-stone{transform:translateY(3px);box-shadow:0 2px 0 var(--rd)}.lvl.locked{cursor:not-allowed}.lvl.locked .lvl-stone{background:radial-gradient(circle at 35% 30%,#e8edf3,#b6c1cf);box-shadow:0 5px #8592a3}.lvl.cur .lvl-stone{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 5px 0 var(--rd),0 0 0 9px color-mix(in srgb,var(--gold) 55%,transparent)}}.lvl-stars{display:flex;gap:1px;margin-top:4px}.lvl-name{font-size:.76rem;font-weight:700;text-align:center;line-height:1.2;min-height:2.4em;color:var(--navy)}.mission{width:min(560px,100%)}.ms-head{display:flex;align-items:center;gap:12px;margin:-6px 30px 10px 0}.ms-art{width:120px;flex:none}.ms-head small{font-weight:800;color:var(--rd)}.ms-head h2{margin:0;text-align:left;font-size:1.4rem}.ms-goal{background:#fff;border-radius:14px;padding:10px 14px;line-height:1.5;font-size:.94rem}.ms-best{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:700;margin:10px 2px 0;font-size:.92rem}.modes{border:0;padding:0;margin:12px 0 16px;display:grid;gap:8px}.modes legend{font-weight:800;margin-bottom:6px;color:var(--brown)}.mode{display:flex;gap:12px;align-items:center;background:#fff;border:3px solid #ecd6aa;border-radius:16px;padding:10px 12px;cursor:pointer}.mode input{position:absolute;opacity:0;pointer-events:none}.mode.on{border-color:var(--green);background:#f1fff3;box-shadow:0 0 0 3px #36c24733}.mode:focus-within{outline:3px solid #ffde59;outline-offset:2px}.mode-ic{width:42px;height:42px;border-radius:12px;background:#eef6ff;display:grid;place-items:center;flex:none}.mode b{display:block;font-size:1.02rem}.mode small{display:block;color:var(--muted);line-height:1.4;font-size:.84rem}.quiz-top{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#0d4a8a,#093a70);color:#fff;position:sticky;top:0;z-index:10}.qt-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.qt-title small{font-size:.74rem;opacity:.85;font-weight:600}.qt-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt-right{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.quiz-top .pill{background:#00000040}.pill.timer.low{background:var(--red);animation:blink 1s infinite}@keyframes blink{50%{filter:brightness(1.3)}}.pill.hearts{gap:2px;padding:4px 8px}.pill.hearts .lost{animation:lose .5s}@keyframes lose{30%{transform:scale(1.5)}}.qprog,.tier-row{width:100%;max-width:820px;margin:12px auto 0;padding:0 16px;display:flex;align-items:center;gap:12px}.tier-row{justify-content:center;gap:8px}.qcount{font-weight:800;color:var(--navy);white-space:nowrap;background:#fff;padding:4px 12px;border-radius:99px;box-shadow:0 3px #0000001a}.qbar{flex:1;height:16px;background:#ffffffb3;border-radius:99px;overflow:hidden;border:2px solid #fff}.qbar i{display:block;height:100%;background:linear-gradient(90deg,#ffd34a,#ff9a1f);border-radius:99px;transition:width .4s}.streak{display:flex;align-items:center;gap:2px;font-weight:900;color:#c94a00;background:#fff3d6;padding:2px 10px 2px 6px;border-radius:99px;animation:pop .3s}.quiz-deco{position:fixed;left:50%;bottom:-18px;width:min(560px,90vw);transform:translate(-50%);opacity:.55;pointer-events:none;z-index:0}.quiz-top,.qprog,.tier-row{z-index:2}.quiz-body{position:relative;z-index:1;width:100%;max-width:820px;margin:0 auto;padding:14px 16px 30px;transition:filter .2s}.quiz-body.blurred{filter:blur(12px);pointer-events:none;user-select:none}.qwrap{position:relative;animation:slideIn .35s ease-out}@keyframes slideIn{0%{transform:translate(30px);opacity:0}}.qwrap.bad .qcard{animation:shake .4s}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.qcard{background:#fff;border-radius:24px;padding:20px;box-shadow:0 6px #00285a1f,0 12px 30px #00285a1f;border:3px solid #fff}.qtext{font-size:clamp(1.12rem,3.2vw,1.4rem);font-weight:700;line-height:1.5;margin:0 0 14px;color:var(--ink)}.qvis-wrap{display:flex;justify-content:center;margin:0 0 14px}.qvis{width:auto;height:150px;max-width:100%}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opt{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;text-align:left;border:3px solid #d6e3f0;border-radius:18px;background:#f6faff;font-weight:800;font-size:clamp(1.05rem,3vw,1.25rem);color:var(--ink);box-shadow:0 4px #c3d3e4;transition:transform .08s,background .15s,border-color .15s}.opt:not(:disabled):hover{border-color:var(--blue);background:#eaf4ff}.opt:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #c3d3e4}.opt-l{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900;font-size:1rem}.opt-t{flex:1;word-break:break-word}.opt-m{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none}.opt.right{background:#e3f9e7;border-color:var(--ok);box-shadow:0 4px #189a3c;animation:pop .3s}.opt.right .opt-l,.opt.right .opt-m{background:var(--ok)}.opt.wrong{background:#ffe9e6;border-color:var(--bad);box-shadow:0 4px #b52a20}.opt.wrong .opt-l,.opt.wrong .opt-m{background:var(--bad)}.opt.wrong.tried{opacity:.7}.opt.dim{opacity:.55}.opt:disabled{cursor:default}.pop{position:absolute;right:18px;top:-10px;pointer-events:none;font-weight:900;font-size:1.8rem;color:#ff8a00;-webkit-text-stroke:1.5px #fff;paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.15);animation:rise 1.4s ease-out forwards;display:flex;flex-direction:column;align-items:flex-end}.pop small{font-size:.9rem;display:flex;gap:2px;align-items:center;color:#c94a00}@keyframes rise{0%{transform:translateY(20px) scale(.6);opacity:0}20%{transform:translateY(0) scale(1.1);opacity:1}to{transform:translateY(-40px);opacity:0}}.feedback{margin-top:16px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border-radius:20px;background:#e8faec;border:3px solid var(--ok);animation:up .3s ease-out}.feedback.bad{background:#fff1ee;border-color:var(--bad)}@keyframes up{0%{transform:translateY(16px);opacity:0}}.fb-text b{font-size:1.15rem;color:var(--ok);display:block}.feedback.bad .fb-text b{color:var(--bad)}.fb-text span{font-weight:600}.fb-text p{margin:4px 0 0;line-height:1.5;font-size:.96rem}.how-row{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.try-again{font-weight:800;color:var(--bad)}.how{background:#fff8de;border:2px dashed #e1b75a;border-radius:14px;padding:10px 14px;margin:4px 0 0;line-height:1.5;width:100%}.fail-hearts{display:flex;justify-content:center;gap:4px;margin-bottom:8px}.result-screen{align-items:center;justify-content:center;padding:20px 14px}.result-card{position:relative;width:min(600px,100%);background:var(--parch);border:4px solid var(--brown);border-radius:26px;padding:22px 20px;box-shadow:0 8px #5a361f,0 20px 50px #00000040;text-align:center;overflow:hidden;animation:pop .35s cubic-bezier(.2,1.4,.4,1)}.res-sub{font-weight:800;color:var(--rd)}.result-card h1{margin:4px 0 6px;font-size:2rem;color:var(--brown)}.res-stars{display:flex;justify-content:center;align-items:flex-end;gap:4px;margin:4px 0 10px}.rs{opacity:.9}.rs.on{animation:starIn .5s cubic-bezier(.2,1.6,.4,1) both;animation-delay:var(--d)}@keyframes starIn{0%{transform:scale(0) rotate(-90deg);opacity:0}}.res-av{display:flex;justify-content:center;margin:6px 0}.res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.rbox{background:#fff;border-radius:14px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;position:relative}.rbox span{font-size:.78rem;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:3px}.rbox b{font-size:1.5rem;font-weight:900}.rbox b.sm{font-size:1rem;padding-top:6px}.rbox.big b{color:#c96a00}.rbox.ok b{color:var(--ok)}.rbox.bad b{color:var(--bad)}.rbox .tag{position:absolute;top:-10px;background:var(--red);color:#fff;font-size:.68rem}.breakdown{list-style:none;padding:0;margin:8px 0;text-align:left;background:#fff9;border-radius:14px}.breakdown li{display:flex;justify-content:space-between;gap:10px;padding:7px 12px;border-bottom:1px dashed #e0c48e;font-size:.92rem}.breakdown li:last-child{border:0}.breakdown span{display:flex;align-items:center;gap:4px}.rewards{background:#fff;border-radius:16px;padding:10px 12px;margin:10px 0;border:3px solid var(--gold)}.rewards h2{margin:0 0 6px;font-size:1.05rem;color:var(--brown);display:flex;align-items:center;justify-content:center;gap:6px}.rw-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.rw{display:inline-flex;align-items:center;gap:6px;font-weight:800;background:#fff8e0;border-radius:999px;padding:4px 12px 4px 6px;animation:pop .4s .6s both}.res-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-12px;left:calc(var(--k) * 5.6%);width:9px;height:14px;border-radius:2px;background:hsl(calc(var(--k) * 47),85%,58%);animation:fall calc(2.2s + var(--k) * .07s) ease-in calc(var(--k) * .08s) both}@keyframes fall{to{transform:translateY(640px) rotate(540deg);opacity:0}}.tabs{display:flex;gap:6px;padding:10px 14px 0;overflow-x:auto;scrollbar-width:none;max-width:980px;width:100%;margin:0 auto}.tab{flex:none;border:0;background:#fff9;color:var(--navy);font-weight:800;padding:10px 16px;border-radius:14px 14px 0 0;min-height:44px}.tab.on{background:#fff}.coll-body,.board-body,.settings-body{width:100%;max-width:980px;margin:0 auto;padding:0 14px 30px}.coll-body>*{background:#fff;border-radius:0 18px 18px;padding:16px}.coll-body>.items{background:#fff}.sum-hero{display:flex;gap:16px;align-items:center;margin-bottom:14px}.sum-hero h2{margin:0;color:var(--navy)}.sum-hero p{margin:0 0 6px;font-weight:700;color:var(--muted)}.sum-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.sbox{background:#f4f8fc;border-radius:16px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:2px}.sbox b{font-size:1.4rem;font-weight:900}.sbox b small{font-size:.8rem;color:var(--muted)}.sbox span{font-size:.85rem;font-weight:700;color:var(--muted)}.summary h3{margin:18px 0 8px;color:var(--navy)}.reg-stars{list-style:none;padding:0;margin:0;display:grid;gap:6px}.reg-stars li{display:grid;grid-template-columns:170px 1fr 54px;align-items:center;gap:10px;font-weight:700;font-size:.92rem}.reg-stars .mini-bar i{background:var(--rc)}.mini-bar{position:relative;display:block;height:14px;border-radius:99px;background:#e3e9f0;overflow:hidden;margin-top:4px}.mini-bar i{display:block;height:100%;background:linear-gradient(90deg,#22c4f0,#7ff6ff)}.mini-bar em{position:absolute;inset:0;display:grid;place-items:center;font-size:.66rem;font-style:normal;font-weight:800;color:var(--navy)}.mini-bar.wide{width:220px;max-width:100%;height:16px}.items{list-style:none;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.item{background:#f4f8fc;border:3px solid transparent;border-radius:18px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.item.equipped{border-color:var(--ok);background:#effbf1}.item b{font-size:1rem}.item small{font-size:.78rem;color:var(--muted);line-height:1.35}.item-act{margin-top:auto;padding-top:6px}.ach-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.ach-item{display:flex;gap:12px;align-items:center;background:#f4f6f9;border-radius:16px;padding:10px 12px}.ach-item.got{background:#fff8e0;border:2px solid var(--gold)}.ach-item b{display:block}.ach-item span{font-size:.86rem;color:var(--muted);display:block;line-height:1.35}.ach-item div{flex:1;min-width:0}.ach-item small.ok{color:var(--ok);font-weight:800}.board-head{display:flex;align-items:center;gap:12px;margin:16px 0 10px}.board-head h2{margin:0;color:var(--navy)}.board-head p{margin:0;font-weight:700;color:var(--muted)}.table-wrap{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px #00000014}.board{width:100%;border-collapse:collapse}.board th{background:var(--navy);color:#fff;font-size:.82rem;padding:10px 8px;text-align:left}.board td{padding:8px;border-bottom:1px solid #edf1f5;font-size:.94rem}.board tr.me td{background:#fff8e0}.who{display:inline-flex;align-items:center;gap:8px}.rank{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:#e3e9f0}.rank.r1{background:var(--gold);color:#5a3300}.rank.r2{background:#cfd8e3}.rank.r3{background:#e6a26a;color:#fff}.board-body .note{margin-top:14px}.board-body h3{color:var(--navy);margin:18px 0 8px}.players{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.player-chip{display:flex;align-items:center;gap:6px;border:2px solid #d5e0ec;background:#fff;border-radius:999px;padding:3px 14px 3px 3px;font-weight:700;min-height:42px}.player-chip.on{border-color:var(--ok);background:#effbf1}.settings-body{display:grid;gap:12px;padding-top:14px;max-width:640px}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f5;cursor:pointer;position:relative}.toggle:last-child{border:0}.toggle b{display:block}.toggle small{display:block;color:var(--muted);font-size:.84rem}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle i{width:54px;height:32px;border-radius:99px;background:#c9d4e0;position:relative;flex:none;transition:background .2s}.toggle i:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:left .2s}.toggle input:checked+i{background:var(--green)}.toggle input:checked+i:after{left:25px}.toggle input:focus-visible+i{outline:3px solid #ffde59;outline-offset:2px}.seg{display:flex;gap:8px;flex-wrap:wrap}.howto ol{padding-left:20px;line-height:1.6;margin:0 0 14px}.howto li{margin-bottom:6px}.modal.intro{background:#08285099}.nick{text-align:center}.nick-row{display:flex;gap:12px;align-items:center;text-align:left;margin:10px 0}.nick-row p{margin:0;font-weight:600}.nick .field{text-align:left}.nick .btn{width:100%;margin-top:6px}@media(max-width:640px){.topbar h1{font-size:1.02rem}.topbar .pill{padding:3px 9px 3px 4px;min-height:32px;font-size:.9rem}.region-head{flex-direction:column;text-align:center}.rh-art{width:170px}.rh-stats{justify-content:center}.options{grid-template-columns:1fr;gap:10px}.opt{min-height:56px}.qcard{padding:16px 14px;border-radius:20px}.qvis{height:120px}.feedback{grid-template-columns:auto 1fr}.fb-next{grid-column:1 / -1;width:100%}.res-grid{grid-template-columns:repeat(2,1fr)}.result-card h1{font-size:1.6rem}.reg-stars li{grid-template-columns:120px 1fr 46px;font-size:.84rem}.ms-art{width:90px}.ms-head h2{font-size:1.2rem}.hide-sm{display:none}.lvl-name{font-size:.68rem}.level-grid{gap:12px 6px}.quiz-top{flex-wrap:wrap}.qt-right{width:100%;justify-content:center;order:3}}@media(max-width:380px){.hide-xs,.tb-right .pill:first-child{display:none}}@media(max-height:520px)and (orientation:landscape){.qtext{font-size:1.05rem;margin-bottom:10px}.opt{min-height:48px}.qvis{height:100px}.panel{padding:14px}}html.reduce *,html.reduce *:before,html.reduce *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}