

/* Load after platform/read-ui styles. Font family/weight only: preserve established sizes/layout. */
html[data-claw-system-dom="ready"] body.platform-enabled:not(.playing-view) :is(.claw-platform,.mission-dialog,.claw-notifications,.notification-detail-dialog,.target-dialog,.shop-dialog,.profile-editor-dialog,.profile-avatar-dialog),
html[data-claw-system-dom="ready"] body.platform-enabled:not(.playing-view) :is(.claw-platform,.mission-dialog,.claw-notifications,.notification-detail-dialog,.target-dialog,.shop-dialog,.profile-editor-dialog,.profile-avatar-dialog) *:not(:is(.platform-currency-label,.claw-system-heading,.account-card-heading,.activities-card-copy>h2,dialog h2,dialog h2 *,#shop .shop-card h2 .claw-system-heading,#room,#room *,h1,h1 *,#activity-detail .checkin-card-label h2,#activity-detail .checkin-card-label h2 *,#activity-detail .checkin-heading-text,#activity-detail .checkin-spark,[data-title-art],[data-title-art] *)) {
  font-family:ClawSystemLocal!important;font-weight:400!important;font-synthesis:none!important;
}
/* U+2726 is a standalone aria-hidden decoration, absent from System cmap. Explicit icon font, never a silent text fallback. D keeps ownership of its animation. */
body.platform-enabled:not(.playing-view) .claw-platform.platform-shell #activity-detail .checkin-spark {font-family:sans-serif!important;font-weight:400!important;font-synthesis:none!important;}
body.platform-enabled:not(.playing-view) .claw-system-action {
  display:inline-flex!important;position:relative!important;align-items:center;justify-content:center;gap:6px;
  width:auto!important;height:auto!important;max-width:100%;inset:auto!important;transform:none!important;
  font-family:ClawSystemLocal!important;font-weight:400!important;font-synthesis:none!important;font-size:20px;line-height:1.3;white-space:nowrap;vertical-align:middle;
}
body.platform-enabled:not(.playing-view) .claw-system-chevron {display:inline-flex!important;position:static!important;width:9px!important;height:13px!important;flex:none;transform:none!important;}
body.platform-enabled:not(.playing-view) .claw-system-chevron img {display:block!important;position:static!important;width:100%!important;height:100%!important;object-fit:contain;transform:none!important;}
/* Preserve existing textless control skins whose selectors depended on the old label class. */
body.platform-enabled:not(.playing-view) .claw-platform .account-settings-actions button:has(.claw-system-action) {position:relative;background:white!important;border:0;border-radius:12px;box-shadow:inset 0 0 0 1px #bdb0ff;}
body.platform-enabled:not(.playing-view) .claw-platform .account-settings-actions button.platform-button:has(.claw-system-action) {background:linear-gradient(#fe7274,#fe454b)!important;box-shadow:none;}
body.platform-enabled:not(.playing-view) .mission-primary.mission-apply:has(.claw-system-action) {position:relative;background:linear-gradient(#ff999b,#ff3842 70%);}
body.platform-enabled:not(.playing-view) .mission-pending:has(.claw-system-action) {position:relative;background:linear-gradient(#d5d5da,#bfc0c8);}
body.platform-enabled:not(.playing-view) .claw-platform .activities-open.activities-approved-face:has(.claw-system-action) {position:relative;background:linear-gradient(#ff747a,#ff2935);}
body.platform-enabled:not(.playing-view) .claw-system-layered {position:relative;isolation:isolate;}
body.platform-enabled:not(.playing-view) .claw-system-face {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;}
body.platform-enabled:not(.playing-view) :is(.claw-system-skin,.claw-system-icon) {position:absolute;inset:0;display:block;width:100%;height:100%;}
body.platform-enabled:not(.playing-view) :is(.claw-system-skin,.claw-system-icon) img {display:block;width:100%;height:100%;}
body.platform-enabled:not(.playing-view) .claw-system-face-text {position:relative;font-family:ClawSystemLocal!important;font-weight:400!important;font-synthesis:none!important;font-size:17px;line-height:1.3;white-space:nowrap;}
body.platform-enabled:not(.playing-view) .claw-system-face-enter .claw-system-face-text {margin-right:13px;color:#fff;}
body.platform-enabled:not(.playing-view) .claw-system-face-mission{gap:4px;}
body.platform-enabled:not(.playing-view) .claw-system-face-mission .claw-system-face-text {margin-left:0;color:#0b055b;}
body.platform-enabled:not(.playing-view) .claw-system-face-mission .claw-system-icon{position:relative;inset:auto;flex:0 0 24px;width:24px;height:26px;transform:none;}
body.platform-enabled:not(.playing-view) .claw-system-face-mission .claw-system-icon img{object-fit:contain;}
/* Long prices wrap inside their existing grid cell instead of covering either action. */
body.platform-enabled:not(.playing-view) .claw-platform .platform-machine-card .platform-cost {flex-wrap:wrap;}
body.platform-enabled:not(.playing-view) .claw-platform .platform-machine-card .platform-cost strong {max-width:100%;white-space:normal;overflow-wrap:anywhere;}
body.platform-enabled:not(.playing-view) .claw-system-heading {display:inline-block;font-family:ClawSystemLocal!important;font-weight:400!important;font-synthesis:none!important;font-size:24px;line-height:1.35;white-space:nowrap;}
body.platform-enabled:not(.playing-view) .claw-system-heading[data-heading-kind="mission-main"] {font-size:26px;}
body.platform-enabled:not(.playing-view) .claw-system-heading[data-heading-kind="mission-section"] {font-size:20px;}
@media(max-width:768px) {body.platform-enabled:not(.playing-view) .claw-system-action {font-size:18px;}body.platform-enabled:not(.playing-view) .claw-system-heading {font-size:21px;}body.platform-enabled:not(.playing-view) .claw-system-heading[data-heading-kind="mission-main"] {font-size:23px;}}
@media(max-width:640px) {body.platform-enabled:not(.playing-view) .claw-system-face-text {font-size:15px;}}

html:not([data-claw-system-dom="ready"]) body.platform-enabled:not(.playing-view) :is(.claw-platform,.mission-dialog,.claw-notifications,.notification-detail-dialog,.shop-dialog,.profile-editor-dialog,.profile-avatar-dialog,.target-dialog){visibility:hidden}

/* Shared finish for platform action buttons; retain each action color and disabled state. */
body.platform-enabled:not(.playing-view) :is(.activities-open.activities-approved-face,.checkin-claim-button,.checkin-pending-button,.account-settings-actions button,.platform-enter,.platform-task,.mission-entry,.mission-primary,.mission-secondary,.mission-pending,.activities-unavailable,.notification-actions button,.shop-details-back,.profile-secondary){box-shadow:inset 0 1px #ffffffbb,0 3px 0 #77718b22!important}
body.platform-enabled:not(.playing-view) :is(.activities-open.activities-approved-face,.checkin-claim-button:not(:disabled),.account-settings-actions button.platform-button,.mission-primary:not(:disabled)){background:linear-gradient(#ff6178,#ff354f)!important;border:1px solid #ff4058;box-shadow:inset 0 1px #ffffff77,0 3px 0 #ed294022!important}

body.platform-enabled:not(.playing-view) .claw-platform #shop .shop-card h2 .claw-system-heading{font-family:ClawPuddingLocal!important;font-weight:400!important;font-synthesis:none}

body.platform-enabled:not(.playing-view) dialog h2,body.platform-enabled:not(.playing-view) dialog h2 .claw-system-heading{font-family:ClawPuddingLocal!important;font-weight:400!important;font-synthesis:none!important}

body.platform-enabled:not(.playing-view) .activities-card-copy>h2{font-family:ClawPuddingLocal!important;font-weight:400!important;font-synthesis:none!important}

body.platform-enabled:not(.playing-view) .claw-system-heading,body.platform-enabled:not(.playing-view) .account-card-heading{font-family:ClawPuddingLocal!important;font-weight:400!important;font-synthesis:none!important}

body.platform-enabled:not(.playing-view) .platform-currency-label{font-family:ClawSystemLocal!important;font-weight:400!important;font-synthesis:none!important}

/* Lobby mission action: one fine rim, no stacked grey base. */
body.platform-enabled:not(.playing-view) .platform-machine-card .mission-entry{box-shadow:none!important;border:1px solid transparent!important;filter:none!important}

/* Mission and entry share the exact same face geometry. */
body.platform-enabled:not(.playing-view) .platform-machine-card .mission-entry{box-shadow:inset 0 1px #ffffffbb,0 3px 0 #77718b22!important}
body.platform-enabled:not(.playing-view) .claw-system-face-mission .claw-system-skin{filter:grayscale(1) brightness(2) contrast(.25) brightness(1.6)}

/* Shared compact close icon for platform and room dialogs; 44px hit area. */
body.platform-enabled #room #game-menu .menu-b-close,body.platform-enabled .mission-close,body.platform-enabled #room .mission-close,body.platform-enabled .owner-guide-close,body.platform-enabled #room .owner-guide-close,body.platform-enabled .notification-close,body.platform-enabled #room .notification-close,body.platform-enabled .menu-b-close,body.platform-enabled #room .menu-b-close{box-sizing:border-box!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important;border:0!important;border-radius:14px!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fffdfb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e8dcf6%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2219%22%20r%3D%2216%22%20fill%3D%22%23b29ac8%22%20opacity%3D%22.3%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2217%22%20r%3D%2215.5%22%20fill%3D%22url(%23g)%22%20stroke%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22m13%2012%2010%2010m0-10L13%2022%22%20fill%3D%22none%22%20stroke%3D%22%2381639c%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/34px 34px no-repeat!important;box-shadow:none!important;font-size:0!important;color:transparent!important;cursor:pointer;transition:filter .12s,transform .12s}
body.platform-enabled #room #game-menu .menu-b-close>*,body.platform-enabled .mission-close>*,body.platform-enabled #room .mission-close>*,body.platform-enabled .owner-guide-close>*,body.platform-enabled #room .owner-guide-close>*,body.platform-enabled .notification-close>*,body.platform-enabled #room .notification-close>*,body.platform-enabled .menu-b-close>*,body.platform-enabled #room .menu-b-close>*{display:none!important}
body.platform-enabled #room #game-menu .menu-b-close:hover,body.platform-enabled .mission-close:hover,body.platform-enabled #room .mission-close:hover,body.platform-enabled .owner-guide-close:hover,body.platform-enabled #room .owner-guide-close:hover,body.platform-enabled .notification-close:hover,body.platform-enabled #room .notification-close:hover,body.platform-enabled .menu-b-close:hover,body.platform-enabled #room .menu-b-close:hover{filter:brightness(1.04)}
body.platform-enabled #room #game-menu .menu-b-close:active,body.platform-enabled .mission-close:active,body.platform-enabled #room .mission-close:active,body.platform-enabled .owner-guide-close:active,body.platform-enabled #room .owner-guide-close:active,body.platform-enabled .notification-close:active,body.platform-enabled #room .notification-close:active,body.platform-enabled .menu-b-close:active,body.platform-enabled #room .menu-b-close:active{transform:translateY(1px)}
/* Compact shared modal headings, including the room's native dialogs. */
body.platform-enabled dialog > :is(header,.notification-heading,.owner-guide-header){padding-block:10px!important;min-height:0;height:auto;}
body.platform-enabled dialog.mission-dialog.mission-unified .mission-header{min-height:78px!important;height:auto!important;padding-block:10px!important;margin-bottom:8px!important;}
body.platform-enabled dialog.mission-dialog.mission-unified .mission-header>.mission-crown{width:44px;height:44px;}
body.platform-enabled dialog.mission-dialog.mission-unified .mission-owner-help + .mission-close{margin-left:-8px;}
body.platform-enabled .platform-enter.is-watching :is(.claw-system-skin,.platform-enter-face){filter:hue-rotate(275deg);}
body.platform-enabled #room dialog .menu-b-header{padding-block:0!important;min-height:44px;margin-bottom:4px;}
body.platform-enabled #room dialog.menu-b-dialog{padding-top:18px!important;}
body.platform-enabled dialog .profile-avatar-header{grid-template-columns:64px minmax(0,1fr);}
body.platform-enabled dialog .profile-avatar-preview{width:64px;height:64px;}
@media(max-width:1050px){
 body.platform-enabled dialog:modal{position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;}
 body.platform-enabled dialog > :is(header,.notification-heading,.owner-guide-header){padding-block:6px!important;}
 body.platform-enabled dialog.mission-dialog.mission-unified .mission-header{min-height:60px!important;padding-block:6px!important;margin-bottom:6px!important;gap:8px;}
 body.platform-enabled dialog.mission-dialog.mission-unified .mission-header>.mission-crown{width:34px;height:34px;}
 body.platform-enabled dialog :is(.mission-heading>p,.menu-b-sub,.profile-avatar-header .profile-helper){display:none!important;}
 body.platform-enabled #room dialog.menu-b-dialog{padding-top:12px!important;}
 body.platform-enabled dialog .profile-avatar-header{grid-template-columns:48px minmax(0,1fr);}
 body.platform-enabled dialog .profile-avatar-preview{width:48px;height:48px;}
}
