@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
.cr-page{--ink:#194458;--blue:#067eae;--line:#c9e5ee;--muted:#526e7a;--shadow:0 12px 35px #236c9020;font-family:'Nunito',sans-serif;color:var(--ink);max-width:1280px;margin:0 auto;padding:28px 20px 55px;box-sizing:border-box}.cr-page *{box-sizing:border-box}.cr-page h1{text-align:center;font-size:clamp(2.3rem,5vw,3.2rem);font-weight:900;color:#0877a0;margin:0}.cr-page .tagline{text-align:center;margin:8px 0 24px;color:var(--muted)}.cr-page h2{font-size:1.35rem;margin:0 0 10px;font-weight:900}.cr-page h3{font-size:1.05rem;margin:0 0 8px}.cr-page p{line-height:1.6;margin:8px 0}.cr-page button,.cr-page input,.cr-page select{font:inherit}.cr-page button,.cr-page select,.cr-page input[type=number],.cr-page input[type=file]{min-height:44px}.cr-page button{border:1px solid #ffffffd9;border-radius:24px;padding:10px 18px;font-weight:800;cursor:pointer;background:linear-gradient(#c5f3fb,#3bafca 43%,#0786af 52%,#006699);box-shadow:inset 0 1px 2px white,0 3px 8px #00577922;color:white}.cr-page button:hover{filter:brightness(1.06)}.cr-page button:disabled{cursor:not-allowed;opacity:.48}.cr-page button.secondary{background:linear-gradient(#fff,#e7f7fc);color:#17617f;border-color:#c1e1ec;box-shadow:0 2px 5px #0057790d}.cr-page button.active{box-shadow:inset 0 0 0 2px #067fa8,0 2px 5px #00577920}.cr-page button:focus-visible,.cr-page select:focus-visible,.cr-page input:focus-visible{outline:3px solid #ffb640;outline-offset:3px}.cr-page .panel{background:linear-gradient(130deg,#ffffffed,#f1fcffca);border:1px solid white;border-radius:23px;padding:22px;box-shadow:var(--shadow);min-width:0}.cr-page .toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.cr-page .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cr-page .resources{display:flex;gap:18px;flex-wrap:wrap}.cr-page .resources b{font-size:1.15rem;display:block;color:#006d98}.cr-page .resources small{font-size:.73rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.cr-page .objective{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border-left:5px solid #22b5d4;margin-bottom:18px}.cr-page .chapter{font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#007e9b}.cr-page .objective p{max-width:900px}.cr-page .progress{height:7px;background:#d8eaf0;border-radius:12px;overflow:hidden;margin:13px 0 6px}.cr-page .progress span{height:100%;display:block;background:linear-gradient(90deg,#22a8ce,#5bd4bd)}.cr-page .muted{color:var(--muted);font-size:.9rem}.cr-page .layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(315px,1fr);gap:18px;align-items:start}.cr-page .stack{display:grid;gap:18px}.cr-page .map-panel{padding:0;overflow:hidden}.cr-page .map-top{display:flex;justify-content:space-between;padding:18px 22px 8px;align-items:center}.cr-page .map{height:340px;position:relative;background:radial-gradient(ellipse at 30% 85%,#d5f8ff,transparent 60%),linear-gradient(140deg,#edfaff,#d8effb);overflow:hidden}.cr-page .map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cr-page .world{position:absolute;transform:translate(-50%,-50%);min-width:66px;padding:5px 7px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#215a71!important;font-size:.82rem;display:grid;justify-items:center;gap:5px}.cr-page .world.locked{opacity:.45}.cr-page .planet{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffbb,transparent 45%),var(--planet);box-shadow:inset -7px -5px 10px #17354933,0 0 0 4px #ffffff88,0 5px 12px #24688a29;display:block}.cr-page .world.active .planet{outline:3px solid #0098bd;outline-offset:5px}.cr-page .world.locked .planet{filter:grayscale(.9)}.cr-page .world b{background:#f7fdffc9;border-radius:8px;padding:1px 5px}.cr-page .map-note{padding:10px 22px;font-size:.78rem;color:var(--muted);border-top:1px solid #c9e2ed}.cr-page .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.cr-page .stat{background:#e9f7fc;border:1px solid #d5ecf4;border-radius:12px;padding:10px}.cr-page .stat b{display:block;font-size:1rem;color:#096e93}.cr-page .stat small{display:block;font-size:.72rem;color:var(--muted)}.cr-page .energy{display:grid;grid-template-columns:70px 1fr 45px;align-items:center;gap:8px;margin:10px 0;font-size:.78rem}.cr-page .energy .progress{margin:0;height:10px}.cr-page .energy .integrity span{background:#8cbccc}.cr-page label{display:block;font-size:.85rem;font-weight:800;margin:12px 0 5px}.cr-page select,.cr-page input[type=number]{width:100%;border:1px solid #b9d8e4;border-radius:12px;background:#fff;color:var(--ink);padding:8px 10px}.cr-page input[type=range]{width:100%;accent-color:#098ab1;min-height:30px}.cr-page .fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.cr-page .full{grid-column:1/-1}.cr-page output{float:right;color:#087da4;font-variant-numeric:tabular-nums}.cr-page .check{border-radius:12px;padding:10px 12px;background:#e5f6f0;color:#1f6c58;margin:9px 0;font-size:.84rem}.cr-page .check.bad{background:#fff1da;color:#805315}.cr-page .builds{display:grid;gap:8px}.cr-page .build{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #d6eaf2;border-radius:14px}.cr-page .build small{display:block;color:var(--muted);font-size:.75rem;line-height:1.5}.cr-page .build button{padding:8px 12px;font-size:.8rem}.cr-page .tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.cr-page .tabs button{padding:8px 14px;font-size:.86rem}.cr-page .notice{background:#d9f2fc;border:1px solid #a8dbe9;border-radius:14px;padding:12px 16px;margin-bottom:15px;line-height:1.6}.cr-page .notice:empty{display:none}.cr-page .log{margin:0;padding:0;list-style:none;font-size:.82rem}.cr-page .log li{border-bottom:1px solid #d9e9ef;padding:10px 0;line-height:1.5}.cr-page .log li:last-child{border:0}.cr-page details{margin-top:18px}.cr-page summary{cursor:pointer;font-weight:800;padding:4px}.cr-page details li{margin:8px 0;line-height:1.6}.cr-page a{color:#06779c}.cr-page .flight{position:fixed;inset:0;z-index:10000;background:#0b3854b8;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(6px)}.cr-page .flight-card{width:min(960px,100%);max-height:95vh;overflow:auto;background:#f2fbff;border:2px solid white;border-radius:26px;box-shadow:0 25px 90px #001e4488;padding:22px}.cr-page canvas{width:100%;height:360px;display:block;background:linear-gradient(#04243e,#0b587a);border:1px solid #397994;border-radius:18px;margin:12px 0}.cr-page .flight-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.cr-page .flight-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.cr-page .flight-actions button{min-width:150px}.cr-page .timing{width:100%;height:14px;border-radius:20px;background:#d6e9f0;position:relative;overflow:hidden;margin:12px 0}.cr-page .timing .zone{position:absolute;left:44%;width:12%;height:100%;background:#53c8a4}.cr-page .timing .needle{position:absolute;top:0;bottom:0;width:4px;background:#163f5e;left:50%}.cr-page .small{font-size:.78rem}.cr-page .win{background:linear-gradient(120deg,#d7fbf1,#e3f5ff);border:1px solid #afe0d7;border-radius:18px;padding:20px;margin-bottom:18px}.cr-page .save-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cr-page .save-tools button{font-size:.8rem}.cr-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
body:has(.preview-header){margin:0;background:#e5f7ff}.preview-header{text-align:center;background:linear-gradient(#c9f5ff,#199cca 55%,#006c9c);padding:26px 10px;color:white;font-family:'Nunito',sans-serif}.preview-header a{font-size:2.2rem;color:white;text-decoration:none;font-weight:900}.preview-header nav{padding:16px 0 3px;font-weight:800}@media(max-width:950px){.cr-page .layout{grid-template-columns:1fr}.cr-page .map{height:310px}.cr-page .objective{grid-template-columns:1fr}.cr-page .objective>div:last-child{justify-self:start}}@media(max-width:550px){.cr-page{padding:20px 10px 40px}.cr-page .panel{padding:16px;border-radius:18px}.cr-page .map-panel{padding:0}.cr-page .resources{gap:10px}.cr-page .resources b{font-size:.95rem}.cr-page .map{height:300px}.cr-page .world{min-width:48px;font-size:.68rem}.cr-page .planet{width:29px;height:29px}.cr-page .fields{gap:0 8px}.cr-page .flight-card{padding:14px}.cr-page canvas{height:285px}.cr-page .flight-actions button{min-width:100px}.cr-page .stats{gap:5px}.cr-page .stat{padding:8px}.cr-page .stat b{font-size:.9rem}.cr-page .build{grid-template-columns:1fr}.cr-page .build button{justify-self:start}.preview-header a{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.cr-page *{scroll-behavior:auto!important}}
.cr-page .grid{display:grid;gap:18px}.cr-page .two{grid-template-columns:1fr 1fr}.cr-page .three{grid-template-columns:repeat(3,1fr)}.cr-page .hero-icon{font-size:2.5rem;color:#0a94b5;margin-bottom:10px}.cr-page #join-form input,.cr-page input:not([type=checkbox]):not([type=range]){width:100%;min-height:44px;border:1px solid #b6d6e3;border-radius:12px;padding:9px 12px;background:#fff;color:var(--ink)}.cr-page form button{margin-top:12px}.cr-page .blockchain-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr)}.cr-page .nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:9px;margin:14px 0}.cr-page .node{display:grid;gap:4px;justify-items:center;text-align:center;padding:12px 6px;background:linear-gradient(#f8fdff,#daf1fb);border:1px solid #b9e1f0;border-radius:15px;font-size:.8rem;overflow-wrap:anywhere}.cr-page .node small{font-size:.7rem;color:var(--muted)}.cr-page .node.you{outline:2px solid #0d92b6;outline-offset:2px}.cr-page .node.island-b{background:linear-gradient(#fffaf0,#fbe6b7);border-color:#dfb76a}.cr-page .avatar{background:#088eb4;border:2px solid white;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:white;font-weight:900;box-shadow:0 3px 8px #0e52702a}.cr-page .island-b .avatar{background:#b88225}.cr-page .node.adopting{animation:adopt 1.4s ease}.cr-page .code{font-family:ui-monospace,monospace;font-weight:900;color:#067da0;letter-spacing:.04em}.cr-page .badge{display:inline-block;border-radius:10px;background:#e8f0f4;color:#446574;padding:5px 8px;font-size:.74rem;font-weight:800}.cr-page .badge.good{background:#dbf3e9;color:#226551}.cr-page .badge.amber{background:#fff0cf;color:#865b19}.cr-page .branch{border-top:1px solid #daedf4;padding:12px 0}.cr-page .chain-strip{display:flex;align-items:center;gap:4px;overflow:auto;padding:8px 0}.cr-page .mini-block{padding:8px 9px;border:1px solid #b8dce9;background:#e9f7fc;border-radius:10px;min-width:65px;text-align:center;display:grid;gap:2px}.cr-page .mini-block b{font-size:.8rem}.cr-page .mini-block code{font-size:.65rem}.cr-page .mine-tip{background:#d6f3ed;border-color:#76c2b2}.cr-page .chain-arrow{color:#428ca6}.cr-page code,.cr-page pre,.cr-page .hash{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.cr-page pre{font-size:.72rem;white-space:pre-wrap;overflow-wrap:anywhere;background:#e7f3f8;border:1px solid #cbe2ec;padding:13px;border-radius:12px;max-height:300px;overflow:auto;line-height:1.65}.cr-page code{overflow-wrap:anywhere}.cr-page .hash{display:block;font-size:clamp(.9rem,1.4vw,1.07rem);font-weight:700;line-height:1.75;letter-spacing:.07em;overflow-wrap:anywhere;background:#f6fcff;border-radius:10px;padding:12px;border:1px solid #bfdeea;color:#185d78;font-variant-numeric:tabular-nums}.cr-page .hash span.changed{background:#ffdf94;color:#6d4714}.cr-page .hash span.zero{background:#b4ecda;color:#0a7154}.cr-page .hash-function{margin:16px 0;border-radius:17px;border:1px solid #bddfea;overflow:hidden;background:#edf9fd}.cr-page .hash-function .input-fields{padding:15px}.cr-page .hash-function .function-arrow{background:#d7eff7;text-align:center;padding:13px;font-size:.78rem;color:#087b9d}.cr-page .hash-function>p,.cr-page .hash-function>div:not(.function-arrow):not(.input-fields){margin:12px}.cr-page .hash-function>pre{margin:12px}.cr-page .pool{border:1px dashed #a7d4e3;border-radius:13px;padding:12px;margin:15px 0}.cr-page .inline-check{display:flex;gap:8px;align-items:center;font-weight:600;font-size:.8rem}.cr-page input[type=checkbox]{min-width:20px;height:20px;accent-color:#078eae}.cr-page .props{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;max-height:350px;overflow:auto;margin:15px 0}.cr-page .prop{display:grid;gap:4px;padding:12px;background:#e9f7fb;border:1px solid #d3e8f0;border-radius:12px;font-size:.83rem}.cr-page .prop small,.cr-page .prop code{font-size:.7rem;color:var(--muted)}.cr-page .trade{display:grid;gap:9px;padding:13px 0;border-bottom:1px solid #d4e8ef;font-size:.84rem}.cr-page .trade .badge{justify-self:start}.cr-page .trade small{color:var(--muted)}.cr-page .guess-list{display:grid;gap:5px;margin-top:14px}.cr-page .guess-list>div{background:#e9f5fa;border-radius:8px;padding:7px;font-size:.65rem}.cr-page .guess-list code{display:block;overflow-wrap:anywhere;line-height:1.7}.cr-page .guess-list .valid{color:#087654;background:#d6f4e6}.cr-page .wallets{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:15px 0}.cr-page .wallets>div{display:grid;gap:4px;background:#eaf7fb;padding:12px;border-radius:12px;font-size:.82rem}.cr-page .wallets small{font-size:.7rem;color:var(--muted)}.cr-page .block-picker{display:flex;gap:5px;overflow:auto;padding:6px 0 15px}.cr-page .block-picker button{padding:7px 10px;white-space:nowrap}.cr-page .block-detail{border:1px solid #c7e4ef;border-radius:15px;padding:14px}.cr-page .ledger-line{padding:10px;border-left:3px solid #32b0bf;background:#eaf8f9}.cr-page .tamper{margin-top:20px;border-top:1px solid #cbe5ef;padding-top:18px}.cr-page .event-reorg{border-left:4px solid #e2af5e;padding-left:10px!important}.cr-page .event-mine{border-left:4px solid #38a4bd;padding-left:10px!important}.cr-page .guide{margin-top:18px}.cr-page .small{line-height:1.6}@keyframes adopt{0%,45%{background:#b6f1e1;box-shadow:0 0 0 4px #58c4ad55}100%{box-shadow:none}}@media(max-width:950px){.cr-page .blockchain-layout{grid-template-columns:1fr}.cr-page .three{grid-template-columns:1fr}}@media(max-width:650px){.cr-page .two{grid-template-columns:1fr}.cr-page .hash{font-size:.86rem;letter-spacing:.04em}.cr-page .nodes{grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}}@media(prefers-reduced-motion:reduce){.cr-page .node.adopting{animation:none;background:#b6f1e1}}
