:root{--bg: #f3efe2;--panel: #fffaf0;--ink: #1f1a14;--accent: #9d3c26;--accent-soft: #e2b59d;--line: #d1c0a8;--shadow: rgba(53, 33, 18, .12);--success: #2f7a4b;--error: #9b2c24}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Hiragino Mincho ProN,Yu Mincho,serif;color:var(--ink);background:radial-gradient(circle at top,rgba(157,60,38,.1),transparent 35%),linear-gradient(180deg,#f7f2e5 0%,var(--bg) 100%);overflow-x:hidden}main{width:100%;max-width:1480px;padding:64px 16px 24px}.shell{display:flex;flex-direction:column;width:100%}.panel{border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel) 92%,white);box-shadow:0 12px 32px var(--shadow);padding:16px}.board{display:flex;flex-direction:column;gap:0;align-items:center;width:100%}.cards{display:flex;justify-content:center;gap:8px;width:100%;overflow-x:auto;overflow-y:visible;padding:60px 12px 32px;scrollbar-width:none;transition:all .4s ease}.cards::-webkit-scrollbar{display:none}.card{flex-shrink:0;width:54px;min-height:94px;border-radius:12px;border:1px solid rgba(57,43,29,.15);background:linear-gradient(180deg,#fffffff2,#f0e7d6fa);display:grid;place-items:center;padding:6px;text-align:center;position:relative;overflow:visible;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,box-shadow .4s ease,opacity .4s ease,filter .4s ease}.card strong{display:block;font-size:24px;font-weight:800}.card.black{color:#f6efe4;background:linear-gradient(180deg,#2e2722,#120f0d);border-color:#fff5e826}.card.white{color:#2e241a;background:linear-gradient(180deg,#fff,#fbf8f1);border-color:#3d2a171f}.card.face-down{background:linear-gradient(135deg,#9d3c26e6,#43180eeb),repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(255,255,255,.08) 6px,rgba(255,255,255,.08) 12px);color:#fff4ea;border:none}.card.selectable{cursor:pointer}.card.selectable:hover{transform:translateY(-4px)}.cards:has(.selected) .card:not(.selected){opacity:.4;filter:grayscale(.6) blur(1px);transform:scale(.92)}.card.selected{border-color:var(--accent);border-width:2px;transform:translateY(-20px) scale(1.15);box-shadow:0 0 0 6px #9d3c2626,0 20px 40px #9d3c264d;z-index:20}.card.selected:after{content:"選択中";position:absolute;top:-38px;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:20px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;white-space:nowrap;animation:target-float 1.2s infinite ease-in-out;z-index:30}@keyframes target-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.open-chip{position:absolute;left:50%;bottom:6px;transform:translate(-50%);padding:2px 8px;border-radius:999px;background:#c7952e;color:#fff;font-size:9px;font-weight:800;pointer-events:none}.inference-dock{width:100%;max-width:440px;z-index:50;padding:12px}.instruction-box{text-align:center;padding:8px;background:#9d3c260a;border-radius:12px;margin-bottom:12px;min-height:40px;display:flex;align-items:center;justify-content:center}.instruction{font-size:14px;font-weight:600;color:#766858}.guess-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%}.guess-btn{aspect-ratio:1/1;border-radius:50%;border:2px solid var(--line);background:#fff;color:var(--ink);font-size:18px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;align-items:center;justify-content:center;padding:0}.guess-btn:disabled{opacity:.15}.guess-btn.selected{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.1);box-shadow:0 4px 12px #9d3c2633}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.action-btn{border:0;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer;transition:all .2s;font-size:15px;letter-spacing:.02em}.action-btn.primary{background:var(--accent);color:#fff}.action-btn.primary:disabled{background:#e5dfd5;color:#a49483}.action-btn.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.action-btn.secondary:disabled{opacity:.4}.action-btn.highlight{animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #9d3c2666}70%{box-shadow:0 0 0 8px #9d3c2600}to{box-shadow:0 0 #9d3c2600}}.game-header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#f7f2e5d9;backdrop-filter:blur(12px);border-bottom:1px solid rgba(209,192,168,.2);z-index:1000}.logo{font-size:18px;font-weight:900;letter-spacing:.1em;color:var(--accent)}.game-info{display:flex;align-items:center;gap:10px}#turn-indicator{font-weight:800;font-size:14px}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#9d3c2614;color:#7b3322;font-size:11px;font-weight:800}#toast-container{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:min(340px,90vw)}.toast{padding:12px 20px;background:var(--ink);color:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;font-size:14px;font-weight:600;text-align:center;opacity:0;transform:translateY(-10px);transition:all .3s;pointer-events:auto}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:var(--error)}.toast.success{background:var(--success)}@media(max-width:480px){.guess-grid{grid-template-columns:repeat(6,1fr);gap:6px}.guess-btn{font-size:16px}.cards{padding:50px 8px 24px}.card{width:48px;min-height:84px}.card strong{font-size:20px}}