/* C — an island world, mission ticket, tactile answer tiles, floating game dock. */
.design-c{background:#102c47;color:#edf6ff;min-height:calc(100vh - 44px);padding-bottom:115px;background-image:radial-gradient(ellipse at 20% 30%,#1e496355,transparent 60%)}.c-header{max-width:1256px;margin:auto;padding:29px 44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.c-header .brand{color:#f0f7fc}.c-header .brand-mark i:nth-child(4){background:#ffae69}.c-header-motto{font-size:8px;letter-spacing:2px;color:#8fb2cc}.c-player{display:flex;align-items:center;gap:8px;font-size:11px;color:#b8d4e6;border:1px solid #45617b;border-radius:20px;padding:9px 13px}.c-player .icon{color:#ffb67a;width:16px;height:16px}.c-main{max-width:1256px;margin:auto;padding:16px 44px 22px}.c-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:29px}.c-title .eyebrow{font-size:8px;letter-spacing:2px;color:#9bbbd1}.c-title h1{font-size:clamp(42px,4.2vw,58px);letter-spacing:-2.2px;margin-top:16px;font-weight:800;line-height:.99}.c-title h1>span{color:#8ad7ff}.c-title>p{font-size:12px;line-height:1.8;color:#adc8d9;margin-bottom:4px}.c-world-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(240px,.9fr);gap:22px;align-items:stretch}.c-world{background:#dcecf2;border:4px solid #658397;border-radius:24px;overflow:hidden;box-shadow:0 7px 0 #071f36}.c-world-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 23px;background:#f1f6f8;border-bottom:1px solid #c5dae7;color:#294f69}.c-world-heading>span:first-child{font-size:12px;display:flex;gap:8px;align-items:center;font-weight:650}.c-world-heading .icon{width:17px;height:17px}.c-world-tag{font-size:9px;padding:5px 9px;background:#e0ebf1;border-radius:20px;color:#5e7e92}.island-map{position:relative;aspect-ratio:720 / 430;width:100%;overflow:hidden}.island-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.map-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:none;display:flex;align-items:center;flex-direction:column;transition:filter .2s;min-width:82px;padding:8px 5px 15px;color:#1d4b6c}.node-platform{position:relative;background:#69b9db;width:72px;height:62px;border-radius:15px;display:grid;place-items:center;font-weight:750;font-size:28px;box-shadow:0 7px 0 #3683a6,0 15px 0 #bdd3df;transform:skewY(-5deg);transition:transform .2s,box-shadow .2s;z-index:1}.map-node:hover .node-platform{transform:skewY(-5deg) translateY(-5px)}.node-badge{background:#eff9fd;position:absolute;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;right:0;top:-6px;z-index:3;box-shadow:0 3px 6px #1b4e6820}.node-badge .icon{width:13px;height:13px;color:#4c8ba5}.node-caption{position:absolute;top:calc(100% + 1px);font-size:9px;font-weight:650;white-space:nowrap;color:#527789}.map-node.selected .node-platform{background:#ffb366;color:#824b24;box-shadow:0 7px 0 #ce8649,0 15px 0 #c5d2d9}.map-node.selected .node-badge{background:#fdf0d7}.map-node.selected .node-badge .icon{color:#ae6d32}.map-node.selected:before{content:"";position:absolute;inset:-9px -9px -7px;border:2px dashed #e6a366;border-radius:23px;transform:skewY(-5deg)}.map-node.locked .node-platform{background:#c9d6de;box-shadow:0 7px 0 #a1b5c4,0 15px 0 #d3e0e7;color:#8aa1b1}.map-node.locked .node-badge{background:#e9f0f4}.map-region{position:absolute;color:#6d96ac;font-size:7px;letter-spacing:1.5px;font-weight:650}.region-one{left:7%;top:15%;transform:rotate(-10deg)}.region-two{right:18%;bottom:13%;transform:rotate(-10deg)}.map-coordinate{position:absolute;bottom:14px;left:17px;font-size:7px;letter-spacing:1px;color:#7c9cad}.c-mission{background:#fff3de;color:#513b2a;border-radius:20px;position:relative;padding:23px 24px;box-shadow:0 7px 0 #a5825c;display:flex;flex-direction:column;overflow:hidden}.ticket-top{display:flex;align-items:center;justify-content:space-between;color:#92734d;font-size:7px;letter-spacing:1.5px;font-weight:650;border-bottom:1px solid #e8d6b8;padding-bottom:15px;gap:10px}.ticket-top .icon{width:16px;height:16px;color:#c98944}.mission-counter{font-size:8px;letter-spacing:1.6px;color:#a58155;margin-top:21px}.c-mission h2{font-size:29px;letter-spacing:-1.1px;margin-top:10px;position:relative;z-index:1}.mission-number{position:absolute;top:102px;right:-13px;display:flex;align-items:center;font-size:47px;font-weight:300;color:#dd9d58;transform:rotate(-12deg);opacity:.3;gap:4px;pointer-events:none}.mission-number strong{font-size:110px;letter-spacing:-8px}.mission-number>span{position:absolute;top:-10px;right:29px}.mission-number .icon{width:30px;height:30px}.c-mission>p{font-size:11px;line-height:1.7;color:#977b59;margin:19px 0 22px;position:relative;z-index:1}.ticket-divider{height:1px;border-top:2px dashed #d9c3a0;margin:0 -24px 18px;position:relative}.ticket-divider:before,.ticket-divider:after{content:"";position:absolute;top:-8px;width:15px;height:15px;background:#102c47;border-radius:50%}.ticket-divider:before{left:-7px}.ticket-divider:after{right:-7px}.mission-meta{display:flex;gap:13px;font-size:9px;color:#8e7150;margin-bottom:20px}.mission-meta>span{display:flex;align-items:center;gap:5px}.mission-meta .icon{width:13px;height:13px}.arcade-button{background:#ffad62;color:#433122;border:2px solid #e39a55;box-shadow:0 5px 0 #c58041;border-radius:12px;font-weight:750;font-size:15px;padding:14px 22px}.arcade-button:hover{background:#ffc183;transform:translateY(-2px);box-shadow:0 7px 0 #c58041}.arcade-button:active{transform:translateY(3px);box-shadow:0 2px 0 #c58041}.c-mission .arcade-button{width:100%;margin-top:auto;font-size:14px;min-height:48px;padding:12px 20px}.mission-foot{text-align:center;font-size:8px;color:#967855;margin-top:15px}.c-mode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.c-mode-row>button{display:flex;gap:13px;align-items:center;text-align:left;padding:17px 18px;border:1px solid #45667f;border-radius:13px;background:#1a3a54;color:#d7e6f0;transition:background .2s,transform .2s}.c-mode-row>button:hover{background:#254c68;transform:translateY(-3px)}.c-mode-icon{width:39px;height:39px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;color:#9ad4f0;background:#264e6a}.c-mode-icon .icon{width:20px;height:20px}.c-mode-row strong{font-size:12px;display:block}.c-mode-row small{font-size:9px;display:block;margin-top:6px;color:#97b8ce}.c-mode-row>button>.icon{width:17px;height:17px;margin-left:auto;color:#769db8}.c-dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:6px;background:#f7fbfd;padding:7px;border:1px solid #fff;border-radius:20px;box-shadow:0 9px 0 #061c2c44,0 12px 35px #06182d55;z-index:15}.c-dock .nav-link{display:flex;align-items:center;gap:8px;padding:13px 22px;color:#6e8595;border-radius:12px;font-size:12px;font-weight:650;white-space:nowrap}.c-dock .nav-link .icon{width:19px;height:19px}.c-dock .nav-link.active{background:#193d59;color:white;box-shadow:0 3px 0 #0a243a}.c-dock .nav-link:not(.active):hover{background:#e6f1f6}.c-game-hud{display:flex;gap:25px;align-items:center;max-width:750px;margin:5px auto 25px}.c-exit{width:42px;height:42px;border:1px solid #53758e;border-radius:12px;display:grid;place-items:center;color:#bcd6e8}.c-exit:hover{background:#234a66}.c-game-hud>div{flex:1}.c-game-hud>div>span{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#9dc5de}.c-energy{display:flex;gap:7px;margin-top:10px}.c-energy>i{flex:1;height:9px;border-radius:3px;background:#2f526c;border:1px solid #52738b}.c-energy>i.filled{background:#84d6fa;border-color:#84d6fa}.c-task-count{font-size:28px;font-weight:700;letter-spacing:-1px}.c-task-count>small{font-size:15px;color:#6f96b1;margin-left:5px;font-weight:450}.c-game-board{max-width:750px;margin:auto;text-align:center;background:#edf6f9;color:#214963;border:4px solid #7298af;border-radius:28px;box-shadow:0 8px 0 #061e34;padding:30px 42px;background-image:radial-gradient(#cedee6 1px,transparent 1px);background-size:19px 19px}.c-level-label{display:inline-flex;font-size:9px;color:#6593ab;border:1px solid #b5d4e3;background:#e2f0f7;border-radius:20px;padding:7px 11px}.c-game-board h1{font-size:28px;letter-spacing:-1px;margin-top:23px}.c-equation{display:flex;align-items:center;justify-content:center;gap:23px;font-size:65px;letter-spacing:-2px;font-weight:800;margin:31px 0}.c-equation>i{font-style:normal;font-size:.55em;font-weight:450;color:#76a7bf}.c-equation>.mystery{width:90px;min-height:83px;display:grid;place-items:center;background:#d2e8f1;border:2px dashed #94bfd0;border-radius:20px;color:#4489a7}.c-answers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.answer-tile{background:white;color:#2c6082;border:2px solid #b6cfdd;border-radius:15px;min-height:93px;font-size:35px;font-weight:750;box-shadow:0 5px 0 #a3bdcc;position:relative;transition:transform .15s,box-shadow .15s,background .15s}.answer-tile:not(:disabled):hover{background:#d8effb;transform:translateY(-4px);box-shadow:0 9px 0 #a3bdcc;border-color:#75b2d2}.answer-tile:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 #a3bdcc}.answer-index{position:absolute;left:9px;top:7px;font-size:8px;color:#7798ac;font-weight:500}.answer-tile.right{background:#d8eee2;border-color:#73b298;color:#297458;box-shadow:0 5px 0 #73a38d;animation:reward-pop .3s ease-out}.answer-tile.right>.icon{position:absolute;right:5px;top:5px;width:15px;height:15px}.answer-tile.wrong{background:#fff0df;border-color:#dca76b;color:#9b6535;box-shadow:0 5px 0 #c6935a}.c-feedback{min-height:46px;margin:20px 0 2px;font-size:12px;color:#6d91a5;display:flex;justify-content:center;align-items:center;gap:8px;line-height:1.5}.c-feedback.correct{color:#35785d}.c-feedback.wrong{color:#98602e}.c-feedback .icon{width:19px;height:19px}.c-hint{border:1px solid #afc9d7;background:#e5f0f6;color:#62889d;font-size:11px;min-height:40px;padding:9px 16px;box-shadow:none;border-radius:9px}.c-hint .icon{width:16px;height:16px}.c-game-board>.arcade-button{font-size:13px;min-height:45px;padding:11px 18px}.c-game-hint{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;background:#fff9ec;padding:15px;margin-top:18px;border-radius:12px}.c-game-hint>span{width:28px;height:28px;background:#f7dfbb;border-radius:7px;display:grid;place-items:center;font-size:15px}.c-game-hint>i{font-style:normal;font-size:13px;color:#b09268}.c-game-hint>p{width:100%;font-size:11px;color:#987e5d}.c-secondary{background:#254d69;color:#d6ecf8;border:1px solid #628199;box-shadow:0 4px 0 #0c263b;border-radius:10px;font-size:13px}.c-secondary:hover{background:#386680}.c-victory{text-align:center;padding:15px 0}.c-victory>.eyebrow{font-size:9px;color:#9cc3da}.victory-art{position:relative;width:260px;margin:18px auto 15px}.victory-art .trophy-art{width:250px;position:relative;z-index:1}.victory-orbit{position:absolute;width:250px;height:250px;top:-5px;left:5px;border:1px dashed #5d829d;border-radius:50%;transform:rotate(25deg)}.c-victory h1{font-size:48px;color:#fff0d8}.c-victory p{font-size:13px;color:#adc7da;line-height:1.8;margin:18px 0 25px}.c-victory>.small-note{display:block;color:#91b2c8;margin-top:25px}.c-title>.demo-label{color:#aac9df;border-color:#4b718b;margin-bottom:4px}.c-title>.demo-label:before{background:#91b4cd}.c-rewards-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:25px}.c-showcase{display:flex;align-items:center;position:relative;overflow:hidden;padding:36px 25px 30px;border-radius:23px;background:#fff0d6;color:#503d2b;border:3px solid #cfb28b;box-shadow:0 6px 0 #0a2035}.showcase-ribbon{position:absolute;top:0;left:0;background:#e1c49b;color:#715736;padding:8px 16px;border-radius:0 0 10px 0;font-size:7px;letter-spacing:1.3px}.c-showcase>.trophy-art{width:45%;max-width:230px;margin:0 15px 0 0}.c-showcase>div{padding:10px 0}.c-showcase .eyebrow{font-size:8px;color:#a58455}.c-showcase h2{font-size:36px;line-height:1.05;margin:12px 0}.c-showcase p{font-size:11px;color:#9b7f5b}.c-showcase .button{margin-top:19px;min-height:42px;font-size:10px;padding:10px 15px;background:#fff8ec;color:#8b6535;border-color:#cdb385;box-shadow:0 3px 0 #d2b589}.c-level-card{background:#214760;border:1px solid #557890;border-radius:22px;padding:24px;display:flex;flex-direction:column}.c-level-card .eyebrow{color:#91b9d4;font-size:8px}.c-level-card h2{font-size:23px;color:#d9edfa;margin-top:12px}.level-number{font-size:62px;letter-spacing:-3px;font-weight:750;line-height:1.1;margin:15px 0;color:#91d7fa}.level-number>span{font-size:12px;letter-spacing:0;margin-left:10px;color:#b0cfe3;font-weight:400}.c-level-track{height:7px;background:#102f49;border-radius:20px;overflow:hidden}.c-level-track i{display:block;width:42%;height:100%;background:#8dd9ff;border-radius:20px}.c-level-card p{font-size:10px;color:#8fb3cd;margin-top:10px}.c-level-card p b{color:#d4e9f8}.c-level-card>.small-note{color:#8fb3cd;font-size:8px;margin-top:5px}.c-level-card>.text-link{margin-top:auto;font-size:11px;color:#d4e8f5;padding-top:17px}.c-achievements{margin-top:29px}.c-achievements .section-heading h2{font-size:21px;letter-spacing:-.7px}.c-achievements .section-heading>span{font-size:10px;color:#95b5ca}.c-badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.c-badge-card{padding:21px 15px;text-align:center;border:1px solid #507087;background:#193b54;border-radius:17px;transition:transform .2s,background .2s;color:#e3eff7}.c-badge-card:hover{transform:translateY(-5px);background:#28536d}.badge-shape{width:61px;height:66px;background:#417ca0;clip-path:polygon(50% 0,94% 24%,94% 74%,50% 100%,6% 74%,6% 24%);display:grid;place-items:center;margin:0 auto 16px;position:relative}.badge-shape:before{content:"";position:absolute;inset:5px;background:#305c7b;clip-path:inherit}.badge-shape>.icon{position:relative;width:28px;height:28px;color:#b6e5ff}.badge-1 .badge-shape{background:#c59963}.badge-1 .badge-shape:before{background:#695749}.badge-1 .badge-shape>.icon{color:#ffce8d}.badge-2 .badge-shape{background:#86ada9}.badge-2 .badge-shape:before{background:#365d5b}.badge-2 .badge-shape>.icon{color:#a9dbcf}.badge-3 .badge-shape{background:#b2a9c3}.badge-3 .badge-shape:before{background:#575570}.badge-3 .badge-shape>.icon{color:#ddd3f8}.c-badge-card strong{display:block;font-size:12px;font-weight:650}.c-badge-card small{display:block;font-size:9px;color:#96b5c8;margin-top:7px}
@keyframes reward-pop{0%{transform:scale(.95)}60%{transform:scale(1.05)}100%{transform:scale(1)}}