*{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;background:#1a1a2e;color:#eee;-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{touch-action:manipulation}.app{max-width:480px;margin:0 auto;padding:16px;min-height:100vh;display:flex;align-items:center}.card{background:#16213e;border-radius:12px;padding:28px 24px;width:100%;display:flex;flex-direction:column;gap:16px}h1{font-size:1.5rem;text-align:center}.lead{color:#aaa;font-size:.95rem;line-height:1.45;text-align:center}form{display:flex;flex-direction:column;gap:16px}.platforms{border:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.platforms legend{font-size:.85rem;color:#888;margin-bottom:8px}.platform{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid #333;border-radius:8px;background:#1a1a2e;cursor:pointer}.platform input{position:absolute;opacity:0;pointer-events:none}.platform.active{border-color:#7ec8e3;background:#7ec8e314}.p-title{font-weight:600}.p-hint{font-size:.75rem;color:#888}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#aaa}.field input{padding:10px 14px;border-radius:8px;border:1px solid #333;background:#1a1a2e;color:#eee;font-size:16px;outline:none}.field input:focus{border-color:#7ec8e3}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.error{color:#f88;font-size:.9rem}button[type=submit]{padding:12px;border-radius:8px;border:none;background:#0f3460;color:#eee;cursor:pointer;font-size:1rem}button[type=submit]:hover:not(:disabled){background:#1a4a80}button[type=submit]:disabled{opacity:.5;cursor:default}.done{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.done-icon{width:48px;height:48px;border-radius:50%;background:#7ec8e326;color:#7ec8e3;display:flex;align-items:center;justify-content:center;font-size:1.6rem}.done p{color:#aaa;font-size:.95rem}