.play-theme{--font-rounded: "M PLUS Rounded 1c", var(--font-body, sans-serif)}.play-theme .play-button,.play-theme .play-tile__label,.play-theme .play-tile__example,.play-theme .play-card__cta,.play-theme .play-chip,.play-theme form button[type=submit],.play-theme [role=tab]{font-family:var(--font-rounded)}.play-theme :focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.play-theme .play-panel{border-radius:28px;border:1px solid var(--color-border-subtle);background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 2px #1018280d,0 10px 26px #10182812}.dark .play-theme .play-panel{background:#1b2a21eb}.play-theme .play-surface{border-radius:28px;border:1px solid var(--color-border-subtle);background:var(--color-surface)}.play-theme .play-resume{padding:22px 24px;border-radius:26px;border:1px solid var(--color-border);background:var(--color-accent-soft);box-shadow:0 1px 2px #1018280d}.play-theme .play-button{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;border:1px solid transparent;font-size:16px;font-weight:800;color:#fff;background:var(--color-accent);box-shadow:0 5px #0000002e;transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .12s ease-out}.play-theme .play-button:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 7px #0000002e}.play-theme .play-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #0000002e}.play-theme .play-button:disabled{opacity:.55;transform:none;box-shadow:0 5px #0000001a}.play-theme .play-button--quiet{color:var(--color-text-primary);background:var(--color-surface);border-color:var(--color-border);box-shadow:0 4px #1018281a}.play-theme .play-button--quiet:hover:not(:disabled){background:var(--color-surface-hover);box-shadow:0 6px #1018281a}.play-theme .play-button--quiet:active:not(:disabled){box-shadow:0 1px #1018281a}.play-theme .play-button--small{padding:8px 16px;font-size:13px}.play-theme .play-tile{display:flex;flex-direction:column;gap:10px;width:100%;height:100%;padding:22px 20px 20px;text-align:left;border-radius:24px;background:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:0 6px #1018281a,0 10px 24px #1018280f;transition:transform .12s ease-out,box-shadow .12s ease-out}.play-theme .play-tile:hover{transform:translateY(-3px);box-shadow:0 9px #1018281a,0 16px 30px #1018281a}.play-theme .play-tile:active{transform:translateY(4px);box-shadow:0 2px #1018281a,0 4px 10px #10182814}.play-theme .play-tile.is-selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft),0 6px #1018281a,0 10px 24px #1018280f}.play-theme .play-tile__icon,.play-theme .play-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;color:#fff;background:var(--tone, var(--color-accent))}.play-theme .play-tile__icon{box-shadow:inset 0 -3px #0000001f}.play-theme .play-tile__body{display:flex;flex-direction:column;gap:6px}.play-theme .play-tile__label{font-size:18px;font-weight:800;letter-spacing:.01em;color:var(--color-text-primary)}.play-theme .play-tile__lead{font-size:13.5px;line-height:1.7;color:var(--color-text-secondary)}.play-theme .play-tile__example{margin-top:auto;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--color-text-secondary);background:var(--tone-soft, var(--color-bg-subtle))}.play-theme .play-tile__note{font-size:11.5px;font-weight:700;color:var(--color-text-secondary)}.play-theme .play-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:22px;background:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:0 1px 2px #1018280f,0 8px 20px #1018280f;transition:box-shadow .12s ease-out,border-color .12s ease-out}.play-theme .play-card:hover{border-color:var(--color-accent);box-shadow:0 2px 4px #10182812,0 12px 26px #10182817}.play-theme .play-card__visual{display:block;aspect-ratio:16 / 9;background:var(--color-bg-subtle);overflow:hidden}.play-theme .play-card__visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.play-theme .play-card__body{display:flex;flex:1;flex-direction:column;gap:8px;padding:16px 18px 18px}.play-theme .play-card__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11.5px;font-weight:700;color:var(--color-text-secondary)}.play-theme .play-card__title{font-size:15.5px;font-weight:800;line-height:1.6;color:var(--color-text-primary)}.play-theme .play-card__text{font-size:13px;line-height:1.75;color:var(--color-text-secondary)}.play-theme .play-card__cta{display:inline-flex;gap:5px;align-items:center;margin-top:auto;padding-top:10px;font-size:13px;font-weight:800;color:var(--color-accent)}.play-theme .play-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--color-bg-subtle);font-size:11.5px;font-weight:800;white-space:nowrap}.play-theme .play-chip--official{background:var(--color-surface);color:var(--color-accent);box-shadow:inset 0 0 0 1.5px var(--color-accent)}.play-theme .play-table-wrap{overflow:auto;border:1px solid var(--color-border-subtle);border-radius:12px;background:var(--color-surface)}.play-theme .play-table{width:100%;border-collapse:separate;border-spacing:0}.play-theme .play-table th{position:sticky;top:0;z-index:1;padding:6px 8px;background:var(--color-bg-subtle);color:var(--color-text-secondary);font-size:11px;font-weight:700;text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border-subtle)}.play-theme .play-table td{padding:3px 8px;border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.play-theme .play-table tbody tr:last-child td{border-bottom:0}.play-theme .play-table tbody tr:hover td{background:var(--color-surface-hover)}.play-theme .play-table tbody tr[data-marked=true] td:first-child{box-shadow:inset 3px 0 0 var(--color-accent)}.play-theme .play-table .play-cell-button,.play-theme .play-table input,.play-theme .play-table select{min-height:30px;padding:4px 9px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-primary);font-size:12px;white-space:nowrap}.play-theme .play-table .play-cell-button{font-family:var(--font-rounded);font-weight:700;color:var(--color-text-secondary);transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}.play-theme .play-table .play-cell-button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft)}.play-theme .play-table .play-cell-button.is-set{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-hover);font-weight:800}.play-theme .play-icon-button{position:relative;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}.play-theme .play-icon-button:after{content:"";position:absolute;inset:-8px}.play-theme .play-icon-button:hover{background:var(--color-surface-hover)}.play-theme .play-chip.is-selected{background:var(--color-accent);color:#fff}.play-theme .menu-link{display:block;width:100%;padding:8px 12px;border-radius:10px;text-align:left;font-weight:800;color:var(--color-text-primary);transition:background-color .12s ease-out,color .12s ease-out}.play-theme .menu-link:hover{background:var(--color-surface-hover)}.play-theme .menu-link.is-current{background:var(--color-accent-soft);color:var(--color-accent)}.play-theme .menu-link--child{padding:6px 12px;font-weight:400;color:var(--color-text-secondary)}.play-theme .menu-link--child.is-current{font-weight:800}.play-theme .member-locked{opacity:.55;cursor:not-allowed}.play-theme .member-locked:before{content:"";display:inline-block;width:1em;height:1em;margin-right:5px;vertical-align:-.14em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='10' cy='10' r='7.6'/%3E%3Cpath d='M4.7 15.3 15.3 4.7'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='10' cy='10' r='7.6'/%3E%3Cpath d='M4.7 15.3 15.3 4.7'/%3E%3C/svg%3E") center / contain no-repeat}.play-theme .member-notice{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--color-border-subtle);border-radius:16px;background:var(--color-accent-soft);font-size:13px}