:root{--purple: #534AB7;--purple-soft: #eeecff;--green: #1D9E75;--green-soft: #e0f4ec;--green-dark: #0a6646;--amber: #fef0da;--amber-dark: #7a4a08;--red: #a03020;--red-soft: #fce8e3;--grey: #888;--grey-light: #f5f3ee;--border: #ddd;--text: #1a1a1a}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:#ede9e0;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:0}#root{width:100%;max-width:420px;min-height:100vh;min-height:100dvh;background:#ede9e0;position:relative;overflow:hidden}.app-shell{min-height:100vh;min-height:100dvh;position:relative}.app-shell-content{position:relative;min-height:100vh;min-height:100dvh}.page{padding:20px 16px calc(20px + env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;gap:12px}.page-centered{align-items:center;justify-content:center;text-align:center}.page-top{align-items:center;text-align:center;padding-top:28px;height:100dvh}.brand{font-size:12px;font-weight:700;color:var(--purple);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:6px}.subtitle{font-size:14px;color:var(--grey);line-height:1.4;margin-bottom:14px}.label{font-size:11px;color:var(--grey);margin-bottom:8px}.text-sm{font-size:13px}.text-center{text-align:center}.root-explainer{width:100%;max-width:340px;display:flex;flex-direction:column;justify-content:center;height:100dvh}.root-explainer .app-nudge{display:flex;justify-content:center}.root-explainer .app-nudge-header{justify-content:center;align-items:center;text-align:center}.root-explainer .app-nudge-header>div:last-child{display:flex;flex-direction:column;align-items:center}.icon-wrap{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.icon-wrap.success{background:var(--green-soft)}.icon-wrap.neutral{background:var(--grey-light)}.icon-wrap.warning{background:var(--amber)}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:10px}.card-confirmed{background:var(--green-soft);border-color:transparent}.meta-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:var(--text)}.meta-row svg{flex-shrink:0}.meta-row.green{color:var(--green-dark)}.level-row{display:flex;align-items:center;gap:6px;margin-bottom:12px}.level-dot{width:8px;height:8px;border-radius:50%;background:var(--purple)}.level-text{font-size:13px;font-weight:600;color:var(--purple)}.level-code{font-size:13px;color:var(--grey)}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.avatar-a{background:var(--purple-soft);color:var(--purple)}.avatar-b{background:var(--green-soft);color:var(--green)}.avatar-c{background:var(--amber);color:#8a5200}.avatar-d{background:var(--red-soft);color:var(--red)}.avatar-e{background:#def;color:#1a5fa0}.avatar-slot{width:32px;height:32px;border-radius:50%;border:2px dashed #b0a9e8;display:flex;align-items:center;justify-content:center}.avatar-host-wrap{position:relative}.avatar-host-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:var(--purple);color:#fff;font-size:7px;font-weight:700;padding:1px 4px;border-radius:4px;text-transform:uppercase}.player-row{display:flex;align-items:center;gap:10px;padding:6px 0}.player-name{font-size:13px;color:var(--text)}.divider{border:none;border-top:1px solid var(--border);margin:8px 0}.pill{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.pill-green{background:var(--green-soft);color:var(--green-dark)}.pill-grey{background:var(--grey-light);color:var(--grey)}.btn{display:block;width:100%;padding:12px 16px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;text-align:center;transition:opacity .15s}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-green{background:var(--green);color:#fff}.btn-purple{background:var(--purple);color:#fff}.btn-outline{background:#fff;color:var(--purple);border:2px solid var(--purple)}.btn-outline-red{background:#fff;color:var(--red);border:2px solid var(--red-soft)}.btn-ghost{background:transparent;color:var(--grey);font-size:13px;padding:10px}.btn+.btn{margin-top:8px}.spots-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--green-dark);background:var(--green-soft);margin-bottom:2px}.form-grid{display:grid;gap:10px}.form-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);background:#fff}.form-input:focus{outline:none;border-color:var(--purple)}.app-nudge{background:var(--grey-light);border-radius:12px;padding:16px;margin-top:10px}.app-nudge-header{display:flex;align-items:center;gap:12px}.app-icon{width:40px;height:40px;background:var(--purple);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-nudge-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.app-nudge-desc{font-size:12px;color:var(--grey);line-height:1.4}.app-nudge-buttons{display:flex;gap:10px;flex-wrap:wrap}.app-nudge-buttons .btn{flex:1;padding:10px;font-size:12px;min-width:120px}.hint{padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.5;margin-bottom:10px}.hint-amber{background:var(--amber);color:var(--amber-dark)}textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;min-height:80px}textarea:focus{outline:none;border-color:var(--purple)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:32px;height:32px;border:3px solid var(--grey-light);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--red);text-align:center;padding:18px 20px;border:1px solid #e7b8af;background:linear-gradient(180deg,#fff8f7,#fdeeea);border-radius:14px;box-shadow:0 8px 20px #a0302014,inset 0 1px #ffffffe6;max-width:340px}.error p{font-size:15px;font-weight:600;letter-spacing:.01em}@media (max-width: 360px){.page{padding:16px 12px calc(16px + env(safe-area-inset-bottom));gap:10px}.page-top{padding-top:22px}.title{font-size:18px}.subtitle{margin-bottom:10px}.card{padding:12px;margin-bottom:8px}.player-row{gap:8px;padding:5px 0}.btn{font-size:14px;padding:11px 14px}}@media (max-height: 760px){.page{padding-top:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom));gap:10px}.page-top{padding-top:18px}.brand{margin-bottom:8px}.icon-wrap{width:56px;height:56px;margin-bottom:10px}.subtitle{margin-bottom:10px}.app-nudge{padding:12px;margin-top:8px}}