:root{color:#15202b;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.appShell{width:min(100%,720px);margin:0 auto;padding:24px 18px 32px}.appHeader{display:grid;gap:6px;margin-bottom:18px}.surfaceLabel{margin:0;color:#51606f;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:2rem}h2{font-size:1rem}h3{font-size:.92rem}.statusStrip,.panel,.actionPanel,.safetyNote{border:1px solid #d7dee8;background:#fff;border-radius:8px}.statusStrip{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 12px;color:#384859;font-size:.9rem}.panel{display:grid;gap:10px;margin-top:14px;padding:14px}.panelHeader{display:grid;gap:4px}.categoryList{display:grid;gap:8px;margin:0}.categoryRow{display:flex;justify-content:space-between;gap:14px}.categoryRow dt{color:#51606f}.categoryRow dd{margin:0;font-weight:700}.actionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.actionPanel{display:grid;gap:10px;padding:14px}.actionPanel p,.panel p,.safetyNote{color:#51606f;line-height:1.45}.actionPanel button{min-height:40px;border:0;border-radius:6px;background:#dce4ee;color:#51606f;font-weight:700}.player-action-surface{border-color:#b8d8d2;background:#fbfffd}.playerStatusGrid,.playerActionGrid{display:grid;gap:10px}.playerStatusGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.playerStatusCard{display:grid;gap:4px;min-width:0;border:1px solid #cfe0dc;border-radius:8px;background:#fff;padding:10px}.playerStatusCard span{color:#51606f;font-size:.8rem;font-weight:700}.playerStatusCard strong{color:#166054;font-size:.88rem}.playerControlGroup,.playerFeedbackPanel{display:grid;gap:10px}.stakeSelector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stakeButton,.playerActionButton{min-height:44px;border:1px solid #bfd3ea;border-radius:8px;background:#fff;color:#15202b;cursor:pointer;font-weight:800}.stakeButtonSelected{border-color:#166054;background:#eaf9f6;box-shadow:inset 0 0 0 2px #166054;color:#166054}.stakeSelectorStatus{color:#384859;font-size:.9rem}.stakeSelectorStatus strong{color:#166054}.stakeButtonDisabled{cursor:not-allowed;opacity:.58}.playerActionGrid{grid-template-columns:1fr}.playerActionButton{border-color:#166054;background:#166054;color:#fff}.playerActionPrimary{background:#124f96;border-color:#124f96}.playerActionDanger{background:#6f3b3b;border-color:#6f3b3b}.roomCodeField{display:grid;gap:6px;color:#51606f;font-size:.86rem;font-weight:800}.roomCodeField input{min-height:44px;width:100%;border:1px solid #cfd8e5;border-radius:8px;background:#fff;color:#15202b;font:inherit;padding:0 12px}.playerFeedbackPanel{border:1px solid #cfe0dc;border-radius:8px;background:#fff;padding:12px}.playerHomeShell{width:min(100%,720px);margin:0 auto;padding:20px 16px 28px}.playerHomeHeader{display:grid;gap:8px;margin-bottom:16px}.playerHomeHeader h1{font-size:2rem}.playerHomeHeader p:not(.surfaceLabel),.playerTablePanel p,.playerNoticeGrid span,.playerViewPanel p,.playerHomeFooter{color:#51606f;line-height:1.45}.playerTablePanel{display:grid;gap:12px;border:1px solid #d7dee8;border-radius:8px;background:#fff;margin-top:12px;padding:14px}.playerIntentFocusPanel{border-color:#b9cfe8;background:#f8fbff}.playerIntentModePanel{border-width:2px}.createIntentPanel{border-color:#166054;background:#f6fffc}.openRoomsIntentPanel{border-color:#124f96;background:#f6faff}.myRoomIntentPanel{border-color:#6b5f9f;background:#fbf9ff}.joinIntentPanel{border-color:#8a6b22;background:#fffaf0}.cancelIntentPanel{border-color:#8b4a4a;background:#fff8f8}.playerTableHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.playerStateBadge{width:fit-content;max-width:100%;border:1px solid #cfd8e5;border-radius:999px;background:#f7f9fc;color:#384859;font-size:.74rem;font-weight:800;overflow-wrap:anywhere;padding:5px 8px}.playerNoticeGrid,.playerActionMenu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.playerNoticeGrid article,.playerViewPanel{display:grid;gap:6px;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.playerNoticeGrid strong{color:#1f2d3d}.playerPrimaryButton,.playerIntentConfirmButton,.playerStakeButton,.playerActionMenu button{min-height:44px;border:1px solid #cfd8e5;border-radius:8px;background:#fff;color:#1f2d3d;font-weight:800}.playerPrimaryButton:disabled{cursor:not-allowed;opacity:.72}.playerIntentConfirmButton{width:100%;border-color:#124f96;background:#124f96;color:#fff}.playerIntentConfirmButton:disabled{cursor:not-allowed;opacity:.7}.playerStakeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.playerPlaceholderList{display:grid;gap:8px}.playerPlaceholderList span{border:1px solid #d7dee8;border-radius:8px;background:#ffffffb8;color:#384859;font-weight:700;line-height:1.35;padding:10px}.playerStakeButton[aria-pressed=true]{border-color:#166054;background:#eaf9f6;box-shadow:inset 0 0 0 2px #166054;color:#166054}.playerActionMenu button{display:grid;gap:4px;min-height:72px;text-align:left;padding:10px}.playerActionMenu button:hover,.playerActionMenu button:focus-visible{border-color:#124f96;background:#edf5ff}.playerActionMenu span,.playerSafetyList dt{color:#51606f;font-size:.82rem}.playerSafetyList{display:grid;gap:7px;margin:0}.playerSafetyList div{display:flex;justify-content:space-between;gap:10px}.playerSafetyList dd{margin:0;color:#166054;font-weight:800}.playerHomeFooter{margin-top:16px;text-align:center}.playerHomeFooter a{color:#124f96;font-weight:800}.developmentDetailsMarker{background:#f8fafc}@media (max-width: 560px){.playerStatusGrid,.stakeSelector,.playerNoticeGrid,.playerActionMenu,.playerStakeGrid{grid-template-columns:1fr}}.intentPanel,.walletPanel{gap:12px}.walletCompatibilityBlock{display:grid;gap:10px;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.walletConnectPreview{display:grid;gap:10px;border:1px solid #cfd8e5;border-radius:8px;background:#f7f9fc;padding:12px}.walletConnectPreviewCopy{display:grid;gap:6px}.walletConnectGateBadge{width:fit-content;border:1px solid #bfd3ea;border-radius:999px;background:#edf5ff;color:#124f96;font-size:.78rem;font-weight:800;padding:5px 8px}.walletConnectActualBadge{border-color:#c8d6b8;background:#f0f7e8;color:#315f1f}.walletProviderBoundaryBadge{border-color:#d6cab8;background:#fff7e8;color:#6b4a0f}.walletClickGateBadge{border-color:#d8c7ea;background:#f7efff;color:#563188}.walletPhantomAdapterBadge{border-color:#b8d8d2;background:#eaf9f6;color:#166054}.walletConnectPreviewButton{min-height:40px;border:1px solid #c7d1df;border-radius:8px;background:#e8edf4;color:#51606f;font-weight:800}.walletConnectSafeActionButton:not(:disabled){border-color:#166054;background:#166054;color:#fff;cursor:pointer}.walletConnectSafeActionButton:disabled{cursor:not-allowed}.walletReturnNotice{display:grid;gap:8px;border:1px solid #d7dee8;border-radius:8px;background:#f7f9fc;color:#384859;padding:10px}.walletReturnNoticeConnected{border-color:#b8d8d2;background:#eaf9f6;color:#166054}.walletReturnNotice span{color:inherit;line-height:1.35}.walletReturnButton{min-height:38px;border:1px solid #cfd8e5;border-radius:8px;background:#fff;color:#1f2d3d;font-weight:800}.walletReturnButton:not(:disabled){border-color:#166054;background:#166054;color:#fff;cursor:pointer}.walletReturnButton:disabled{cursor:not-allowed;opacity:.72}.walletConnectStateList{border-top:1px solid #d7dee8;padding-top:10px}.walletProviderWiringBlock{display:grid;gap:10px;border-top:1px solid #d7dee8;padding-top:10px}.walletClickGateBlock{display:grid;gap:10px;border:1px solid #d7dee8;border-radius:8px;background:#fff;padding:12px}.walletConnectPathList{display:flex;flex-wrap:wrap;gap:8px}.walletConnectPathList span{border:1px solid #d7dee8;border-radius:999px;background:#fff;color:#384859;font-size:.8rem;font-weight:700;padding:5px 8px}.walletGateGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.walletGateGrid strong{color:#1f2d3d;font-size:.82rem}.intentActionGrid,.placeholderGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.intentButton,.secondaryIntentButton,.stakeButton{border:1px solid #cfd8e5;border-radius:8px;background:#f7f9fc;color:#1f2d3d}.intentButton{display:grid;gap:5px;min-height:104px;padding:12px;text-align:left}.intentButtonLabel{font-weight:800}.intentButtonDescription,.intentButtonStatus,.secondaryIntentButton small,.intentSubpanel p,.roomCodeField span{color:#51606f;line-height:1.4}.intentButtonStatus{font-size:.78rem;font-weight:700;text-transform:uppercase}.intentSubpanel{display:grid;gap:10px;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.stakeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stakeButton{min-height:38px;padding:8px;font-weight:800}.stakeButton[data-selected=true]{border-color:#1d6fd1;background:#e8f2ff;color:#124f96}.stakeButton[aria-pressed=true]{border-color:#166054;background:#eaf9f6;box-shadow:inset 0 0 0 2px #166054;color:#166054}.roomCodeField{display:grid;gap:6px}.roomCodeField input{width:100%;min-height:40px;border:1px solid #cfd8e5;border-radius:8px;background:#fff;color:#1f2d3d;font:inherit;padding:8px 10px}.secondaryIntentGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.secondaryIntentButton{display:grid;gap:3px;min-height:58px;padding:8px;font-weight:800}.action-map{gap:16px}.action-map-group{display:grid;gap:10px}.action-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.action-map-grid--technical,.action-map-grid--ux{grid-template-columns:repeat(2,minmax(0,1fr))}.action-card{display:grid;align-content:start;gap:9px;min-height:118px;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.action-card--primary{border-color:#ccd7e6;background:#f7f9fc}.action-card--readonly{border-color:#c8d6b8;background:#f8fbf5}.action-card--secondary{border-color:#d6cab8;background:#fffaf2}.action-card--technical{border-style:dashed;background:#f6f7f9}.action-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.action-card-meta{display:grid;gap:5px;margin:0}.action-card-meta div{display:flex;justify-content:space-between;gap:8px}.action-card-meta dt,.action-card p{color:#51606f;line-height:1.4}.action-card-meta dd{margin:0;font-weight:800}.action-state-badge{width:fit-content;max-width:100%;border:1px solid #cfd8e5;border-radius:999px;background:#fff;color:#384859;font-size:.72rem;font-weight:800;overflow-wrap:anywhere;padding:4px 7px}.action-boundary-note{display:grid;gap:10px;border-top:1px solid #d7dee8;padding-top:12px}.build-boundary-surface{gap:14px}.build-boundary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.build-boundary-card{display:grid;align-content:start;gap:10px;min-width:0;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.build-boundary-card p{color:#51606f;line-height:1.4}.build-boundary-meta{display:grid;gap:6px;margin:0}.build-boundary-meta div{display:flex;justify-content:space-between;gap:8px}.build-boundary-meta dt{color:#51606f}.build-boundary-meta dd{margin:0;font-weight:800;overflow-wrap:anywhere;text-align:right}.build-boundary-token-list{display:flex;flex-wrap:wrap;gap:6px}.build-boundary-token-list span{border:1px solid #cfd8e5;border-radius:999px;background:#fff;color:#384859;font-size:.74rem;font-weight:800;overflow-wrap:anywhere;padding:4px 7px}.readonly-source-readiness{display:grid;gap:10px;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.readonly-source-readiness p{color:#51606f;line-height:1.4;overflow-wrap:anywhere}.readonly-source-token-list{display:flex;flex-wrap:wrap;gap:6px}.readonly-source-token-list span{border:1px solid #c8d6b8;border-radius:999px;background:#f8fbf5;color:#315f1f;font-size:.74rem;font-weight:800;overflow-wrap:anywhere;padding:4px 7px}.devnet-mvp-readiness{gap:14px}.devnet-mvp-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.devnet-mvp-summary-grid span{border:1px solid #cfd8e5;border-radius:8px;background:#f7f9fc;color:#384859;font-size:.82rem;font-weight:800;overflow-wrap:anywhere;padding:8px}.devnet-mvp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.devnet-mvp-card{display:grid;align-content:start;gap:10px;min-width:0;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.devnet-mvp-card p{color:#51606f;line-height:1.4;overflow-wrap:anywhere}.create-builder-wiring,.builder-wiring{gap:14px}.create-builder-wiring-grid,.builder-wiring-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.create-builder-wiring-card,.builder-wiring-card{display:grid;gap:10px;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.create-builder-wiring-token-list,.builder-wiring-token-list{display:flex;flex-wrap:wrap;gap:6px}.create-builder-wiring-token-list span,.builder-wiring-token-list span{border:1px solid #cfd8e5;border-radius:999px;background:#fff;color:#384859;font-size:.74rem;font-weight:800;overflow-wrap:anywhere;padding:4px 7px}.telegram-entry{gap:14px}.telegram-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.telegram-entry-card{display:grid;align-content:start;gap:10px;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.telegram-entry-card p{color:#51606f;line-height:1.4}.telegram-entry-step{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}.telegram-entry-badge{display:inline-block;width:fit-content;max-width:100%;border:1px solid #d8c7ea;border-radius:999px;background:#f7efff;color:#563188;font-size:.76rem;font-weight:800;overflow-wrap:anywhere;padding:5px 8px}.telegram-entry-safety{border:1px solid #d7dee8;border-radius:8px;background:#fff;overflow-wrap:anywhere;padding:10px}.telegram-entry-disabled{border-color:#d6cab8;background:#fff7e8;color:#6b4a0f}.readonly-rooms{gap:14px}.readonly-rooms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.readonly-room-card{display:grid;align-content:start;gap:10px;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.readonly-room-card p,.readonly-room-row p{color:#51606f;line-height:1.4}.readonly-room-badge{display:inline-block;width:fit-content;max-width:100%;border:1px solid #b8d8d2;border-radius:999px;background:#eaf9f6;color:#166054;font-size:.76rem;font-weight:800;overflow-wrap:anywhere;padding:5px 8px}.readonly-room-list{display:grid;gap:10px}.readonly-room-row{display:grid;gap:10px;border:1px dashed #cfd8e5;border-radius:8px;background:#fff;padding:12px}.readonly-room-safety{border:1px solid #d7dee8;border-radius:8px;background:#f7f9fc;color:#51606f;line-height:1.4;overflow-wrap:anywhere;padding:10px}.my-room-status{border-color:#d6cab8;background:#fffaf2}.open-rooms-status{border-color:#c8d6b8;background:#f8fbf5}.create-room-panel{gap:14px}.create-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.create-room-card{display:grid;align-content:start;gap:10px;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.create-room-stake-list{display:flex;flex-wrap:wrap;gap:8px}.create-room-stake-chip,.create-room-state-badge{width:fit-content;max-width:100%;border:1px solid #cfd8e5;border-radius:999px;background:#fff;color:#384859;font-size:.78rem;font-weight:800;overflow-wrap:anywhere;padding:5px 8px}.create-room-payment-boundary,.create-room-safety-note,.create-room-card p{color:#51606f;line-height:1.4}.create-room-payment-boundary,.create-room-safety-note{border:1px solid #d7dee8;border-radius:8px;background:#f7f9fc;padding:10px}.create-room-state-badge{border-color:#d6cab8;background:#fff7e8;color:#6b4a0f}.create-room-gate{display:grid;gap:10px}.create-room-gate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.create-room-gate-card{display:grid;gap:10px;border:1px solid #cfd8e5;border-radius:8px;background:#f7f9fc;padding:12px}.create-room-gate-card>div,.create-room-gate-card>div>div{min-width:0}.create-room-gate-badge{display:inline-block;max-width:100%;border:1px solid #bfd3ea;border-radius:999px;background:#edf5ff;color:#124f96;font-size:.76rem;font-weight:800;overflow-wrap:anywhere;padding:5px 8px}.create-room-gate-reason,.create-room-gate-card p{color:#51606f;line-height:1.4}.create-room-gate-reason{margin-top:7px;font-weight:700;overflow-wrap:anywhere}.create-room-gate-disabled{border-color:#d6cab8;background:#fff7e8;color:#6b4a0f}.create-room-gate-safety{border:1px solid #d7dee8;border-radius:8px;background:#fff;padding:10px}.create-room-locked-button{min-height:40px;border:1px solid #cfd8e5;border-radius:8px;background:#e8edf4;color:#51606f;font-weight:800}.join-room-panel{gap:14px}.join-room-gate{display:grid;gap:10px}.join-room-gate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.join-room-gate-card{display:grid;align-content:start;gap:10px;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.join-room-gate-card>div,.join-room-gate-card>div>div{min-width:0}.join-room-gate-badge{display:inline-block;width:fit-content;max-width:100%;border:1px solid #c8d6b8;border-radius:999px;background:#f0f7e8;color:#315f1f;font-size:.76rem;font-weight:800;overflow-wrap:anywhere;padding:5px 8px}.join-room-gate-reason,.join-room-gate-card p{color:#51606f;line-height:1.4}.join-room-gate-reason{margin-top:7px;font-weight:700;overflow-wrap:anywhere}.join-room-gate-disabled{border-color:#d6cab8;background:#fff7e8;color:#6b4a0f}.join-room-gate-safety{border:1px solid #d7dee8;border-radius:8px;background:#f7f9fc;padding:10px}.join-room-locked-button{min-height:40px;border:1px solid #cfd8e5;border-radius:8px;background:#e8edf4;color:#51606f;font-weight:800}.cancel-open-room-panel{gap:14px}.cancel-open-room-gate{display:grid;gap:10px}.cancel-open-room-gate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cancel-open-room-gate-card{display:grid;align-content:start;gap:10px;border:1px solid #d7dee8;border-radius:8px;background:#fbfcfe;padding:12px}.cancel-open-room-gate-card>div,.cancel-open-room-gate-card>div>div{min-width:0}.cancel-open-room-gate-badge{display:inline-block;width:fit-content;max-width:100%;border:1px solid #d6cab8;border-radius:999px;background:#fff7e8;color:#6b4a0f;font-size:.76rem;font-weight:800;overflow-wrap:anywhere;padding:5px 8px}.cancel-open-room-gate-reason,.cancel-open-room-gate-card p{color:#51606f;line-height:1.4}.cancel-open-room-gate-reason{margin-top:7px;font-weight:700;overflow-wrap:anywhere}.cancel-open-room-gate-disabled{border-color:#cfd8e5;background:#e8edf4;color:#51606f}.cancel-open-room-gate-safety{border:1px solid #d7dee8;border-radius:8px;background:#f7f9fc;padding:10px}.cancel-open-room-locked-button{min-height:40px;border:1px solid #cfd8e5;border-radius:8px;background:#e8edf4;color:#51606f;font-weight:800}.safetyNote{margin-top:14px;padding:12px 14px}@media (max-width: 560px){.actionGrid,.action-map-grid,.build-boundary-grid,.create-room-gate-grid,.create-builder-wiring-grid,.builder-wiring-grid,.create-room-grid,.cancel-open-room-gate-grid,.devnet-mvp-grid,.devnet-mvp-summary-grid,.intentActionGrid,.join-room-gate-grid,.placeholderGrid,.readonly-rooms-grid,.telegram-entry-grid,.walletGateGrid{grid-template-columns:1fr}.stakeGrid,.secondaryIntentGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}