:root{--font-ui:Inter,system-ui,"Segoe UI",sans-serif;--ink:#1a242e;--muted:#5c5348;--bg:#f5f0e8;--panel:#faf6ef;--tile:#fffdf8;--tile-edge:#d8d4ca;--accent:#006770;--accent-strong:#00545c;--red:#bd4b45;--red-strong:#92362f;--blue:#4b77a8;--blue-strong:#365b83;--yellow:#f2c94c;--shadow:color-mix(in srgb,#1a242e 18%,transparent);--press:140ms cubic-bezier(.2,0,0,1)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{min-height:100dvh;color:var(--ink);font-family:var(--font-ui);background:var(--bg)}main{width:100%;max-width:430px;min-height:100dvh;margin:auto;padding:16px max(12px,env(safe-area-inset-right)) 28px max(12px,env(safe-area-inset-left))}header,.sheet-top,.status-row,.toolbar-actions,.field-row{display:flex;align-items:center;gap:8px}header,.sheet-top,.status-row{justify-content:space-between}h1{margin:0;font-size:2.125rem;line-height:1.15;font-weight:800;letter-spacing:.01em}.mark{background:linear-gradient(var(--yellow),var(--yellow)) no-repeat 0 88%/100% .3em;padding:0 .04em}h2{margin:0 0 8px;font-size:1.5rem}p{line-height:1.4}button,input,textarea{font:inherit}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tool,.wide{border:0;background:var(--accent);color:#fffdf8;font-weight:800;box-shadow:0 4px 0 var(--accent-strong),0 8px 12px var(--shadow);transform:translateY(-2px);transition:transform var(--press),box-shadow var(--press)}.tool{border-radius:16px;padding:8px 14px;font-size:.8125rem}.wide{width:100%;margin-top:14px;border-radius:999px;padding:14px 22px;font-size:1.0625rem;box-shadow:0 6px 0 var(--accent-strong),0 12px 18px var(--shadow)}.wide.share{background:var(--panel);color:var(--accent);border:2px solid var(--accent);box-shadow:0 4px 0 var(--tile-edge)}.tool:active,.wide:active{transform:translateY(3px);box-shadow:0 2px 0 var(--accent-strong),0 5px 8px var(--shadow)}#notice{min-height:1.4em;margin:8px 0;color:var(--red);font-weight:700}.lead{margin:8px 0;color:var(--muted);font-weight:600}.name-big{font-size:1.25rem;font-weight:800}.field-row{margin-top:14px}.field-row input{min-width:0;flex:1;min-height:48px;border:1px solid var(--tile-edge);border-radius:14px;background:var(--panel);padding:0 12px;font-weight:700}.link{border:0;background:none;padding:10px 0;color:var(--accent);font-weight:700;text-decoration:underline}.toolbar{margin:4px 0 16px}.toolbar p{margin:0;font-weight:800}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.toolbar-actions .tool{min-height:42px}.seat-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.pill{border:2px solid var(--red);border-radius:999px;background:color-mix(in srgb,var(--red) 10%,var(--panel));color:var(--red-strong);padding:9px 8px;font-weight:800;font-size:.84rem}.pill.blue{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue-strong)}.pill.on{background:var(--red);color:white}.pill.blue.on{background:var(--blue);color:white}#seats{display:grid;gap:6px}.seat-row{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:12px;background:var(--panel);font-weight:700}.seat-row.empty{color:var(--muted)}#grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px}.word{aspect-ratio:1;width:100%;min-width:0;padding:4px 2px;border:1px solid var(--tile-edge);border-radius:12px;background:linear-gradient(180deg,var(--tile),var(--panel));color:var(--ink);font-size:clamp(.65rem,3.2vw,.92rem);font-weight:800;line-height:1.1;overflow-wrap:anywhere;box-shadow:inset 0 1px 0 #fff,0 5px 0 var(--tile-edge),0 8px 12px var(--shadow);transform:translateY(-2px);transition:transform var(--press),box-shadow var(--press)}.word:disabled{cursor:default}.word.revealed{transform:translateY(0);box-shadow:0 2px 0 var(--tile-edge);color:#fffdf8}.word.red{background:linear-gradient(#d95d55,var(--red));border-color:#d95d55}.word.blue{background:linear-gradient(#6697ca,var(--blue));border-color:#6697ca}.word.neutral{background:linear-gradient(#b2a99c,#8b8175);border-color:#8b8175}.word.assassin{background:linear-gradient(#43505b,#1a242e);border-color:#1a242e}.word.key-red:not(.revealed){box-shadow:inset 0 0 0 3px var(--red),0 5px 0 var(--tile-edge),0 8px 12px var(--shadow)}.word.key-blue:not(.revealed){box-shadow:inset 0 0 0 3px var(--blue),0 5px 0 var(--tile-edge),0 8px 12px var(--shadow)}.word.key-assassin:not(.revealed){box-shadow:inset 0 0 0 3px var(--ink),0 5px 0 var(--tile-edge),0 8px 12px var(--shadow)}#turn,#role,#clue{margin:0;font-weight:800}#clue{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--yellow) 42%,var(--panel))}#overlay{position:fixed;inset:0;z-index:4;overflow:auto;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(22px) saturate(1.3)}.sheet-inner{max-width:430px;margin:auto}.pack-row{margin-top:12px;padding:14px 16px;border-radius:16px;background:linear-gradient(#a48ae6,#7a5ad8);color:#fffdf8;box-shadow:0 6px 0 #5f43b8,0 10px 16px var(--shadow)}.pack-row h3{margin:0}.pack-row p{margin:4px 0}.pack-row .tool{margin-top:8px;background:#fffdf8;color:#5f43b8;box-shadow:0 4px 0 #d8d0f2}.code-words{padding:14px;border:2px dashed var(--accent);border-radius:14px;font-size:1.25rem;font-weight:800;text-align:center}.overlay-form textarea{width:100%;min-height:140px;border:1px solid var(--tile-edge);border-radius:14px;padding:10px;background:var(--panel)}@media(max-height:700px){main{padding-top:10px}.word{border-radius:10px;font-size:clamp(.59rem,3vw,.8rem)}h1{font-size:1.75rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}