:root{--cream: #fbf5e9;--paper: #fffdf7;--paper-dim: #f4eedf;--ink: #14201b;--ink-light: #5c6b63;--ink-dim: #94a099;--border-light: #d8d0be;--green: #146b4f;--green-bright: #1b7f5e;--green-bg: #ecf7f1;--orange: #e8952a;--orange-bg: #fdf0da;--orange-dark: #8f5711;--red: #de5b3e;--blue: #2c7da8;--blue-bg: #dcebf5;--blue-dark: #1f5d7e;--purple: #7a5aa8;--border: 2.5px solid var(--ink);--shadow: 1.5px 1.5px 0 var(--ink);--shadow-sm: 1px 1px 0 var(--ink);--radius: 15px;--font-display: "Baloo 2", "Segoe UI", system-ui, sans-serif;--font: "Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-jp: "Be Vietnam Pro", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, "MS Gothic", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background-color:var(--cream);background-image:radial-gradient(rgba(20,32,27,.1) 1.6px,transparent 1.6px);background-size:24px 24px;color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0;line-height:1.15}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.app{max-width:900px;margin:0 auto;padding:28px 20px 40px}.card{border:var(--border);border-radius:20px;background:var(--paper);box-shadow:2px 2px 0 var(--ink);padding:24px}.label{font-size:12px;font-weight:700;letter-spacing:1.3px;color:var(--ink-light)}.field{width:100%;height:56px;border:var(--border);border-radius:13px;background:var(--cream);padding:0 16px;font-size:17px;font-weight:600;color:var(--ink);outline:none}.field:focus-visible{box-shadow:var(--shadow-sm);background:var(--paper)}.field::placeholder{color:var(--ink-dim);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border:var(--border);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--ink);transition:transform .08s ease,box-shadow .08s ease}.btn:hover:not(:disabled){transform:translate(.5px,.5px);box-shadow:1px 1px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(1.5px,1.5px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow);transform:none}.btn--primary{background:var(--green);color:var(--cream);width:100%}.btn--secondary{background:var(--orange)}.btn--ghost{min-height:46px;font-size:15px;font-family:var(--font);font-weight:600;box-shadow:none;border-radius:13px}.btn--ghost:hover:not(:disabled){transform:none;box-shadow:var(--shadow-sm)}.btn-round{display:inline-flex;align-items:center;gap:7px;background:none;border:none;padding:6px 0;font-size:14px;font-weight:600;color:var(--ink)}.btn-round:hover{color:var(--green)}.badge{display:inline-flex;align-items:center;gap:7px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);padding:4px 12px;font-size:12px;font-weight:600}.live-dot{width:9px;height:9px;border-radius:999px;background:var(--green-bright);flex-shrink:0}.avatar{display:flex;align-items:center;justify-content:center;border-radius:999px;border:2px solid var(--ink);color:var(--cream);font-family:var(--font-display);font-weight:700;flex-shrink:0}.chat{display:flex;flex-direction:column;border:var(--border);border-radius:20px;background:var(--paper);box-shadow:1.5px 1.5px 0 var(--ink);overflow:hidden;min-height:340px}.chat__header{display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:var(--border);background:var(--paper-dim);font-family:var(--font-display);font-size:17px;font-weight:700}.chat__body{flex-grow:1;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:420px}.chat__bubble{max-width:80%;border:2px solid var(--ink);border-radius:13px 13px 13px 4px;background:var(--cream);padding:8px 12px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.chat__bubble--mine{border-radius:13px 13px 4px;background:var(--green-bg)}.chat__footer{display:flex;align-items:center;gap:9px;padding:12px 14px;border-top:var(--border);background:var(--paper-dim)}.chat__input{flex-grow:1;height:44px;border:var(--border);border-radius:12px;background:var(--paper);padding:0 13px;font-size:14px;outline:none}.chat__send{width:44px;height:44px;flex-shrink:0;border:var(--border);border-radius:12px;background:var(--green);display:flex;align-items:center;justify-content:center}.cell__ghost{opacity:0;transition:opacity .12s ease}.cell:hover:not(:disabled) .cell__ghost,.cell:focus-visible .cell__ghost{opacity:.26}.cell:hover:not(:disabled){border-color:var(--green-bright)!important;border-style:dashed!important;background:var(--green-bg)!important}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:24px;align-items:start}@media(max-width:780px){.play-layout{grid-template-columns:minmax(0,1fr)}.card{padding:18px;box-shadow:1.5px 1.5px 0 var(--ink)}.app{padding:16px 14px 32px}}.alert{display:flex;align-items:center;gap:9px;border:var(--border);border-radius:13px;background:#fbe6e0;box-shadow:var(--shadow-sm);padding:11px 14px;font-size:14px;font-weight:600}.waiting{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;text-align:center;color:var(--ink-light)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}