:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:oklch(24% .045 147);--paper:oklch(98% .028 98);--paper-deep:oklch(92% .075 86);--ink:oklch(24% .045 147);--muted:oklch(45% .05 147);--grass:oklch(72% .18 136);--sky:oklch(83% .09 220);--berry:oklch(58% .2 26);--berry-soft:oklch(87% .095 28);--plum:oklch(42% .1 320);--blue:oklch(55% .16 235);--line:oklch(66% .075 98);--shadow:0 10px 0 oklch(42% .07 127/.14);--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;background:oklch(95% .05 133);font-family:Nunito,Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden}button{font:inherit}.app-shell{background-color:oklch(96% .052 129);background-image:linear-gradient(90deg,oklch(94% .07 141) 0 24px,#0000 24px 100%),linear-gradient(0deg,oklch(93% .06 130) 0 24px,#0000 24px 100%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:96px 96px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;padding:clamp(12px,2.4vw,28px)}.top-bar{justify-content:space-between;align-items:center;gap:var(--space-md);width:min(100%,1540px);margin:0 auto;display:flex}h1,h2,p{margin:0}h1{color:var(--ink);font-size:clamp(1.8rem,3vw,3.1rem);line-height:1}h2{font-size:1rem;line-height:1.1}.language-toggle,.top-actions,.scenario-selector,.character-picker,.panel-heading{align-items:center;display:flex}.top-actions{justify-content:flex-end;gap:var(--space-sm)}.language-toggle{gap:var(--space-xs);min-height:56px;padding:var(--space-xs);border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:8px}.language-toggle button,.scenario-selector button,.character-picker button,.reset-button{border:2px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:8px;font-weight:900}.language-toggle button{min-width:92px;padding:0 var(--space-md)}.language-toggle button.is-active,.scenario-selector button.is-active,.character-picker button.is-active{background:var(--berry-soft);color:var(--ink);transform:translateY(-2px)}.scenario-selector,.character-picker{gap:var(--space-xs);min-width:0}.scenario-selector{flex-wrap:wrap}.scenario-selector button,.character-picker button{align-items:center;gap:var(--space-xs);padding:0 var(--space-md);display:inline-flex}.scenario-selector button:disabled{cursor:not-allowed;opacity:.56}.scenario-selector small{color:var(--muted);font-size:.72rem;font-weight:900}.game-layout{gap:var(--space-lg);grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;width:min(100%,1540px);margin:0 auto;display:grid}.stage-shell{min-width:0;min-height:0;position:relative}.stage{aspect-ratio:16/10;border:3px solid var(--ink);background:var(--sky);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 14px oklch(35% .07 144/.18)}.stage-background{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.placed-item{cursor:grab;pointer-events:none;touch-action:none;background:0 0;border:0;width:clamp(56px,8vw,94px);height:clamp(56px,8vw,94px);margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.placed-character{width:clamp(120px,16vw,220px);height:auto}.placed-item:active{cursor:grabbing}.placed-item img,.drag-ghost img{object-fit:contain;filter:drop-shadow(0 6px oklch(26% .05 93/.14));pointer-events:none;width:100%;height:100%}.placed-character img{filter:drop-shadow(0 7px oklch(30% .05 90/.16));height:auto}.drag-ghost{z-index:20;pointer-events:none;transform-origin:50%;width:92px;height:92px;position:fixed;top:0;left:0}.side-panel{gap:var(--space-md);min-height:0;display:grid}.item-tray,.sticker-journal{border:3px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:8px}.item-tray{padding:var(--space-md)}.panel-heading{justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.tray-group-title{margin:var(--space-sm) 0 var(--space-xs);color:var(--muted);font-size:.8rem;font-weight:900}.panel-heading+.tray-group-title{margin-top:0}.tray-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tray-item{gap:var(--space-xs);min-height:112px;padding:var(--space-sm);border:2px solid var(--ink);color:var(--ink);cursor:grab;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;background:oklch(96% .053 84);border-radius:8px;place-items:center;font-size:.92rem;font-weight:900;display:grid}.tray-item:active{cursor:grabbing}.tray-item img{object-fit:contain;pointer-events:none;width:58px;height:58px}.tray-character img{width:50px;height:72px}.sticker-journal{gap:var(--space-md);padding:var(--space-md);display:grid}.sticker-grid{align-items:start;gap:var(--space-xs);flex-wrap:wrap;display:flex}.word-sticker{justify-content:start;align-items:center;gap:var(--space-xs);max-width:210px;min-height:58px;padding:var(--space-xs) var(--space-sm);border:2px solid var(--ink);background:var(--berry-soft);text-align:left;border-radius:8px;grid-template-columns:38px minmax(0,max-content);display:inline-grid}.word-sticker img{object-fit:contain;pointer-events:none;width:38px;height:38px}.word-sticker-text{gap:1px;min-width:0;display:grid}.word-sticker strong{font-size:.94rem;line-height:1.05}.word-sticker-text span,.journal-empty{color:var(--muted);font-size:.78rem;font-weight:800;line-height:1.05}.reset-button{justify-content:center;align-items:center;gap:var(--space-xs);background:oklch(95% .04 232);display:inline-flex}.reset-button-compact{min-width:110px;min-height:56px;padding:0 var(--space-md);box-shadow:var(--shadow)}button:focus-visible{outline-offset:3px;outline:4px solid oklch(77% .17 70)}@media (width<=980px){.top-bar{flex-direction:column;align-items:stretch}.top-actions{justify-content:space-between}.language-toggle{justify-content:center}.game-layout{grid-template-columns:1fr}.side-panel{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr)}.stage{min-height:420px}}@media (width>=981px){html,body,#root{height:100%}body{overflow:hidden}.app-shell{gap:var(--space-md);grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.game-layout{grid-template-rows:minmax(0,1fr) minmax(120px,.36fr);grid-template-areas:"stage tray""journal tray";align-items:stretch;min-height:0}.stage-shell{grid-area:stage;place-items:start stretch;display:grid;container-type:size}.stage{width:min(100cqw,160cqh);height:min(100cqh,62.5cqw)}.side-panel{display:contents}.item-tray,.sticker-journal{min-height:0;overflow:auto}.item-tray{grid-area:tray}.sticker-journal{grid-area:journal}.tray-grid{gap:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr))}.tray-item{min-height:94px;padding:var(--space-xs);font-size:.84rem}.tray-item img{width:48px;height:48px}.tray-character img{width:42px;height:60px}}@media (width>=1180px) and (height<=820px){.app-shell{padding-block:var(--space-sm);gap:var(--space-sm)}.language-toggle{min-height:48px;padding:var(--space-2xs)}.language-toggle button,.scenario-selector button,.reset-button{min-height:40px}.item-tray,.sticker-journal{padding:var(--space-sm)}.panel-heading{margin-bottom:var(--space-sm)}.word-sticker{min-height:62px}}@media (width<=720px){.app-shell{padding:var(--space-md)}.side-panel{grid-template-columns:1fr}.stage{min-height:360px}.tray-grid{grid-template-columns:repeat(2,minmax(132px,1fr))}}