:root{--bg-top: #fdf4dd;--bg-mid: #f6d8a8;--bg-bottom: #f2b07a;--ink: #1f2d3d;--ink-soft: #48596d;--card: rgba(255, 255, 255, .72);--line: rgba(20, 48, 67, .17);--primary: #ff5c39;--primary-strong: #e63f1f;--accent: #10a4a4;--accent-soft: rgba(16, 164, 164, .18);--danger: #c9332d}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body{font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.75),transparent 40%),radial-gradient(circle at 84% 26%,rgba(16,164,164,.18),transparent 48%),linear-gradient(176deg,var(--bg-top) 0%,var(--bg-mid) 53%,var(--bg-bottom) 100%);color:var(--ink);min-height:100svh;padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}#app{width:min(640px,100%);margin:0 auto}.app-shell{display:grid;gap:10px}.topbar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px 12px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 10px 28px #212d3814;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.identity{display:grid;gap:1px}.identity strong{font-size:.94rem;letter-spacing:.02em}.label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.capsule{font-size:.8rem;font-weight:700;padding:6px 9px;border-radius:999px;border:1px solid var(--line);background:#ffffff8c;white-space:nowrap}.screen-card{border-radius:22px;padding:14px;border:1px solid var(--line);background:linear-gradient(160deg,#ffffffbd,#ffffffa1),linear-gradient(130deg,#10a4a40f,#ff5c3914);box-shadow:0 14px 38px #2828281f,inset 0 1px #ffffff73;min-height:72svh}.reveal-in{animation:screen-pop .32s cubic-bezier(.2,.7,.22,1)}@keyframes screen-pop{0%{transform:translateY(10px) scale(.99);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}h1,h2{margin:0;line-height:1.1}h1{font-size:clamp(1.35rem,5vw,2rem);letter-spacing:.01em}h2{font-size:1rem}.subtitle,.status,.muted,.footnote{color:var(--ink-soft)}.subtitle{margin:8px 0 12px;font-size:.94rem}.status{margin:10px 0 12px;min-height:1.3em;font-size:.9rem}.muted{font-size:.85rem}.primary-button,.secondary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;font-size:.93rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:12px 14px}.primary-button{color:#fff9f3;background:linear-gradient(145deg,var(--primary),var(--primary-strong));box-shadow:0 12px 24px #e63f1f3d,0 2px #56130726}.secondary-button{color:var(--ink);background:#ffffffd1;border:1px solid var(--line)}.primary-button:disabled,.secondary-button:disabled{opacity:.45}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.panel{margin-top:16px;padding:12px;border-radius:14px;border:1px solid var(--line);background:#ffffff94}.leader-list{margin:10px 0;padding:0;list-style:none;display:grid;gap:8px}.leader-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:11px;background:#ffffffb8;border:1px solid rgba(20,48,67,.12);animation:leader-fade .3s ease both}@keyframes leader-fade{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.search-card{display:grid;place-items:center;text-align:center;gap:8px}.orbit{width:110px;height:110px;border-radius:999px;border:2px solid rgba(20,48,67,.2);position:relative;animation:spin 2.1s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:999px}.orbit:before{width:20px;height:20px;top:-10px;left:45px;background:var(--primary);box-shadow:0 0 0 6px #ff5c392e}.orbit:after{width:14px;height:14px;right:-7px;top:48px;background:var(--accent);box-shadow:0 0 0 4px #10a4a430}@keyframes spin{to{transform:rotate(360deg)}}.duel-card{display:grid;grid-template-rows:auto auto auto 1fr;gap:12px}.duel-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.score-pill{font-size:1.12rem;font-weight:900;padding:8px 11px;border-radius:12px;background:linear-gradient(140deg,#ff5c3938,#10a4a42e);border:1px solid rgba(20,48,67,.17)}.round-strip{display:grid;gap:7px}.round-meta{display:flex;justify-content:space-between;font-size:.84rem;color:var(--ink-soft)}.timer-track{height:10px;border-radius:999px;background:#ffffff94;overflow:hidden;border:1px solid rgba(20,48,67,.14)}.timer-fill{height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,#ff7448,#ff3e36);transition:transform .1s linear}.move-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:start}.move-grid .move-card:last-child{grid-column:1 / -1}.move-card{border:1px solid rgba(20,48,67,.14);background:#ffffffa8;border-radius:14px;padding:10px;display:grid;gap:3px;text-align:left;min-height:102px;transition:transform .16s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.move-icon{font-size:1.42rem}.move-title{font-size:.95rem;font-weight:900;color:var(--ink)}.move-power{font-size:.73rem;color:var(--ink-soft)}.move-card:active{transform:translateY(1px) scale(.99)}.move-card.selected{border-color:#10a4a499;box-shadow:0 8px 18px #10a4a433;animation:pulse .42s ease}.move-card.locked{border-color:#ff5c39bd;background:#ffeee4bf;box-shadow:0 12px 22px #ff5c3933}.move-card.reveal{border-color:#14304340;background:#ffffffd1}.move-card:disabled{opacity:.72}@keyframes pulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}to{transform:translateY(0) scale(1)}}.result-card{display:grid;align-content:start;gap:12px;text-align:center}.result-actions{display:grid;gap:10px}.footnote{display:grid;gap:2px;padding:3px 4px 10px;font-size:.77rem;color:#1f2d3db8}.error{color:var(--danger)}@media (min-width: 740px){body{padding-top:20px}.screen-card{min-height:650px}.move-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.move-grid .move-card:last-child{grid-column:auto}}