:root{color-scheme:dark;--paper: #f4dfbd;--paper-edge: #9b6c33;--ink: #36281f;--gold: #f5c765;--gold-soft: rgba(245, 199, 101, .42);--lavender: #8b78ba;font-family:Inter,Avenir,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app,#game-root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#1f1720}#app{position:relative}#game-root{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block;touch-action:none}.ritual-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.word-panel{position:absolute;left:clamp(12px,2.4vw,28px);top:auto;bottom:clamp(140px,22vh,210px);display:grid;gap:10px;width:min(310px,calc(100vw - 24px));padding:22px 18px 18px;border:1px solid rgba(117,74,29,.4);border-radius:8px;color:var(--ink);background:radial-gradient(circle at 22% 18%,rgba(255,252,232,.8),transparent 38%),linear-gradient(180deg,#f6dfb5f2,#d7a965e6);box-shadow:0 18px 44px #160b0557,inset 0 0 0 1px #fffce261;pointer-events:auto}.word-form{display:grid;gap:10px}.word-instruction{margin:0;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.2;color:#3d291d}.chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}button,input{font:inherit}.word-entry-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.word-entry-row input{min-width:0;min-height:38px;padding:8px 10px;border:1px solid rgba(98,65,31,.42);border-radius:6px;color:#35271e;background:#fffcf1db;outline:none}.word-entry-row input:focus{border-color:#975f24db;box-shadow:0 0 0 3px #f5c76533}.create-word,.quiet-action{min-height:36px;border:1px solid rgba(98,65,31,.35);border-radius:6px;color:#39271e;background:#ffefc7d1;cursor:pointer}.create-word{padding:7px 12px;background:linear-gradient(180deg,#ffe4a0,#d19a45)}.create-word:disabled{cursor:default;opacity:.48;filter:saturate(.65)}.chip{padding:6px 11px;font-family:Georgia,Times New Roman,serif;font-size:16px}.custom-word{display:grid;grid-template-columns:1fr auto;gap:8px}.custom-word input{min-width:0;min-height:38px;padding:8px 10px;border:1px solid rgba(98,65,31,.35);border-radius:6px;color:#35271e;background:#fffcf1d1}.custom-word button,.quiet-action{padding:7px 13px}.quiet-action,.control-row{justify-self:center}.control-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.quiet-action{background:#fff9e8a8}.word-label-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.word-label{position:absolute;left:0;top:0;display:grid;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:max-content;min-width:58px;max-width:172px;min-height:28px;padding:6px 12px 7px;border:1px solid rgba(132,82,34,.58);border-radius:5px;color:#3a2517;font-family:Georgia,Times New Roman,serif;font-size:clamp(13px,1.1vw,16px);line-height:1.08;text-align:center;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;background:radial-gradient(circle at 22% 18%,rgba(255,250,220,.92),transparent 54%),linear-gradient(180deg,#f4d7a0f2,#dcad67f0);filter:drop-shadow(0 8px 12px rgba(22,12,5,.32));pointer-events:auto;transform:translate(-50%,-50%);transition:filter .15s ease,opacity .15s ease}.word-label.is-near-valid{filter:drop-shadow(0 0 13px rgba(255,211,111,.86)) drop-shadow(0 8px 12px rgba(22,12,5,.32))}.word-label.is-dragging{z-index:40;cursor:grabbing;filter:drop-shadow(0 0 16px rgba(255,226,148,.9)) drop-shadow(0 14px 16px rgba(22,12,5,.42));transition:none}.instruction-panel{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:10;display:grid;gap:8px;place-items:center;width:min(560px,calc(100vw - 340px));min-width:320px;min-height:116px;padding:28px 52px 30px;color:#392416;background-image:url(/assets/images/instruction-parchment.png);background-repeat:no-repeat;background-size:100% 100%;filter:drop-shadow(0 18px 22px rgba(20,10,3,.36));pointer-events:none;transform:translate(-50%)}.instruction-text{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.1vw,30px);line-height:1.16;text-align:center;opacity:1;transition:opacity .17s ease}.instruction-text.is-changing{opacity:0}.continue-button{min-height:34px;padding:6px 16px;border:1px solid rgba(98,65,31,.42);border-radius:6px;color:#39271e;background:linear-gradient(180deg,#ffe4a0,#d19a45);cursor:pointer;pointer-events:auto}.continue-button[hidden]{display:none}@media (max-height: 620px),(max-width: 620px){.word-panel{left:50%;top:max(10px,env(safe-area-inset-top));bottom:auto;gap:8px;min-height:0;padding:16px 14px 14px;transform:translate(-50%)}.word-instruction{font-size:14px}.word-entry-row{grid-template-columns:1fr auto}.chip{min-height:32px;padding:5px 9px;font-size:14px}.instruction-panel{bottom:max(8px,env(safe-area-inset-bottom));width:min(420px,calc(100vw - 22px));min-width:0;min-height:88px;padding:20px 38px 22px}.instruction-text{font-size:clamp(18px,5vw,22px)}}