/* SmartAGI · Prompts para jugar. Styles confined to this section/module. */
.play-page{--play-paper:#f4eee7;--play-accent:#b72520;--play-line:#cbc6c0}
.play-header .primary{flex-wrap:wrap;row-gap:8px;padding-block:12px}
.play-nav-link[aria-current]{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px}
.play-page main{padding-bottom:72px}
.play-crumbs{display:flex;flex-wrap:wrap;gap:8px;padding-top:28px;font:13px/1.5 var(--sans);color:var(--muted)}
.play-crumbs a{text-decoration:underline;text-underline-offset:3px}
.play-intro{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.7fr);gap:56px;align-items:end;padding-block:54px 42px;border-bottom:1px solid var(--black)}
.play-intro .label{color:var(--play-accent);margin-bottom:22px}
.play-intro h1{font:800 clamp(60px,7vw,104px)/.92 var(--display);letter-spacing:-1.6px;text-transform:uppercase;max-width:10ch;text-wrap:balance}
.play-intro h1 span{color:var(--play-accent)}
.play-intro p:not(.label){font:20px/1.5 var(--sans);max-width:36ch}
.play-intro .play-small{font:13px/1.6 var(--sans);color:var(--muted);margin-top:22px}
.play-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:40px;border:1px solid var(--black)}
.play-poster{position:relative;background:var(--play-paper);padding:38px;display:flex;flex-direction:column;justify-content:space-between;min-height:410px;overflow:hidden}
.play-poster:after{content:'';width:138px;height:138px;border:1px solid var(--play-accent);border-radius:50%;position:absolute;right:-34px;top:78px;pointer-events:none}
.play-poster-top{display:flex;justify-content:space-between;gap:16px;font:700 12px/1.4 var(--sans);letter-spacing:1.6px;text-transform:uppercase}
.play-poster-word{font:800 clamp(80px,10vw,140px)/.82 var(--display);letter-spacing:-3px;color:var(--play-accent);margin-block:40px;position:relative;z-index:1}
.play-poster-bottom{font:14px/1.5 var(--sans);max-width:26ch}
.play-feature-copy{padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.play-feature-copy .label{color:var(--play-accent);margin-bottom:20px}
.play-feature h2{font:800 clamp(40px,4.5vw,62px)/1 var(--display);letter-spacing:-.6px;max-width:13ch}
.play-feature-copy>p:not(.label){font:18px/1.55 var(--sans);margin-top:20px;max-width:35ch}
.play-feature-copy .play-cta{margin-top:28px}
.play-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--black);color:#fff;padding:17px 21px;font:700 15px/1.4 var(--sans);text-decoration:none;min-height:52px}
.play-cta:hover{background:var(--play-accent);text-decoration:underline}
.play-cta span{font-size:23px;line-height:1}
.play-rules{display:grid;grid-template-columns:1fr 1fr 1fr;gap:34px;margin-top:44px;padding-top:25px;border-top:1px solid var(--play-line)}
.play-rules div{font:15px/1.6 var(--sans)}
.play-rules h2,.play-rules h3{font:700 20px/1.2 var(--display);margin-bottom:10px}
.play-rules .play-step{display:block;color:var(--play-accent);font:700 12px/1.4 var(--sans);letter-spacing:1px;margin-bottom:10px}
.play-detail-opening{max-width:980px;padding-block:42px 32px}
.play-detail-opening>.label{color:var(--play-accent);margin-bottom:20px}
.play-detail-opening h1{font:800 clamp(54px,6.2vw,86px)/.98 var(--display);letter-spacing:-1px;max-width:15ch;text-wrap:balance}
.play-detail-opening .play-dek{font:22px/1.5 var(--sans);max-width:46ch;margin-top:22px}
.play-meta{display:flex;flex-wrap:wrap;gap:9px 18px;color:var(--muted);font:12px/1.5 var(--sans);margin-top:24px}
.play-warning{border-block:1px solid var(--play-line);padding-block:16px;font:14px/1.6 var(--sans);max-width:980px}
.play-workbench{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:56px;padding-top:36px}
.play-workbench>*{min-width:0}
.play-panel{background:var(--play-paper);border:1px solid var(--play-line);padding:30px;margin-bottom:28px}
.play-panel-header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:18px}
.play-panel h2{font:700 32px/1 var(--display);margin-bottom:10px}
.play-panel-intro{font:15px/1.55 var(--sans);max-width:48ch}
.play-panel-number{font:700 13px/1.4 var(--sans);color:var(--play-accent);padding:7px 0;white-space:nowrap}
.play-prompt-label{display:block;font:700 12px/1.5 var(--sans);margin:24px 0 8px}
.play-prompt{display:block;width:100%;min-height:235px;resize:vertical;padding:18px;border:1px solid #8c8882;border-radius:0;background:#fff;color:var(--black);font:16px/1.65 var(--sans);white-space:pre-wrap;overflow-wrap:break-word;scroll-margin-block:24px;box-sizing:border-box}
.play-prompt:focus-visible{outline:3px solid var(--play-accent);outline-offset:4px}
.play-copy-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px}
.play-copy{border:1px solid var(--black);border-radius:0;background:var(--black);color:#fff;font:700 14px/1.4 var(--sans);padding:14px 19px;min-height:48px}
.play-copy:hover{background:var(--play-accent)}
.play-copy:disabled{cursor:wait;opacity:.7}
.play-copy[hidden]{display:none}
.play-copy:focus-visible{outline:3px solid var(--play-accent);outline-offset:4px}
.play-copy-status{font:14px/1.5 var(--sans);flex:1;min-width:180px}
.play-copy-help{font:13px/1.6 var(--sans);color:#4c4945;margin-top:13px}
.play-aside{font:15px/1.65 var(--sans);border-top:4px solid var(--black);padding-top:19px;align-self:start}
.play-aside h2{font:700 29px/1.05 var(--display);margin-bottom:14px}
.play-aside p+p{margin-top:18px}
.play-aside a{text-decoration:underline}
.play-example{border-block:1px solid var(--black);margin-top:32px;padding-block:0}
.play-example>summary{display:flex;list-style:none;align-items:center;justify-content:space-between;gap:22px;padding:24px 0;font:700 29px/1.1 var(--display)}
.play-example>summary::-webkit-details-marker{display:none}
.play-example>summary:after{content:'+';font:400 34px/1 var(--sans)}
.play-example[open]>summary:after{content:'−'}
.play-example-label{display:block;color:var(--play-accent);font:700 11px/1.5 var(--sans);letter-spacing:1px;text-transform:uppercase;margin-bottom:7px}
.play-example-inner{padding-bottom:28px;max-width:72ch}
.play-example-note{background:var(--play-paper);padding:17px 19px;font:14px/1.65 var(--sans);margin-bottom:24px}
.play-example-body{font:18px/1.85 var(--reading);overflow-wrap:anywhere}
.play-example-body p+p{margin-top:1.25em}
.play-example-source{font:12px/1.6 var(--sans);color:var(--muted);margin-top:22px}
.play-back{margin-top:30px;font:700 14px/1.5 var(--sans);display:inline-block;text-decoration:underline}
/* Optional homepage module: placed outside Numero 3, before the archive. */
.play-home{display:grid;grid-template-columns:1fr 1.5fr auto;gap:36px;align-items:center;border-top:4px solid var(--black);border-bottom:1px solid #b8b3ad;margin-block:48px;padding-block:28px;--play-accent:#b72520}
.play-home .label{color:var(--play-accent);margin-bottom:12px}
.play-home h2{font:800 42px/.97 var(--display);text-transform:uppercase;max-width:10ch}
.play-home p:not(.label){font:17px/1.5 var(--sans);max-width:42ch}
.play-home .play-cta{white-space:nowrap}
@media(max-width:1100px){.play-workbench{grid-template-columns:minmax(0,1fr) 220px;gap:32px}.play-home{grid-template-columns:1fr 1.5fr;gap:20px 32px}.play-home>.play-cta{grid-column:2;justify-self:start}.play-intro{gap:32px}}
@media(max-width:850px){.play-intro{grid-template-columns:1fr;padding-top:36px;gap:28px}.play-intro h1{max-width:11ch}.play-intro p:not(.label){max-width:46ch}.play-feature-copy{padding:29px}.play-poster{padding:29px;min-height:365px}.play-workbench{grid-template-columns:1fr;gap:30px}.play-aside{max-width:65ch}.play-rules{gap:25px}.play-page main{padding-bottom:50px}}
@media(max-width:600px){.play-crumbs{padding-top:20px;font-size:12px}.play-intro{padding-block:32px}.play-intro h1{font-size:64px;letter-spacing:-.8px}.play-intro p:not(.label){font-size:18px}.play-feature{grid-template-columns:1fr;margin-top:28px}.play-poster{min-height:285px;padding:25px}.play-poster-word{font-size:105px;margin-block:30px}.play-feature-copy{padding:26px}.play-feature h2{font-size:46px;max-width:15ch}.play-feature-copy>p:not(.label){font-size:17px}.play-rules{grid-template-columns:1fr;gap:22px}.play-rules div+div{border-top:1px solid var(--play-line);padding-top:20px}.play-detail-opening{padding-block:31px 24px}.play-detail-opening h1{font-size:56px}.play-detail-opening .play-dek{font-size:19px}.play-panel{padding:22px 18px}.play-panel h2{font-size:30px}.play-panel-header{gap:12px}.play-prompt{font-size:16px;min-height:310px;padding:14px}.play-copy-row{align-items:stretch}.play-copy{width:100%}.play-example>summary{font-size:27px}.play-example-body{font-size:17px;line-height:1.8}.play-home{grid-template-columns:1fr;gap:20px;margin-block:34px;padding-block:24px}.play-home h2{font-size:40px;max-width:none}.play-home>.play-cta{grid-column:auto;justify-self:start}.play-cta{font-size:14px}.play-home p:not(.label){font-size:17px}}
@media(prefers-reduced-motion:reduce){.play-page *{scroll-behavior:auto}}
@media print{.play-page .site-header,.play-page .site-footer,.play-copy,.play-copy-help,.play-copy-status,.play-back{display:none}.play-page .content{width:100%}.play-workbench{display:block}.play-panel{break-inside:avoid;background:#fff}.play-prompt{height:auto;min-height:260px}.play-aside{margin-top:24px}}
.play-example-title{font:700 32px/1.1 var(--display);margin-bottom:18px;max-width:30ch}
.play-provenance{margin-top:28px;border-top:1px solid var(--play-line);font:14px/1.65 var(--sans)}
.play-provenance>summary{padding:17px 0;font-weight:700;min-height:48px}
.play-provenance>div>p+p{margin-top:14px}
.play-provenance h3{font:700 22px/1.2 var(--display);margin-block:22px 12px}
.play-provenance pre{font:14px/1.65 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--play-paper);padding:18px;border:1px solid var(--play-line);margin:0}
.play-record-links{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px}
.play-record-links a{text-decoration:underline}