@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#102633;--muted:#56707b;--bg:#f4f7f3;--paper:#fff;--line:#dbe6e0;--mint:#d7f4de;--green:#126b50;--lime:#bbec71;--orange:#ed8c53;--blue:#cfe8f2;--shadow:0 20px 60px rgba(16,38,51,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit}.skip{position:absolute;left:-9999px;top:8px;background:white;padding:8px;z-index:20}.skip:focus{left:8px}.wrap{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}.topbar{height:78px;padding:0 max(32px,calc((100vw - 1136px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f8faf7}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:'Space Grotesk',sans-serif;font-size:18px;letter-spacing:.045em;font-weight:600}.brand b{color:var(--green)}.brand-mark{width:35px;height:35px;border-radius:10px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:23px}.top-actions{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#53bf88}.hero{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:25px;padding-top:45px;padding-bottom:62px}.eyebrow{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:11px;letter-spacing:.2em;color:var(--green);margin:0 0 16px}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(50px,6vw,82px);letter-spacing:-.07em;line-height:1.03;margin:0 0 24px}.hero h1 em{font-style:normal;color:var(--green)}.lead{max-width:590px;color:var(--muted);font-size:19px;line-height:1.65;margin:0}.hero-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.primary,.quiet{border-radius:12px;padding:13px 20px;font-weight:700;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:15px}.primary{background:var(--ink);color:white}.primary:hover{background:#235362}.quiet{background:white;border-color:var(--line);color:var(--ink)}.quiet:hover{border-color:var(--green)}.hero-art{height:380px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #c8ddd3;border-radius:50%;width:380px;height:380px}.orbit-two{width:290px;height:290px;background:#e9f5e9;border-color:transparent}.device{position:relative;z-index:1;transform:rotate(-5deg)}.screen{width:318px;height:245px;border:12px solid var(--ink);border-radius:20px;background:#f7fff8;box-shadow:20px 20px 0 #a6d5b9,0 30px 45px rgba(0,0,0,.1);position:relative;overflow:hidden}.screen-top{height:25px;border-bottom:2px solid #bcdccc;display:flex;gap:5px;align-items:center;padding-left:10px}.screen-top i{width:6px;height:6px;background:#78baa0;border-radius:50%}.chip{position:absolute;left:110px;top:78px;width:73px;height:73px;background:var(--ink);color:var(--lime);display:grid;place-items:center;border-radius:14px;box-shadow:0 0 0 12px #def5dc;font-family:'Space Grotesk',sans-serif;font-weight:700;z-index:2}.track{position:absolute;height:3px;background:#69ab95;left:20px;right:20px}.t1{top:92px}.t2{top:122px}.t3{top:152px}.screen-bottom{position:absolute;bottom:12px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#4c8b72;font-weight:700}.stand{width:130px;height:16px;background:var(--ink);border-radius:0 0 10px 10px;margin:23px auto 0}.floating{position:absolute;z-index:3;background:white;border:1px solid var(--line);box-shadow:var(--shadow);padding:11px 13px;border-radius:9px;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.12em;font-weight:700}.f1{left:8px;top:42px}.f2{right:0;top:84px}.f3{right:26px;bottom:34px}.workspace{padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2,.lesson-band h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(31px,4vw,45px);letter-spacing:-.055em;margin:0 0 10px}.section-heading p:not(.eyebrow){color:var(--muted);margin:0}.progress-box{min-width:160px;text-align:right}.progress-box strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:32px}.progress-box span{font-size:12px;color:var(--muted)}.progress-rail{height:6px;background:#dce9e0;border-radius:10px;margin-top:12px;overflow:hidden}.progress-rail div{height:100%;width:0;background:var(--green);transition:width .3s}.settings{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0}.segmented{display:flex;gap:3px;background:#e6eee8;border-radius:11px;padding:4px}.segmented button{border:0;background:transparent;padding:9px 16px;border-radius:8px;font-weight:700;color:var(--muted)}.segmented button.active{background:white;color:var(--ink);box-shadow:0 2px 8px #ceddd4}.level-control{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.level-control select{border:1px solid var(--line);border-radius:10px;padding:10px;background:white;color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{min-height:240px;background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:19px;display:flex;flex-direction:column;box-shadow:0 7px 20px rgba(16,38,51,.035);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;align-items:start}.card-num{font-family:'Space Grotesk',sans-serif;color:#83aa9a;font-size:12px;font-weight:700}.card-icon{width:48px;height:48px;border-radius:13px;background:var(--mint);display:grid;place-items:center;font-size:26px}.card:nth-child(5n+2) .card-icon{background:var(--blue)}.card:nth-child(5n+3) .card-icon{background:#fff0d9}.card:nth-child(5n+4) .card-icon{background:#eae3f9}.card:nth-child(5n) .card-icon{background:#fae4d8}.card h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.03em;font-size:19px;line-height:1.17;margin:20px 0 8px}.card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 16px}.card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:5px}.card-bottom span{font-size:11px;color:var(--muted);font-weight:700}.card button{border:0;background:none;color:var(--green);font-weight:700;padding:6px 0}.card.done{border-color:#69bd8b;background:#f8fff8}.lesson-band{background:#102633;color:#f1f8f0;padding:51px 0}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.lesson-band .eyebrow{color:var(--lime)}.lesson-band p:not(.eyebrow){color:#c3d3d2;line-height:1.6}.lesson-band h2{font-size:30px}.timebar{display:flex;height:9px;border-radius:8px;overflow:hidden;gap:3px;margin:25px 0 9px}.timebar span{background:var(--lime)}.timebar span:nth-child(even){background:#74c9a0}.timebar.warm span{background:#f3a671}.timebar.warm span:nth-child(even){background:#f6cf7e}.lesson-band small{color:#bfd0ca}.footer{display:flex;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px;color:var(--muted);font-size:12px}dialog{border:0;padding:0;border-radius:18px;max-width:min(760px,calc(100vw - 26px));width:100%;max-height:90vh;box-shadow:0 25px 90px #0b263b66;background:#fff}dialog::backdrop{background:#0b263bc9;backdrop-filter:blur(3px)}.dialog-shell{padding:28px 30px 25px}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px}.dialog-head h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0;font-size:30px}.dialog-head .eyebrow{margin-bottom:8px}.close{border:0;background:#edf3ee;border-radius:10px;width:35px;height:35px;font-size:25px;line-height:1}.game-intro{color:var(--muted);line-height:1.5;margin:17px 0}.game-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.feedback{min-height:26px;margin-top:14px;font-weight:700}.feedback.success{color:var(--green)}.feedback.error{color:#a44730}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.memory-card{min-height:72px;border:2px solid #b2d8c3;background:#e7f5ea;border-radius:10px;font-weight:700;color:var(--ink);padding:8px;line-height:1.3}.memory-card.hidden{background:#174451;color:#d6f8e2;font-size:24px}.memory-card.matched{background:#dbf2d8;border-color:#6bbd82;color:#226442}.game-note{font-size:13px;color:var(--muted);margin:9px 0}.word-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;max-width:510px}.word-grid button{aspect-ratio:1;border:1px solid #dfebe4;background:#f5faf5;border-radius:4px;padding:0;font-family:'Space Grotesk',sans-serif;font-size:clamp(9px,2vw,16px);font-weight:700}.word-grid button.selected{background:#ffe6af}.word-grid button.found{background:#b8ecc2;border-color:#67bd83}.word-list{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.word-list span{background:#edf2ed;border-radius:7px;padding:6px 9px;font-size:12px;font-weight:700}.word-list span.found{text-decoration:line-through;background:#d8efd8;color:#427555}.order-list{display:grid;gap:8px}.order-item,.question-row,.scenario,.fill-row{border:1px solid var(--line);background:#f9fbf9;border-radius:10px;padding:12px}.order-item{display:flex;align-items:center;gap:10px}.order-item .move{margin-left:auto;display:flex;gap:5px}.move button,.small-button{background:white;border:1px solid var(--line);border-radius:7px;padding:5px 10px}.move button:hover,.small-button:hover{border-color:var(--green)}.choice-grid{display:grid;gap:9px}.question-row label,.fill-row label{font-weight:700;display:block;margin-bottom:8px}.question-row select,.fill-row select{width:100%;padding:9px;border:1px solid #cbdcd3;border-radius:7px;background:white}.scenario{margin-bottom:10px}.scenario h3{font-size:15px;margin:0 0 10px}.radio-choice{display:block;padding:7px 3px;line-height:1.35}.radio-choice input{accent-color:var(--green);margin-right:8px}.check-button{margin-top:15px;border:0;border-radius:9px;background:var(--green);color:white;padding:11px 17px;font-weight:700}.check-button:hover{background:#0d4c3b}.teacher-shell{max-height:90vh}.teacher-content{line-height:1.55;color:#354e58;overflow:auto;max-height:70vh}.teacher-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.teacher-content h3{color:var(--ink);font-family:'Space Grotesk',sans-serif}.teacher-content li{margin:5px 0}.answer{border-top:1px solid var(--line);padding:10px 0}.answer summary{cursor:pointer;font-weight:700;color:var(--ink)}.answer p{margin:8px 0 0}.teacher-note{background:#edf7ef;padding:13px;border-radius:9px}.result-badge{display:inline-block;background:#d7f1dc;color:#235d3a;padding:7px 10px;border-radius:8px;font-weight:700}.step-number{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:var(--green)}
@media(max-width:1050px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.wrap{padding-left:18px;padding-right:18px}.topbar{padding:0 18px}.top-actions{display:none}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px}.hero-art{height:270px;order:-1}.orbit{width:270px;height:270px}.orbit-two{width:210px;height:210px}.device{transform:scale(.72) rotate(-5deg)}.f1{left:0;top:20px}.f2{right:0;top:60px}.f3{right:10px;bottom:15px}.hero h1{font-size:57px}.lead{font-size:16px}.section-heading{align-items:start}.progress-box{min-width:90px}.settings{align-items:stretch;flex-direction:column}.segmented button{flex:1}.level-control{justify-content:space-between}.cards{grid-template-columns:repeat(2,1fr)}.lesson-grid,.teacher-columns{grid-template-columns:1fr;gap:26px}.footer{flex-direction:column}.dialog-shell{padding:18px}.dialog-head h2{font-size:23px}.game-grid{grid-template-columns:repeat(4,1fr)}.memory-card{min-height:65px;font-size:12px}}@media(max-width:430px){.cards{grid-template-columns:1fr}.card{min-height:180px}.game-grid{grid-template-columns:repeat(3,1fr)}.word-grid button{font-size:9px}.game-footer{flex-direction:column}.game-footer button{width:100%}}

.report-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;background:#e9f5ed;border:1px solid #cce4d3;border-radius:20px;padding:28px;margin:25px 0 28px}.report-copy h3{font-family:'Space Grotesk',sans-serif;font-size:29px;letter-spacing:-.05em;margin:0 0 11px}.report-copy p:not(.eyebrow){color:#45645b;line-height:1.55;margin:0 0 11px}.report-copy .report-privacy{font-size:12px}.report-tools{background:white;border:1px solid #d7e8db;border-radius:14px;padding:19px}.student-form{display:grid;grid-template-columns:1fr 115px auto;align-items:end;gap:10px}.student-form label{font-size:12px;font-weight:700;display:grid;gap:6px}.student-form input{width:100%;padding:11px 12px;border:1px solid #bcd4c5;border-radius:9px;background:#fbfdfb;color:var(--ink)}.student-form input:focus{outline:2px solid #81caa0;outline-offset:1px}.student-form .quiet{white-space:nowrap;padding:11px 14px}.attempt-summary{display:flex;gap:24px;border-top:1px solid var(--line);margin-top:17px;padding-top:15px;color:#48675b;font-size:13px}.attempt-summary strong{font-family:'Space Grotesk',sans-serif;color:var(--ink);font-size:25px;margin-right:5px}.report-actions{display:flex;align-items:center;gap:16px;margin-top:15px;flex-wrap:wrap}.text-button{background:none;border:0;color:var(--green);font-size:12px;font-weight:700;text-decoration:underline;padding:7px 0}.report-message{font-size:12px;color:#8b472f;min-height:18px;margin:11px 0 0}.card-attempts{display:block;color:#527568;font-size:11px;font-weight:700;margin:-6px 0 13px}.game-attempts{background:#eef7f1;border-radius:9px;color:#315d48;font-size:12px;font-weight:700;padding:9px 11px;margin:0 0 12px}
@media(max-width:850px){.report-card{grid-template-columns:1fr}.student-form{grid-template-columns:1fr 110px auto}}@media(max-width:600px){.report-card{padding:18px;gap:12px}.student-form{grid-template-columns:1fr 1fr}.student-form label:first-child{grid-column:1/-1}.student-form .quiet{grid-column:1/-1}.report-actions{align-items:stretch;flex-direction:column}.report-actions .primary,.report-actions .text-button{width:100%}}

/* Herní kampaň */
.sequence-head,.hud,.case-head,.escape-top,.lab-meter{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--green);margin:8px 0 12px}.sequence-head strong,.hud strong{background:var(--ink);color:var(--lime);padding:6px 9px;border-radius:7px;letter-spacing:0}.sequence-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:linear-gradient(145deg,#f8fcf8,#edf7f0);position:relative;overflow:hidden}.sequence-card h3,.challenge-box h3,.shop-brief h3,.future-room h3{font-family:'Space Grotesk',sans-serif;font-size:22px;letter-spacing:-.035em;margin:9px 0 18px}.sequence-card button,.future-room button,.ingredient{display:block;width:100%;text-align:left;border:1px solid #c8dbd0;background:#fff;border-radius:10px;padding:12px 14px;margin:8px 0;color:var(--ink);font-weight:700;transition:.18s transform,.18s border-color,.18s background}.sequence-card button:hover,.future-room button:hover,.ingredient:hover{transform:translateX(4px);border-color:#59a780;background:#f5fff7}.button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.button-grid button{border:1px solid #c8dbd0;background:#fff;border-radius:11px;padding:13px;font-weight:700;color:var(--ink)}.button-grid button:hover{border-color:var(--green);background:#f0fbf3}.button-grid.compact{grid-template-columns:repeat(3,1fr)}.wrong-pick{border-color:#d68068!important;background:#fff1ed!important}.mission-icon,.case-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#d8f6df;font-size:34px;margin-bottom:13px}.power-bar{height:9px;background:#d8e5dc;border-radius:10px;overflow:hidden;margin:3px 0 19px}.power-bar i,.lab-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime));border-radius:10px;transition:width .25s}.win-panel,.escape-win{text-align:center;border:1px solid #b9dfc4;background:radial-gradient(circle at top,#efffec,#dff3e5);border-radius:18px;padding:35px 25px;font-size:46px}.win-panel h3,.escape-win h3{font-family:'Space Grotesk',sans-serif;font-size:28px;margin:12px 0 7px}.win-panel p,.escape-win p{font-size:14px;color:var(--muted);margin:0;line-height:1.55}.queue{display:flex;gap:7px;margin-bottom:15px}.queue i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e5ece7;color:#789086;font-style:normal;font-weight:700}.queue i.active{background:#ffe2a4;color:#704600;box-shadow:0 0 0 5px #fff2d4}.queue i.done{background:#bfe9ca;color:#166342}.dispatcher{background:linear-gradient(145deg,#f5f7fb,#e4eef3)}
.route-map{display:flex;align-items:center;justify-content:center;overflow:auto;padding:8px 2px 17px}.route-map>b{color:#94aea2;padding:0 4px}.route-node{flex:0 0 54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e8efea;border:2px solid #cbdad1;font-weight:800;color:#71847b;position:relative}.route-node.current{background:#fff0c8;border-color:#e6a94e;color:#7e4a00;box-shadow:0 0 0 6px #fff7e4}.route-node.passed{background:#c9eed1;border-color:#69bd82;color:#17643b}.route-node small{position:absolute;top:58px;width:80px;text-align:center;font-size:9px;line-height:1.1}.parcel{width:max-content;margin:25px auto 13px;background:var(--ink);color:white;padding:10px 15px;border-radius:10px;font-weight:700}.parcel span{font-size:10px;letter-spacing:.1em;margin-left:7px}.challenge-box{border:1px solid var(--line);background:#f9fbf9;border-radius:14px;padding:18px}.challenge-box p{font-size:17px;font-weight:700;margin:0 0 15px}
.cable-board{display:grid;grid-template-columns:1fr 36px 1fr;gap:8px;align-items:start}.cable-board h3{font-size:11px;letter-spacing:.15em;color:var(--muted)}.plug-card{display:block;width:100%;min-height:48px;text-align:left;border:1px solid var(--line);background:#f9fbf9;border-radius:10px;padding:10px;margin:7px 0;font-weight:700;color:var(--ink)}.plug-card.port{background:#f4f2fc}.plug-card.selected{border-color:#e39935;background:#fff2d3;box-shadow:0 0 0 3px #fff7e6}.plug-card.matched{border-color:#69bd82;background:#dff4e4;color:#17643b}.cable-lines{padding-top:36px}.cable-lines i{height:48px;display:block;border-bottom:2px dashed #cbdad3;margin-bottom:7px}
.emergency{background:#152a36;color:white;border-color:#294858}.emergency h3{color:white}.emergency button{background:#203d49;border-color:#49636d;color:#f2f8f5}.emergency button:hover{background:#2b5260}.vault-card{background:radial-gradient(circle at 20% 20%,#f4f8ee,#dce8dd)}.vault-door{font-size:38px;background:#1b3640;color:white;border-radius:14px;padding:18px;text-align:center;margin-bottom:16px}.vault-door i{font-size:13px;font-style:normal;color:#78908a;margin-left:8px}.vault-door i.open{color:var(--lime)}
.shop-brief{background:#fff2d8;border:1px solid #f1d28f;border-radius:15px;padding:17px;margin-bottom:12px}.shop-brief span{font-size:10px;letter-spacing:.15em;font-weight:800;color:#9a5a13}.shop-brief h3{margin:6px 0}.shop-brief p{margin:0;color:#76532a}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.product-grid button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px;text-align:left;display:flex;flex-direction:column;gap:7px;color:var(--ink)}.product-grid button:hover{border-color:var(--green);transform:translateY(-2px)}.product-grid small{color:var(--muted);line-height:1.4;min-height:39px}.product-grid strong{color:var(--green);margin-top:auto}.device-pic{font-size:34px;color:#4b8a71}
.lab-meter>div{height:8px;flex:1;background:#dce7df;border-radius:10px;overflow:hidden}.flask{display:flex;align-items:center;justify-content:center;gap:18px;font-size:44px;padding:13px}.flask code{font-size:17px;background:#142f3b;color:#d8ff9b;border-radius:8px;padding:10px 13px}.lab{background:linear-gradient(145deg,#eef9f5,#ede7fa)}
.case-file{border:1px solid #d7dfdb;border-radius:15px;background:#f5f2e9;padding:17px}.case-head{margin:0 0 11px}.case-head b{letter-spacing:0;color:#8b472f}.mock-mail{background:#fff;border:1px solid #d7d9d3;border-radius:10px;padding:15px;box-shadow:0 6px 18px #233d4610}.mock-mail small{color:var(--muted)}.mock-mail h3{font-size:18px;margin:8px 0}.mock-mail p{line-height:1.5;margin:0}.clue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.clue-grid button{border:1px solid #d4d8cd;background:#fff;border-radius:9px;padding:10px;text-align:left;font-weight:700;color:var(--ink)}.clue-grid button:hover{border-color:#b06a45;background:#fff5ed}
.escape-top{flex-direction:column;justify-content:center}.code-display{display:flex;gap:8px}.code-display span{width:45px;height:51px;display:grid;place-items:center;background:#102633;color:var(--lime);border-radius:9px;font-size:26px;letter-spacing:0}.future-room{background:linear-gradient(135deg,#132d39,#1c4b53);border-radius:18px;padding:24px;color:white;position:relative;overflow:hidden}.future-room:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #8dcbb044;border-radius:50%;right:-70px;top:-70px}.future-room h3{color:white;max-width:580px}.future-room small{color:#aee7c6;letter-spacing:.12em;font-weight:700}.future-room button{background:#234c56;border-color:#436b73;color:white;position:relative;z-index:1}.future-room button:hover{background:#2f626b}.room-number{position:absolute;right:20px;bottom:-12px;font-family:'Space Grotesk',sans-serif;font-size:90px;font-weight:800;color:#ffffff0d}.escape-win span{display:inline-block;background:#102633;color:var(--lime);padding:9px 20px;border-radius:10px;font-family:'Space Grotesk',sans-serif;letter-spacing:.25em;font-size:34px}
@media(max-width:650px){.button-grid,.button-grid.compact,.product-grid,.clue-grid{grid-template-columns:1fr}.cable-board{grid-template-columns:1fr 18px 1fr}.plug-card{font-size:11px;min-height:55px;padding:8px}.cable-lines{padding-top:36px}.route-map{justify-content:flex-start}.sequence-card{padding:16px}.product-grid small{min-height:auto}.future-room{padding:18px}.code-display span{width:38px;height:44px}}