:root{--nine-green:#54b936;--nine-green-dark:#2e7f25;--nine-black:#090b09;--nine-cream:#f6f5ef;--nine-line:#d7d8d1}.ninecode-page{min-height:100dvh;color:var(--nine-black);background:radial-gradient(circle at 12% 12%, #54b93614, transparent 23%), var(--nine-cream);overflow-x:clip}.ninecode-header{border-bottom:2px solid var(--nine-black);letter-spacing:.04em;text-transform:uppercase;background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:64px;padding:0 clamp(18px,4vw,54px);font-size:15px;font-weight:900;display:grid}.ninecode-header span{letter-spacing:.12em;font-size:18px}.ninecode-header a:hover{color:var(--nine-green-dark)}.ninecode-header-actions{justify-self:end;align-items:center;gap:14px;display:flex}.ninecode-header-shop{border:2px solid var(--nine-black);background:var(--nine-green);padding:9px 13px;line-height:1}.ninecode-header-shop:hover{background:#fff}.ninecode-landing,.ninecode-samples,.ninecode-beta-library,.ninecode-how-to,.ninecode-ready,.ninecode-game,.ninecode-result{width:min(1120px,100% - 32px);margin:0 auto}.ninecode-landing{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(30px,6vw,90px);min-height:calc(100dvh - 64px);padding:54px 0 66px;display:grid}.ninecode-kicker,.ninecode-section-heading>p{color:var(--nine-green-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}.ninecode-hero-copy h1,.ninecode-result h1{letter-spacing:-.07em;text-transform:uppercase;margin:0;font-size:clamp(54px,8vw,104px);line-height:.84}.ninecode-hero-copy h1 span{color:var(--nine-green)}.ninecode-hero-copy>p:not(.ninecode-kicker){max-width:540px;margin:28px 0 0;font-size:clamp(18px,2vw,23px);line-height:1.45}.ninecode-hero-copy small{color:#555;margin-top:16px;font-weight:700;display:block}.ninecode-landing-actions{align-items:center;gap:20px;margin-top:30px;display:flex}.ninecode-landing-actions button,.ninecode-primary{border:2px solid var(--nine-black);background:var(--nine-green);min-height:52px;color:var(--nine-black);box-shadow:5px 5px 0 var(--nine-black);cursor:pointer;font:inherit;letter-spacing:.04em;text-transform:uppercase;padding:0 22px;font-size:14px;font-weight:900}.ninecode-landing-actions button:hover,.ninecode-primary:hover{box-shadow:7px 7px 0 var(--nine-black);transform:translate(-1px,-1px)}.ninecode-text-button{border:0!important;border-bottom:2px solid var(--nine-black)!important;min-height:auto!important;box-shadow:none!important;background:0 0!important;padding:8px 0!important}.ninecode-landing-secondary{grid-template-columns:1fr 1fr;gap:10px;max-width:580px;margin-top:28px;display:grid}.ninecode-landing-secondary button,.ninecode-landing-secondary a{border:2px solid var(--nine-black);min-height:56px;color:var(--nine-black);font:inherit;letter-spacing:.035em;text-align:left;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;font-weight:900;display:flex}.ninecode-landing-secondary button{background:#fff}.ninecode-landing-secondary a{box-shadow:5px 5px 0 var(--nine-black);background:#ffd84c}.ninecode-landing-secondary>a{grid-column:1/-1}.ninecode-landing-secondary button:hover,.ninecode-landing-secondary a:hover{transform:translate(-1px,-1px)}.ninecode-landing-secondary .ninecode-beta-entry{grid-column:1/-1}.ninecode-mark-wrap{place-items:center;display:grid;position:relative}.ninecode-mark-wrap:before{content:"";background:var(--nine-green);border:3px solid var(--nine-black);position:absolute;inset:10% -5% -3% 12%;transform:rotate(4deg)}.ninecode-hero-tile-grid{border:3px solid var(--nine-black);background:var(--nine-black);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,1vw,10px);width:min(100%,470px);padding:clamp(9px,1.5vw,16px);display:grid;position:relative;transform:rotate(-2deg);box-shadow:12px 14px #090b092e}.ninecode-hero-tile-grid img{width:100%;height:auto;display:block}.ninecode-how-to,.ninecode-samples,.ninecode-beta-library{padding:40px 0 70px}.ninecode-sample-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ninecode-sample-list article{border:2px solid var(--nine-black);box-shadow:7px 7px 0 var(--nine-green);background:#fff;padding:clamp(22px,4vw,36px)}.ninecode-sample-list article>span{color:var(--nine-green-dark);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.ninecode-sample-list h2{text-transform:uppercase;margin:11px 0 9px;font-size:clamp(25px,3vw,38px);line-height:1}.ninecode-sample-list p{color:#555;max-width:450px;margin:0 0 24px;line-height:1.5}.ninecode-back{border:0;border-bottom:2px solid var(--nine-black);cursor:pointer;font:inherit;background:0 0;padding:8px 0;font-weight:900}.ninecode-section-heading{margin:34px 0 24px}.ninecode-section-heading h1,.ninecode-section-heading h2{letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(34px,5vw,62px);line-height:1}.ninecode-steps{grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 24px;display:grid}.ninecode-steps article{border:2px solid var(--nine-black);min-height:190px;box-shadow:5px 5px 0 var(--nine-green);background:#fff;padding:22px}.ninecode-steps article>span,.ninecode-panel-label>span{background:var(--nine-black);color:#fff;place-items:center;width:35px;height:35px;margin-bottom:18px;font-weight:900;display:grid}.ninecode-steps h2{text-transform:uppercase;margin:0 0 8px;font-size:20px}.ninecode-steps p{color:#4e4e4e;margin:0;line-height:1.55}.ninecode-how-to>.ninecode-primary{margin:30px auto 0;display:block}.ninecode-beta-intro{color:#555;max-width:760px;margin:-8px 0 28px;font-size:17px;line-height:1.55}.ninecode-beta-browser{grid-template-columns:minmax(280px,.9fr) minmax(260px,1.1fr);align-items:stretch;gap:18px;display:grid}.ninecode-beta-controls,.ninecode-beta-preview{border:2px solid var(--nine-black);background:#fff;padding:clamp(20px,4vw,34px)}.ninecode-beta-controls{flex-direction:column;align-items:stretch;display:flex}.ninecode-beta-controls label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:900}.ninecode-beta-controls select{border:2px solid var(--nine-black);background:var(--nine-cream);width:100%;min-height:52px;color:var(--nine-black);font:inherit;border-radius:0;padding:0 42px 0 14px;font-size:14px;font-weight:800}.ninecode-beta-details{border-left:6px solid var(--nine-green);background:#ecf7e8;margin:22px 0;padding:18px}.ninecode-beta-details span,.ninecode-beta-preview>p{color:var(--nine-green-dark);letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:900;display:block}.ninecode-beta-details strong{text-transform:uppercase;font-size:clamp(24px,4vw,38px);line-height:1;display:block}.ninecode-beta-details p{color:#555;margin:8px 0 0;font-weight:700}.ninecode-beta-controls .ninecode-primary{width:100%}.ninecode-beta-controls small{color:#666;text-align:center;margin-top:14px;font-size:12px;font-weight:700}.ninecode-beta-preview{box-shadow:7px 7px 0 var(--nine-green);align-content:start;justify-items:center;display:grid}.ninecode-beta-preview>p{justify-self:start}.ninecode-beta-preview .ninecode-clue-sheet{width:min(100%,190px);max-width:190px;padding:20px 22px}.ninecode-beta-result-note{border-left:5px solid var(--nine-green);background:#ecf7e8;margin:18px 0;padding:13px 16px;line-height:1.45}.ninecode-how-to-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040704c2;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ninecode-how-to-modal{border:3px solid var(--nine-black);background:var(--nine-cream);width:min(940px,100%);max-height:calc(100dvh - 32px);box-shadow:10px 12px 0 var(--nine-green);padding:clamp(24px,4vw,40px);position:relative;overflow-y:auto}.ninecode-how-to-modal .ninecode-section-heading{margin:0 50px 24px 0}.ninecode-how-to-close{z-index:2;border:2px solid var(--nine-black);background:var(--nine-green);width:40px;height:40px;color:var(--nine-black);box-shadow:3px 3px 0 var(--nine-black);cursor:pointer;font:inherit;font-size:24px;font-weight:900;line-height:1;position:absolute;top:14px;right:14px}.ninecode-how-to-return{margin:28px auto 0;display:block}.ninecode-ready{text-align:center;max-width:860px;padding:clamp(54px,9vw,110px) 0 80px}.ninecode-ready>.ninecode-kicker{margin-bottom:20px}.ninecode-ready-card{border:3px solid var(--nine-black);box-shadow:11px 11px 0 var(--nine-green);background:#fff;padding:clamp(42px,7vw,76px) clamp(24px,7vw,78px);position:relative;overflow:hidden}.ninecode-ready-card:before{content:"";pointer-events:none;border:2px solid #ffd84c;position:absolute;inset:16px}.ninecode-ready-clock{border:4px solid var(--nine-black);width:112px;height:112px;box-shadow:6px 6px 0 var(--nine-green);background:#ffd84c;border-radius:50%;place-items:center;margin:0 auto 26px;font-size:36px;font-weight:900;line-height:1;display:grid;position:relative}.ninecode-ready h1{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(45px,7vw,78px);line-height:.9;position:relative}.ninecode-ready h1 span{color:var(--nine-green-dark)}.ninecode-ready-card>p{color:#4b4b4b;max-width:590px;margin:24px auto 30px;font-size:clamp(16px,2vw,20px);line-height:1.5;position:relative}.ninecode-ready-start{min-width:190px;font-size:17px;position:relative}.ninecode-ready-card>.ninecode-text-button{margin:23px auto 0;display:block;position:relative}.ninecode-failed-screen .ninecode-ready-card{box-shadow-color:#be2626}.ninecode-failed-screen .ninecode-ready-card:before{border-color:#be2626}.ninecode-failed-screen h1{color:#be2626;font-size:clamp(58px,10vw,104px)}.ninecode-failed-count{color:#fff;box-shadow-color:#ffd84c;background:#be2626;flex-direction:column;justify-content:center;gap:1px;width:112px;height:112px;display:flex}.ninecode-failed-count small{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.ninecode-failed-count strong{font-size:46px;line-height:.9}.ninecode-next-attempt{color:#666;letter-spacing:.07em;text-transform:uppercase;margin-top:21px;font-size:11px;font-weight:900;display:block;position:relative}.ninecode-decoder{border:2px solid var(--nine-black);color:#fff;background:#0b0d0b;margin-top:24px;padding:24px}.ninecode-decoder .ninecode-section-heading{margin:0 0 18px}.ninecode-decoder .ninecode-section-heading h2{font-size:clamp(28px,4vw,46px)}.decoder-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.decoder-grid>div{background:#151a14;border:1px solid #486341;align-items:center;gap:12px;min-height:66px;padding:10px 12px;display:flex}.decoder-grid .ninecode-symbol{--nine-symbol-color:var(--nine-green);flex:0 0 32px;width:32px;height:32px}.decoder-grid span{font-size:13px;font-weight:800}.decoder-grid .decoder-between{grid-column:span 3}.decoder-grid .decoder-between b{min-width:95px;font-size:18px}.ninecode-game{padding:26px 0 70px}.ninecode-game-topbar{background:var(--nine-black);color:#fff;grid-template-columns:1fr auto auto auto auto auto;gap:10px;margin-bottom:18px;padding:14px 18px;display:grid}.ninecode-game-topbar div{align-items:baseline;gap:8px;display:flex}.ninecode-game-topbar div:not(:first-child){border-left:1px solid #4b514a;padding-left:18px}.ninecode-game-topbar span{color:#b7bdb4;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.ninecode-game-topbar b{font-size:16px}.ninecode-game-topbar .ninecode-time-urgent b{color:#ffd84c;animation:.7s ease-in-out infinite alternate ninecode-timer-pulse}@keyframes ninecode-timer-pulse{to{color:#fff;transform:scale(1.12)}}.ninecode-game-topbar>button{border:2px solid var(--nine-black);background:var(--nine-green);min-height:36px;color:var(--nine-black);cursor:pointer;font:inherit;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;font-size:11px;font-weight:900}.ninecode-game-topbar>button:hover{background:#fff}.ninecode-game-topbar>button:disabled{color:#ddd;cursor:not-allowed;background:#777}.ninecode-game-topbar>button:disabled:hover{background:#777}.ninecode-play-area{grid-template-columns:minmax(240px,.72fr) minmax(480px,1.28fr);align-items:start;gap:18px;display:grid}.ninecode-card-panel,.ninecode-grid-panel{border:2px solid var(--nine-black);background:#fff;min-width:0;padding:clamp(18px,3vw,30px)}.ninecode-panel-label{align-items:center;gap:12px;margin-bottom:18px;display:flex}.ninecode-panel-label>span{background:var(--nine-green);color:var(--nine-black);flex:none;margin:0}.ninecode-panel-label p{color:#666;letter-spacing:.09em;text-transform:uppercase;margin:0 0 2px;font-size:10px;font-weight:900}.ninecode-panel-label h1,.ninecode-panel-label h2{text-transform:uppercase;margin:0;font-size:23px;line-height:1}.ninecode-card{border:2px solid var(--nine-black);image-rendering:auto;width:min(100%,230px);height:auto;margin:0 auto;display:block}.ninecode-clue-sheet{border:2px solid var(--nine-black);width:100%;max-width:150px;box-shadow:6px 6px 0 var(--nine-green);background:#fff;gap:5px;margin:0 auto;padding:17px 18px;font-family:Work Sans,Arial,Helvetica,sans-serif;display:grid}.ninecode-card-back{aspect-ratio:1;border:3px solid var(--nine-black);background:var(--nine-black);color:#fff;width:min(100%,190px);box-shadow:7px 7px 0 var(--nine-green);cursor:pointer;font:inherit;text-align:center;text-transform:uppercase;margin:0 auto;padding:18px;transition:transform .14s,box-shadow .14s;display:block}.ninecode-card-back:hover{transform:translate(-2px,-2px);box-shadow:10px 10px #fff}.ninecode-card-back-copy{place-content:center;justify-items:center;gap:18px;width:100%;height:100%;display:grid}.ninecode-card-back-copy strong{letter-spacing:.06em;font-size:clamp(20px,3vw,31px);font-weight:900}.ninecode-card-back-copy b{background:var(--nine-green);min-width:110px;color:var(--nine-black);letter-spacing:.04em;border:2px solid #fff;padding:9px 14px;font-size:23px;line-height:1}.ninecode-card-back-copy small{color:#fff;letter-spacing:.1em;font-size:8px;font-weight:900}.ninecode-clue-row{text-align:center;grid-template-columns:repeat(3,clamp(24px,2.75vw,40px));justify-content:center;align-items:center;min-height:34px;transition:background-color .14s,box-shadow .14s;display:grid;position:relative}.ninecode-clue-row.is-met{box-shadow:inset 3px 0 0 var(--nine-green);background:#4fbe3821;border-radius:3px}.ninecode-clue-row.is-met:after{content:"✓";color:#287b20;font-size:13px;font-weight:900;position:absolute;right:-10px}.ninecode-clue-row span{font-size:29px;font-weight:700;line-height:1}.ninecode-clue-row-between{grid-template-columns:clamp(24px,2.75vw,40px) minmax(62px,auto);column-gap:4px}.ninecode-clue-row-between b{text-align:left;font-size:22px;font-weight:700;line-height:1}.ninecode-symbol{--nine-symbol-color:var(--nine-black);width:28px;height:28px;font-size:0;line-height:0;display:inline-block;position:relative}.ninecode-symbol:before{content:"";background:var(--nine-symbol-color);position:absolute;inset:0}.ninecode-symbol-center:before{inset:29%}.ninecode-symbol-top-left:before{clip-path:polygon(0 0,100% 0,0 100%)}.ninecode-symbol-top-right:before{clip-path:polygon(0 0,100% 0,100% 100%)}.ninecode-symbol-bottom-left:before{clip-path:polygon(0 0,0 100%,100% 100%)}.ninecode-symbol-bottom-right:before{clip-path:polygon(100% 0,100% 100%,0 100%)}.ninecode-symbol-above:before{clip-path:polygon(50% 0,100% 100%,0 100%)}.ninecode-symbol-below:before{clip-path:polygon(0 0,100% 0,50% 100%)}.ninecode-symbol-left:before{clip-path:polygon(0 50%,100% 0,100% 100%)}.ninecode-symbol-right:before{clip-path:polygon(0 0,100% 50%,0 100%)}.ninecode-clue-row .ninecode-symbol{justify-self:center}.ninecode-decoder-toggle{border:0;border-bottom:2px solid var(--nine-black);cursor:pointer;font:inherit;text-transform:uppercase;background:0 0;margin:16px auto 0;padding:8px 2px;font-size:12px;font-weight:900;display:block}.ninecode-helper{color:#5a5a5a;margin:-4px 0 15px;font-size:13px}.ninecode-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:min(100%,525px);min-width:0;max-width:100%;margin:0 auto;display:grid}.ninecode-tile-grid button{aspect-ratio:1;cursor:grab;touch-action:none;background:0 0;border:3px solid #0000;min-width:0;padding:0;transition:transform .12s,border-color .12s,opacity .12s}.ninecode-tile-grid button:active{cursor:grabbing}.ninecode-tile-grid button:hover{transform:translateY(-2px)}.ninecode-tile-grid button:disabled{cursor:not-allowed;opacity:.62}.ninecode-tile-grid button:disabled:hover{transform:none}.ninecode-tile-grid button.selected{border-color:var(--nine-green);outline:3px solid var(--nine-black);outline-offset:2px;transform:translateY(-3px)scale(.97)}.ninecode-tile-grid button.dragging{z-index:2;opacity:.68;transform:scale(.96)}.ninecode-tile-grid button.drag-over{border-color:var(--nine-green);outline:3px solid var(--nine-black);outline-offset:2px;transform:translateY(-3px)scale(.97)}.ninecode-tile-grid img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.ninecode-feedback{background:#fff0ef;border-left:5px solid #be2626;margin:14px 0 0;padding:11px 13px;font-size:13px;font-weight:800}.ninecode-grid-actions{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.ninecode-grid-actions button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.ninecode-result{text-align:center;max-width:760px;padding:58px 0 76px}.ninecode-unlocked{background:var(--nine-green);border:2px solid var(--nine-black);box-shadow:4px 4px 0 var(--nine-black);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;padding:8px 13px;font-size:12px;font-weight:900;display:inline-block;transform:rotate(-2deg)}.ninecode-result h1{font-size:clamp(49px,9vw,88px)}.ninecode-result-summary{margin:22px 0 26px;font-size:18px}.ninecode-result-grid{border:2px solid var(--nine-black);background:#fff;grid-template-columns:repeat(3,1fr);display:grid}.ninecode-result-grid div{align-content:center;gap:5px;min-height:104px;padding:17px 10px;display:grid}.ninecode-result-grid div+div{border-left:1px solid var(--nine-line)}.ninecode-result-grid strong{font-size:35px}.ninecode-result-grid span,.ninecode-community-stats span{color:#666;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:900}.ninecode-community-stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.ninecode-community-stats div{border:1px solid var(--nine-black);background:#fff;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.ninecode-community-stats b{font-size:20px}.ninecode-attempt-stats{border:2px solid var(--nine-black);text-align:left;background:#fff;margin:24px 0 20px;padding:22px;box-shadow:7px 7px #ffd84c}.ninecode-attempt-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px;display:flex}.ninecode-attempt-heading .ninecode-kicker{margin:0 0 4px}.ninecode-attempt-heading h2{text-transform:uppercase;margin:0;font-size:clamp(20px,3vw,28px)}.ninecode-attempt-heading>span{color:#666;font-size:12px;font-weight:800}.ninecode-attempt-grid{border:2px solid var(--nine-black);grid-template-columns:repeat(5,1fr);display:grid}.ninecode-attempt-grid div{text-align:center;gap:3px;min-width:0;padding:15px 8px;display:grid}.ninecode-attempt-grid div+div{border-left:1px solid var(--nine-line)}.ninecode-attempt-grid div.current{box-shadow:inset 0 -5px 0 var(--nine-green);background:#ffd84c}.ninecode-attempt-grid strong{font-size:clamp(20px,4vw,30px)}.ninecode-attempt-grid span{color:#555;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:900}.ninecode-attempt-empty{background:var(--nine-cream);color:#555;text-align:center;margin:0;padding:16px;font-size:14px}.ninecode-saved{border-left:5px solid var(--nine-green);background:#ecf7e8;margin:18px 0;padding:13px 16px;line-height:1.45}.ninecode-result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.ninecode-result-actions a{border-bottom:2px solid var(--nine-black);padding:9px 0;font-size:13px;font-weight:900}.ninecode-share-status{margin-top:12px;font-weight:900}.ninecode-shop{border:2px solid var(--nine-black);background:#fff6bd;margin:34px auto 0;padding:18px;font-weight:900;display:block}.ninecode-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:820px){.ninecode-landing{grid-template-columns:1fr;padding-top:38px}.ninecode-mark-wrap{width:min(82vw,440px);margin:0 auto}.ninecode-steps{grid-template-columns:1fr}.ninecode-steps article{min-height:auto}.ninecode-play-area{grid-template-columns:minmax(155px,.48fr) minmax(0,1fr);gap:12px}.ninecode-card-panel{display:block}.ninecode-clue-sheet{width:100%;padding-inline:12px}}@media (max-width:560px){.ninecode-header{grid-template-columns:1fr 1fr;min-height:58px}.ninecode-header span{display:none}.ninecode-header-actions{gap:9px;font-size:13px}.ninecode-header-shop{padding:8px 10px}.ninecode-landing,.ninecode-samples,.ninecode-beta-library,.ninecode-how-to,.ninecode-ready,.ninecode-game,.ninecode-result{width:min(100% - 22px,1120px)}.ninecode-landing{gap:40px;min-height:auto;padding:34px 0 52px}.ninecode-hero-copy h1{font-size:clamp(50px,18vw,76px)}.ninecode-hero-copy>p:not(.ninecode-kicker){margin-top:20px;font-size:17px}.ninecode-landing-actions{flex-direction:column;align-items:stretch;gap:12px}.ninecode-landing-actions button{width:100%}.ninecode-text-button{margin:0 auto;width:max-content!important}.ninecode-landing-secondary{grid-template-columns:1fr}.ninecode-landing-secondary button,.ninecode-landing-secondary a{width:100%}.ninecode-sample-list,.ninecode-beta-browser{grid-template-columns:1fr}.decoder-grid{grid-template-columns:1fr 1fr}.decoder-grid .decoder-between{grid-column:span 2}.ninecode-game{padding-top:12px}.ninecode-game-topbar{grid-template-columns:repeat(4,minmax(0,1fr));padding:11px}.ninecode-game-topbar div:first-child{grid-column:1/-1}.ninecode-game-topbar div{gap:1px;display:grid}.ninecode-game-topbar div:not(:first-child){padding-left:9px}.ninecode-game-topbar b{font-size:13px}.ninecode-game-topbar>button{grid-column:1/-1;margin-top:5px}.ninecode-play-area{grid-template-columns:minmax(96px,108px) minmax(0,1fr);gap:7px;width:100%}.ninecode-card-panel,.ninecode-grid-panel{padding:8px}.ninecode-panel-label{gap:6px;margin-bottom:10px}.ninecode-panel-label>span{width:27px;height:27px;font-size:11px}.ninecode-panel-label p{letter-spacing:.05em;font-size:7px}.ninecode-panel-label h1,.ninecode-panel-label h2{font-size:15px}.ninecode-clue-sheet{box-shadow:3px 3px 0 var(--nine-green);gap:3px;padding:9px 5px}.ninecode-card-back{width:100%;box-shadow:3px 3px 0 var(--nine-green);border-width:2px;padding:7px}.ninecode-card-back-copy{gap:7px}.ninecode-card-back-copy strong{letter-spacing:.02em;font-size:clamp(10px,3.2vw,15px)}.ninecode-card-back-copy b{border-width:1px;min-width:0;padding:5px 8px;font-size:clamp(12px,4vw,18px)}.ninecode-card-back-copy small{letter-spacing:.02em;font-size:6px}.ninecode-clue-row{min-height:23px}.ninecode-clue-row.is-met:after{font-size:10px;right:-4px}.ninecode-clue-row span{font-size:18px}.ninecode-clue-row-between{grid-template-columns:22px minmax(42px,auto)}.ninecode-clue-row-between b{font-size:14px}.ninecode-clue-row .ninecode-symbol{width:18px;height:18px}.ninecode-decoder-toggle{margin-top:11px;font-size:8px;line-height:1.3}.ninecode-helper{margin-bottom:9px;font-size:10px;line-height:1.35}.ninecode-tile-grid{gap:4px}.ninecode-grid-actions{align-items:stretch}.ninecode-grid-actions .ninecode-primary{width:100%}.ninecode-grid-actions{gap:8px;margin-top:12px}.ninecode-grid-actions .ninecode-primary{min-height:44px;padding-inline:7px;font-size:10px}.ninecode-result{padding-top:40px}.ninecode-result-grid strong{font-size:28px}.ninecode-result-actions{flex-direction:column}.ninecode-result-actions .ninecode-primary{width:100%}.ninecode-ready{padding-top:38px}.ninecode-ready-card{box-shadow:8px 8px 0 var(--nine-green);padding:38px 20px}.ninecode-failed-screen .ninecode-ready-card{box-shadow-color:#be2626}.ninecode-ready-card:before{inset:10px}.ninecode-ready h1{font-size:clamp(42px,13vw,62px)}.ninecode-ready-clock{width:94px;height:94px;font-size:30px}.ninecode-attempt-stats{padding:15px 10px}.ninecode-attempt-heading{flex-direction:column;align-items:start;gap:5px}.ninecode-attempt-grid div{padding:12px 3px}.ninecode-how-to-overlay{padding:10px;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom))}.ninecode-how-to-modal{max-height:calc(100dvh - 72px);padding:24px 14px 20px}.ninecode-how-to-modal .ninecode-section-heading h1{font-size:40px}.ninecode-how-to-modal .ninecode-decoder{padding:14px 10px}.ninecode-how-to-return{width:100%}}@media (max-width:820px){.ninecode-landing{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px}.ninecode-mark-wrap{width:100%;margin:0}}@media (max-width:560px){.ninecode-landing{grid-template-columns:minmax(0,1.12fr) minmax(116px,.88fr);align-items:start;gap:6px 12px;padding:24px 0 42px}.ninecode-hero-copy{display:contents}.ninecode-kicker,.ninecode-hero-copy h1,.ninecode-hero-copy>p:not(.ninecode-kicker){grid-column:1}.ninecode-kicker{grid-row:1;margin-bottom:8px;font-size:9px}.ninecode-hero-copy h1{grid-row:2;font-size:clamp(32px,10.5vw,44px)}.ninecode-hero-copy>p:not(.ninecode-kicker){grid-row:3}.ninecode-landing-actions{grid-area:4/1/auto/-1}.ninecode-hero-copy>p:not(.ninecode-kicker){margin-top:14px;font-size:13px;line-height:1.4}.ninecode-landing-actions{text-align:center;gap:6px;margin-top:4px}.ninecode-landing-actions button{text-align:center;justify-content:center;gap:8px;min-height:46px;padding-inline:10px;font-size:11px}.ninecode-text-button{font-size:11px!important}.ninecode-hero-copy small,.ninecode-landing-secondary{grid-column:1/-1}.ninecode-hero-copy small{text-align:center;grid-row:5;margin-top:4px;font-size:11px;line-height:1.35}.ninecode-landing-secondary{text-align:center;grid-row:6;gap:6px;margin-top:4px}.ninecode-landing-secondary button,.ninecode-landing-secondary a{text-align:center;justify-content:center;gap:8px;min-height:44px;padding:8px;font-size:10px}.ninecode-mark-wrap{grid-area:1/2/4;align-self:center;margin-top:0}.ninecode-hero-tile-grid{border-width:2px;gap:3px;padding:6px}}