.hakken-plakken-stage{position:relative;box-sizing:border-box;display:grid;grid-template-rows:1fr auto;padding:var(--board-sm);text-align:center;justify-items:center;height:100%}.hakken-plakken-stage[data-presenting=true]{padding-top:calc(var(--board-hit) + 24px)}.hakken-plakken-word{display:flex;white-space:nowrap;justify-content:center;align-self: center;align-items:baseline;margin:0}.hakken-plakken-stage .hakken-plakken-word{font-weight:600}.hakken-plakken-tile{display:inline-block;border-bottom:.08em solid #0000;border-radius:.12em;margin-inline-start:0;margin-inline-end:0;padding:0;transition:margin-inline .5s,padding-inline .5s,transform .25s,color .25s,background-color .25s,border-color .25s,box-shadow .25s}.hakken-plakken-stage[data-apart=true] .hakken-plakken-tile{background:var(--bg-card-hover);box-shadow:0 0 0 .03em var(--border-color-field);margin-inline-start:.18em;margin-inline-end:.18em;padding-inline-start:.06em;padding-inline-end:.06em}.hakken-plakken-stage .hakken-plakken-tile[data-lit=true]{color:var(--accent);background:rgb(var(--accent-rgb)/.14);box-shadow:0 0 0 .03em var(--accent);border-bottom-color:currentColor;transform:translateY(-.12em)scale(1.12)}.hakken-plakken-message{font-size:var(--board-md);color:var(--text-secondary);align-self: center;max-width:30em;margin:0;line-height:1.3}.hakken-plakken-actions{display:flex;justify-content:center;gap:var(--board-sm);flex-wrap:wrap}.hakken-plakken-btn{min-width:var(--board-hit);min-height:var(--board-hit);border:2px solid var(--accent);border-radius:var(--border-radius-md);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-heading);font-weight:700;font-size:var(--board-md);cursor:pointer;padding:.3em 1em}.hakken-plakken-btn:hover{background:rgb(var(--accent-rgb)/.1)}.hakken-plakken-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.hakken-plakken-btn-main{background:var(--accent-gradient);color:#fff;border-color:#0000}.hakken-plakken-btn-main:hover{background:var(--accent-gradient-hover)}.hakken-plakken-input{box-sizing:border-box;border:1px solid var(--border-color-field);border-radius:var(--border-radius-sm);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-heading);width:100%;margin-top:6px;padding:10px 12px;font-size:18px}.hakken-plakken-input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.hakken-plakken-tile{transition:none}}