:root{--cream:#f6f0df;--paper:#fbf6e8;--ink:#67482f;--line:#8a6347;--wood:#b98c5f;--wood-light:#d2ab7c;--sage:#9db87a;--sage-dark:#668b4f;--straw:#e9d488;--terra:#c96f4a;--el:#4f7fa6;--la:#c96f4a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:linear-gradient(#f8f1df 0%,#edf0cf 44%,#9db87a 100%);font-family:Trebuchet MS,Verdana,sans-serif}button{font:inherit;color:inherit;touch-action:manipulation}.story,h1,h2,button{font-family:Chalkboard SE,Comic Sans MS,Marker Felt,Trebuchet MS,cursive}#app,#game-root,#hud-root{position:fixed;inset:0}#game-root canvas{display:block}#hud-root{pointer-events:none}.topbar{pointer-events:auto;border:3px solid var(--line);background:linear-gradient(180deg, var(--wood-light), var(--wood));border-radius:16px;align-items:center;gap:8px;width:min(980px,100vw - 20px);padding:8px 12px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px #67482f3d}.topbar h1{color:#fff8ea;text-shadow:0 2px #67482f6b;margin:0 auto 0 0;font-size:24px}.pill{border:2px solid var(--line);background:var(--paper);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:5px 12px;font-weight:800;display:inline-flex}.pill img{object-fit:contain;width:24px;height:24px}button.pill{cursor:pointer}.pill.on{background:#dde8cb}#goal-pill{text-overflow:ellipsis;max-width:300px;overflow:hidden}.panel{pointer-events:auto;border:3px solid var(--line);background:var(--paper);border-radius:16px;width:min(820px,100vw - 24px);max-height:min(42vh,330px);padding:12px;position:absolute;bottom:14px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 6px #67482f3d}.panel-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.panel h2{margin:0;font-size:22px;line-height:1.1}.panel p{margin:4px 0 0}.gloss,.panel p,.verb-button em{color:#9d8268;font-family:Georgia,serif;font-style:italic}.g-el{color:var(--el);font-weight:900}.g-la{color:var(--la);font-weight:900}.status{color:var(--sage-dark);font-size:16px}.actions{flex-wrap:wrap;gap:8px;display:flex}.verb-button{border:3px solid var(--line);background:linear-gradient(180deg, #f3e3a9, var(--straw));cursor:pointer;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:38px minmax(66px,1fr);align-items:center;column-gap:8px;min-width:132px;min-height:78px;padding:8px 10px;display:grid;position:relative;box-shadow:0 3px #67482f3d}.verb-button:disabled{opacity:.45;cursor:default}.verb-button img{object-fit:contain;grid-row:1/span 2;width:38px;height:38px}.verb-button small,.verb-button em,.verb-button b{min-width:0;font-size:13px;display:block}.icon-button{border:2px solid var(--line);cursor:pointer;background:#f3e3a9;border-radius:999px;padding:5px 10px}.chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{border:2px solid var(--line);background:#efe6d0;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-weight:800;display:inline-flex}.chip img{width:26px;height:26px}.toast{pointer-events:none;opacity:0;border:3px solid var(--line);background:var(--paper);text-align:center;border-radius:14px;max-width:min(700px,100vw - 24px);padding:9px 18px;font-size:19px;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;bottom:156px;left:50%;transform:translate(-50%)translateY(12px);box-shadow:0 4px #67482f3d}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.sentence-builder{pointer-events:auto;border:3px solid var(--line);background:var(--paper);border-radius:16px;width:min(620px,100vw - 24px);padding:10px;position:absolute;bottom:min(46vh,360px);left:50%;transform:translate(-50%);box-shadow:0 5px #67482f3d}.builder-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.builder-slots,.builder-chips{flex-wrap:wrap;gap:7px;display:flex}.builder-slots{margin-bottom:8px}.builder-slots span{text-align:center;background:#f6f0df;border:2px dashed #8a63478c;border-radius:999px;min-width:56px;min-height:34px;padding:5px 10px;font-weight:900}.builder-slots span.done{background:#e4efd6;border-style:solid}.builder-chip{border:2px solid var(--line);background:linear-gradient(180deg, #f3e3a9, var(--straw));cursor:pointer;border-radius:999px;min-height:34px;padding:5px 12px;font-weight:900}.builder-chip.used{opacity:.38}.builder-chip.wrong{animation:.22s linear builder-shake}@keyframes builder-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.word-card-shell{pointer-events:none;background:#67482f57;justify-content:center;align-items:center;padding:16px;display:none;position:absolute;inset:0}.word-card-shell.show{pointer-events:auto;display:flex}.word-card{border:4px solid var(--line);background:var(--paper);text-align:center;border-radius:20px;width:min(640px,100vw - 24px);max-height:min(84vh,720px);padding:22px;position:relative;overflow-y:auto;box-shadow:0 8px #67482f47}.close-card{cursor:pointer;background:#efe6d0;border:none;border-radius:50%;width:32px;height:32px;position:absolute;top:8px;right:10px}.newtag{color:#fff8ea;background:var(--terra);border-radius:999px;padding:3px 12px;font-size:14px;font-weight:900;display:inline-block}.word-card-icon{object-fit:contain;width:120px;height:120px;margin:8px auto;display:block}.word-card-word{font-size:32px;font-weight:900}.card-row{justify-content:center;gap:10px;margin-top:14px;display:flex}.card-row button{border:3px solid var(--line);background:linear-gradient(180deg, #b5cc92, var(--sage));cursor:pointer;border-radius:12px;padding:8px 22px;font-weight:900}.card-row .secondary{background:linear-gradient(180deg, #f3e3a9, var(--straw))}.journal-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:12px;display:grid}.journal-cell{border:2px solid var(--line);background:#efe6d0;border-radius:12px;min-height:116px;padding:8px;position:relative}.journal-cell.unknown{opacity:.42}.journal-cell img{object-fit:contain;width:52px;height:52px;margin:0 auto 4px;display:block}.journal-cell strong,.journal-cell span{font-size:13px;display:block}.journal-cell button{border:1px solid var(--line);background:var(--paper);color:#0000;cursor:pointer;border-radius:999px;max-width:30px;position:absolute;top:5px;right:5px;overflow:hidden}.journal-cell button:after{content:"▶";color:var(--ink)}@media (width<=680px){.topbar{gap:5px;padding:6px;top:6px}.topbar h1{display:none}.pill{min-height:32px;padding:4px 8px;font-size:14px}#goal-pill{max-width:148px}.panel{max-height:46vh;padding:9px;bottom:8px}.panel h2{font-size:19px}.verb-button{grid-template-columns:32px minmax(0,1fr);min-width:calc(50% - 4px);min-height:74px;padding:7px}.verb-button img{width:32px;height:32px}.toast{font-size:16px;bottom:calc(46vh + 24px)}.sentence-builder{bottom:calc(46vh + 20px)}}