:root{--ink:#192b4e;--purple:#653b83;--yellow:#f4e44a;--paper:#fffdf0;--coral:#fc957e}*{box-sizing:border-box}body{margin:0;background:#bbd568 url('../dyktanda/assets/green-paper.png');color:var(--ink);font:18px/1.5 'Trebuchet MS',Arial,sans-serif}header,main{max-width:1200px;margin:auto;padding:22px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{background:var(--ink);color:white;padding:12px 24px;text-decoration:none;font-size:28px;font-weight:900;transform:rotate(-1deg);clip-path:polygon(1% 5%,98% 0,100% 95%,0 100%);white-space:nowrap}.brand span,.brand b{color:var(--yellow)}.header-note{font-size:15px}h1,h2,p{margin:0 0 16px}h1{font-size:clamp(34px,5vw,66px);line-height:1.08;letter-spacing:-2px}h2{font-size:27px;line-height:1.15}h1 span{color:var(--purple)}a{color:inherit}.eyebrow,small{font-size:12px;letter-spacing:1.5px;font-weight:bold}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:15px 0 38px}.hero p:not(.eyebrow){font-size:23px}.paper-art{position:relative;min-width:280px;height:180px}.paper-art>*{position:absolute;background:var(--yellow);font-size:85px;line-height:1;padding:20px;box-shadow:5px 7px 0 #192b4e25;transform:rotate(-12deg)}.paper-art i{left:105px;top:50px;background:var(--purple);color:white;transform:rotate(9deg);font-style:normal}.paper-art em{left:195px;top:-10px;background:var(--coral);font-size:55px;transform:rotate(15deg);font-style:normal}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{position:relative;padding:28px 25px 24px;text-decoration:none;display:flex;flex-direction:column;min-width:0;box-shadow:7px 8px 0 #192b4e22;border:2px solid var(--ink);border-radius:1% 2% 1% 3%;transform:rotate(-.7deg);transition:transform .15s}.card:nth-child(even){transform:rotate(.7deg)}.card:hover{transform:translateY(-5px) rotate(0)}.card p{font-size:17px}.card strong{margin-top:auto;font-size:16px}.card small{font-size:10px;margin:14px 0}.yellow{background:var(--yellow)}.violet{background:#724990;color:white}.coral{background:var(--coral)}.cream{background:var(--paper)}.blue{background:#b1d8e4}.card-art{font-size:58px;font-weight:bold;line-height:1.2;letter-spacing:-3px;height:82px}.card-art span{display:inline-block;transform:rotate(20deg);margin-left:30px}.tiles-art{font-size:35px;letter-spacing:0;padding-top:15px}.snake-art{position:relative;color:var(--yellow);font-size:120px;line-height:.5;letter-spacing:0}.snake-art b{font-size:23px;position:absolute;left:94px;top:3px;color:var(--ink);background:var(--yellow);padding:4px 6px;border-radius:50%;transform:rotate(-15deg)}button,select,textarea,input{font:inherit;color:inherit}button,.back{min-height:46px;padding:10px 18px;border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 #192b4e25;border-radius:3px;cursor:pointer;text-decoration:none;font-weight:bold}button:hover:not(:disabled){background:var(--yellow)}button:disabled{cursor:default;opacity:.55;box-shadow:none}.primary{background:var(--yellow)}:focus-visible{outline:3px solid #b82e5d;outline-offset:4px}select,textarea{padding:10px;border:2px solid var(--ink);background:white;max-width:100%;border-radius:4px}textarea{display:block;width:100%;resize:vertical;min-height:120px;font-size:20px}label{font-size:15px;font-weight:bold;display:grid;gap:5px}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.game-heading h1{font-size:42px}.game-heading .back{font-size:15px;flex-shrink:0}.sheet{background:var(--paper);padding:28px;border:2px solid var(--ink);box-shadow:7px 7px 0 #192b4e22;margin:22px 0;min-width:0}.toolbar,.actions{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin-bottom:20px}.toolbar{padding:16px;background:#d8e7a0}.status{min-height:56px;margin:16px 0;font-size:20px}.prompt{font-size:clamp(32px,5vw,58px);text-align:center;overflow-wrap:anywhere;line-height:1.3;margin:30px 0}.prompt .gap{color:var(--purple);border-bottom:4px dashed var(--purple);padding:0 8px}.choices{display:flex;justify-content:center;gap:22px}.choices button{font-size:38px;min-width:110px;min-height:85px;background:var(--yellow);transform:rotate(-2deg)}.choices button:nth-child(2){background:var(--coral);transform:rotate(2deg)}.session-status{font-size:15px;margin:0;color:#3a4b5b}.feedback{padding:16px;border-left:5px solid var(--purple);background:#f0e8f5}.feedback.success{border-color:#32611b;background:#e8f1d6}.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;min-height:72px;padding:15px}.chips button{font-size:25px;min-width:65px;background:var(--yellow)}.assembly{background:#e9e4cb;border:2px dashed #867f65;min-height:96px}.assembly button{background:#fffdf0}.sentence{font-size:clamp(23px,3vw,34px);line-height:1.5;padding:20px;background:#f6efc5;min-height:130px;overflow-wrap:anywhere}.sentence.hidden-sentence{font-size:22px;color:#4b5362;text-align:center;display:grid;place-items:center}.timer{width:100%;height:12px;accent-color:var(--purple)}.error-list li{margin:10px 0}.error-list{padding-left:22px}.snake-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px}.snake-board{position:relative}.snake-board canvas{width:100%;height:auto;display:block;border:3px solid var(--ink);border-radius:4px;background:#f0edce;touch-action:none}.snake-overlay{position:absolute;inset:0;background:#fffdf0b8;display:grid;place-content:center;text-align:center;padding:20px;pointer-events:none;font-size:24px;font-weight:bold}.snake-overlay[hidden]{display:none}.dpad{display:grid;grid-template-columns:repeat(3,55px);gap:7px;justify-content:center;margin:20px 0}.dpad button{font-size:25px;min-height:53px;padding:5px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.snake-sidebar p{font-size:15px}.snake-sidebar .actions{justify-content:center}.snake-sidebar label{margin:15px 0}.snake-prompt{font-size:34px;margin:10px 0 20px}.lesson-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px}.lesson-menu{display:flex;flex-direction:column;gap:9px}.lesson-menu button{text-align:left;font-size:16px}.lesson-menu button[aria-pressed=true]{background:var(--yellow)}.lesson p{max-width:70ch}.example{font-size:24px;background:#f4edbd;padding:18px;border-left:5px solid var(--purple)}.lesson .source{font-size:13px}.mini-check{margin-top:28px;border-top:2px dashed #c4bfa8;padding-top:20px}footer{border-top:2px dashed #658338;margin-top:42px;padding:24px 0;font-size:13px;display:flex;gap:20px;justify-content:space-between}footer span{white-space:nowrap}[hidden]{display:none!important}#load-status{font-size:15px}#load-status:empty{display:none}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.snake-layout{grid-template-columns:1fr}.snake-sidebar{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;align-items:center}.snake-sidebar p{max-width:260px}.paper-art{transform:scale(.8);transform-origin:right center;min-width:240px}.lesson-layout{grid-template-columns:1fr}.lesson-menu{flex-direction:row;flex-wrap:wrap}.game-heading{align-items:start}.header-note{display:none}}@media(max-width:520px){header,main{padding:15px}.brand{font-size:24px;padding:10px 20px}.hero{margin:8px 0 25px}.hero p:not(.eyebrow){font-size:19px}.paper-art{display:none}.cards{grid-template-columns:1fr;gap:18px}.card{min-height:225px;padding:20px 23px}.card-art{height:65px}.card h2{margin-bottom:10px}.sheet{padding:17px;margin-top:15px}.game-heading{display:block}.game-heading h1{font-size:34px;margin-bottom:20px}.back{display:inline-block;margin-bottom:15px}.toolbar{padding:12px}.toolbar label{flex:1 1 135px}.toolbar select{width:100%}.snake-prompt{font-size:29px}.choices{gap:15px}.lesson-menu button{flex:1 1 125px}.example{font-size:21px}footer{display:block}footer span{display:block;margin-top:12px}.snake-sidebar{gap:5px}.snake-sidebar p{max-width:none}.sentence{padding:15px}.prompt{margin:24px 0}.chips{padding:10px;gap:10px}.chips button{font-size:23px}.actions button{flex-grow:1}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.memory-source{user-select:none;-webkit-user-select:none}.scoreboard{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:18px}.scoreboard>span{color:#a52944;font-weight:bold}.snake-feedback{min-height:42px;font-size:16px;margin:8px 0}.snake-feedback p{margin:0;padding:8px 12px}.snake-sheet .snake-prompt{margin:10px 0}.snake-sheet details{font-size:14px}.snake-sheet summary{cursor:pointer;min-height:44px;padding-top:10px}.game-mode header{padding-top:12px;padding-bottom:12px}.game-mode .portal-nav{margin-bottom:6px}.game-mode main{padding-top:12px}.game-mode .game-heading h1{font-size:34px;margin-bottom:12px}.game-mode .eyebrow{margin-bottom:6px}.game-mode .toolbar{margin:10px 0;padding:10px}.game-mode .sheet{margin:12px 0;padding:20px}.snake-focus header,.snake-focus .portal-nav,.snake-focus .game-heading,.snake-focus #game-intro,.snake-focus footer{display:none}.snake-focus main{max-width:1280px;padding-top:5px}.snake-focus .toolbar{margin:0;padding:5px}.snake-focus .snake-sheet{margin:8px 0}.snake-focus .snake-board{max-width:calc((100svh - 245px)*1.6667)}.snake-focus .snake-layout{grid-template-columns:minmax(0,1fr) 230px}.snake-focus .snake-sidebar p{font-size:13px}.snake-focus .snake-sidebar .dpad{margin:10px 0}@media(max-width:850px){.snake-focus .snake-layout{grid-template-columns:1fr}.snake-focus .snake-board{max-width:100%}}@media(max-width:520px){.game-mode .sheet{padding:12px}.game-mode .game-heading h1{font-size:30px}.scoreboard{font-size:15px;gap:5px}.snake-focus .snake-sidebar p{display:none}.snake-focus .snake-sidebar{justify-content:space-around}.snake-focus .snake-sidebar .dpad{margin:8px 0}.snake-sheet .snake-prompt{font-size:29px}.snake-focus .toolbar label{flex-basis:100px}.snake-focus .toolbar button{font-size:14px}.snake-focus .snake-sheet{padding:10px}.game-mode .back{min-height:44px}.game-mode .snake-sidebar p{font-size:14px}}