:root{--green: #58cc02;--green-d: #46a302;--blue: #1cb0f6;--ink: #3c3c3c;--muted: #777;--bg: #f7f9f4;--card: #ffffff;--line: #e5e7df;font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}body{margin:0;background:var(--bg);color:var(--ink)}.app{max-width:1280px;margin:0 auto;padding:8px 32px 48px}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.header h1{margin:0 0 4px;font-size:32px}.new-game{white-space:nowrap}.input-mode .new-game{padding:10px 6px;font-size:15px}.tagline{margin:0;color:var(--muted)}.layout{display:grid;grid-template-columns:486px 1fr;gap:28px;margin-top:24px;align-items:start}.layout>*{min-width:0}@media (max-width: 880px){.layout{grid-template-columns:1fr}}.board-wrap{width:486px;max-width:100%;position:relative}.board-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:12px;background:#ffffff9e;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);font-weight:800;color:var(--ink);z-index:2}.spinner{width:40px;height:40px;border:4px solid rgba(28,176,246,.25);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-controls{margin-top:14px}.input-mode{margin-bottom:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.input-mode .seg{display:flex;gap:8px}.input-mode .seg .turn{padding:10px 6px;font-size:15px}@media (max-width: 600px){.input-mode{flex-wrap:nowrap}.input-mode .seg{flex:2 1 0;min-width:0}.input-mode .seg .turn,.input-mode .new-game{flex:1 1 0;min-width:0;white-space:normal;text-align:center;padding:8px 4px;font-size:12px}}.uploader-wrap{margin-top:14px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:120px;padding:16px;border:2px dashed var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--blue)}.dropzone.dragging{border-color:var(--blue);background:#eef9ff}.dropzone.busy{cursor:progress;opacity:.7}.dropzone strong{font-size:16px}.dropzone span{color:var(--muted);font-size:16px}.uploader-wrap .hint{font-size:16px}.screenshot-toggle{background:none;border:none;color:var(--blue);font-weight:700;font-size:14px;cursor:pointer;padding:4px 0}.uploader-preview{width:100%;max-height:320px;object-fit:contain;display:block;margin-top:8px;border:2px solid var(--line);border-radius:14px;cursor:pointer}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:10px}.pal{font-size:24px;line-height:1;padding:8px 0;border-radius:10px;border:2px solid var(--line);background:#fff;cursor:pointer}.pal.white{color:#fff;text-shadow:0 0 1px #000,0 1px 2px rgba(0,0,0,.4);background:#cfd6c4}.pal.black{color:#2b2b2b}.pal.erase{font-size:18px;color:var(--muted);grid-column:1 / -1}.pal.active{border-color:var(--green);box-shadow:0 0 0 2px #58cc024d}.turn{border:2px solid var(--line);background:#fff;border-radius:12px;padding:14px 12px;font-weight:800;cursor:pointer}.turn.active{border-color:var(--green);box-shadow:0 0 0 3px #58cc0233}.hint{color:var(--muted);font-size:13px;margin:10px 0 0}.right{display:flex;flex-direction:column;gap:16px}.oscar{text-align:center}.oscar-img{width:110px;height:110px;object-fit:contain;border-radius:16px;background:#f1f4ea;padding:4px}.oscar-img.neutral{animation:oscar-float 3.2s ease-in-out infinite}.oscar-img.smug{animation:oscar-bounce .9s ease-in-out infinite}.oscar-img.nervous{animation:oscar-jitter .35s ease-in-out infinite;transform-origin:center bottom}@keyframes oscar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes oscar-bounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes oscar-jitter{0%,to{transform:translate(0) rotate(0) scale(.94)}25%{transform:translate(-2px) rotate(-1.5deg) scale(.94)}75%{transform:translate(2px) rotate(1.5deg) scale(.94)}}.oscar-stage{position:relative;display:inline-block}.sweat-drop{position:absolute;top:14px;right:22px;width:8px;height:11px;background:#4aa8ff;border-radius:50%/65% 65% 35% 35%;animation:sweat-fall 1.4s ease-in infinite}@keyframes sweat-fall{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:.95}to{transform:translateY(30px) scale(1);opacity:0}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti i{position:absolute;top:46%;left:50%;width:7px;height:7px;border-radius:2px;background:var(--c);opacity:0;animation:confetti-pop 1s ease-out infinite;animation-delay:var(--d)}@keyframes confetti-pop{0%{transform:translate(0) scale(.3) rotate(0);opacity:0}15%{opacity:1}to{transform:translate(var(--x),var(--y)) scale(1) rotate(220deg);opacity:0}}@media (prefers-reduced-motion: reduce){.oscar-img.neutral,.oscar-img.smug,.oscar-img.nervous{animation:none}.sweat-drop,.confetti{display:none}}.oscar-name{font-weight:800;margin-top:4px}.mood-pill{font-size:12px;font-weight:700;text-transform:capitalize;padding:2px 8px;border-radius:999px;margin-left:6px}.mood-pill.neutral{background:#eef0e6;color:#666}.mood-pill.smug{background:#fff0c2;color:#a06b00}.mood-pill.nervous{background:#dceeff;color:#1077c4}.elo-label{font-size:13px;color:var(--muted);margin-bottom:6px}.elo-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.elo-btn{display:flex;flex-direction:column;align-items:center;border:2px solid var(--line);background:#fff;border-radius:12px;padding:10px 4px;cursor:pointer}.elo-name{font-weight:800}.elo-sub{font-size:12px;color:var(--muted)}.elo-btn.active{border-color:var(--green);box-shadow:0 0 0 3px #58cc0233}.elo-btn.casual.active{border-color:#58cc02;box-shadow:0 0 0 3px #58cc0233}.elo-btn.club.active{border-color:#1cb0f6;box-shadow:0 0 0 3px #1cb0f640}.elo-btn.expert.active{border-color:#ff9600;box-shadow:0 0 0 3px #ff960040}.player-toggle>span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.player-toggle .seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coach-byline{font-weight:800;color:var(--green);margin-bottom:6px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{flex:1}button.primary,button.ghost{border-radius:14px;padding:12px 14px;font-weight:800;cursor:pointer;border:2px solid transparent;font-size:15px}button.primary{background:var(--green);color:#fff;border-bottom:4px solid var(--green-d)}button.primary:active{transform:translateY(2px);border-bottom-width:2px}button.ghost{background:#fff;color:var(--ink);border:2px solid var(--line)}button:disabled{opacity:.55;cursor:not-allowed}.panel{background:var(--card);border:2px solid var(--line);border-radius:14px;padding:16px}.panel.muted{color:var(--muted)}.move-row{display:flex;align-items:center;gap:10px}.move-label{font-size:13px;color:var(--muted)}.move-chip{font-weight:900;font-size:20px;background:#eef7e2;color:var(--green-d);padding:2px 12px;border-radius:10px;font-family:ui-monospace,monospace}.situation{margin:10px 0 0}.why-toggle{background:none;border:none;color:var(--blue);font-weight:700;cursor:pointer;padding:8px 0 0}.why-text{margin:6px 0 0}.fallback-note{margin-top:12px;font-size:13px;background:#fff7e0;border:1px solid #ffe6a0;color:#8a6400;padding:8px 10px;border-radius:10px}.fallback-note code{background:#fbeec0;padding:0 4px;border-radius:4px}.gameover{margin-top:12px;font-weight:800;color:var(--green-d)}.error{background:#ffe9e9;border:1px solid #ffc2c2;color:#b02525;padding:10px 12px;border-radius:12px;font-size:14px;margin-top:14px}