/* ODDAY Play Zone */
.odp-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}
odday-play{display:block}
.odp-stage{position:relative;border-radius:28px;overflow:hidden;min-height:560px;border:3px solid var(--odd-ink);background:radial-gradient(circle at 50% 35%,#ffffff 0%,var(--odp-stage,#F4EEE4) 60%,color-mix(in srgb,var(--odp-stage,#F4EEE4) 80%,#141313) 100%)}
.odp-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none}
.odp-canvas[hidden]{display:none}
.odp-wall{background:#FBF8F2;cursor:crosshair}
.odp-tabs{position:absolute;z-index:3;top:16px;left:16px;display:flex;background:#fff;border-radius:40px;padding:5px;border:2px solid var(--odd-ink)}
.odp-tabs button{padding:10px 18px;border-radius:30px;border:0;background:none;cursor:pointer;font-family:var(--odd-display);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--odd-ink);transition:.25s}
.odp-tabs button.is-on{background:var(--odd-ink);color:#fff}
.odp-hint{position:absolute;z-index:3;top:20px;right:20px;background:var(--odd-ink);color:#fff;font-size:12px;padding:8px 14px;border-radius:20px;letter-spacing:.06em;transition:opacity .5s;pointer-events:none}
.odp-tools{position:absolute;z-index:3;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.odp-sw{display:flex;gap:8px;background:#fff;padding:8px;border-radius:40px;border:2px solid var(--odd-ink);flex-wrap:wrap}
.odp-sw button{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px rgba(0,0,0,.25);cursor:pointer;transition:transform .2s;padding:0}
.odp-sw button.is-on{transform:scale(1.2);box-shadow:0 0 0 2.5px var(--odd-ink)}
.odp-btns{display:flex;gap:8px}
.odp-btns[hidden]{display:none}
.odp-btn{background:#fff;border:2px solid var(--odd-ink);border-radius:30px;padding:10px 16px;font:600 13px var(--odd-body);color:var(--odd-ink);cursor:pointer;box-shadow:0 4px 0 var(--odd-ink);transition:.15s}
.odp-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--odd-ink)}
.odp-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;font-family:var(--odd-display);text-transform:uppercase}
.odp-side{display:flex;flex-direction:column;gap:20px}
.odp-card{border-radius:28px;padding:34px;flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.odp-card p{line-height:1.55;margin:12px 0 0;font-size:15px}
.odp-card .odd-btn{align-self:flex-start}
.odp-card-btn-wrap{margin-top:auto;padding-top:28px;padding-bottom:12px}
.odp-card-h{font-size:clamp(22px,2.2vw,32px);margin-top:12px!important;line-height:1}
.odp-card--dark{background:var(--odd-ink);color:var(--odd-cream);display:flex;flex-direction:column;justify-content:space-between;min-height:100%}
.odp-card--dark .odp-card-h{color:var(--odd-cream)}
.odp-card--mint{color:var(--odd-ink)}
.odp-card-txt{max-width:60%;position:relative;z-index:1}
.odp-card-img{position:absolute;right:-20px;bottom:-30px;width:52%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:18px;transform:rotate(8deg);border:5px solid #fff}
.odp-link{display:inline-block;margin-top:14px;font-weight:600;color:var(--odd-ink)}
@media(max-width:900px){
  .odp-grid{grid-template-columns:1fr;gap:16px}
  .odp-stage{min-height:440px;border-radius:22px}
  .odp-tabs{top:12px;left:12px;padding:4px}
  .odp-tabs button{padding:7px 12px;font-size:10px}
  .odp-hint{top:54px;left:12px;right:auto;font-size:11px;padding:5px 12px;border-radius:16px}
  .odp-card{border-radius:22px;padding:24px}
  .odp-card-h{font-size:22px}
  .odp-card-txt{max-width:65%}
  .odp-card-img{width:36%;right:-10px;bottom:-15px}
  .odp-tools{bottom:12px;left:12px;right:12px;gap:8px}
  .odp-sw{padding:6px;gap:6px}
  .odp-sw button{width:26px;height:26px}
  .odp-btn{padding:8px 12px;font-size:12px}
}