/* R25: same visual language, consistent action groups and a personal studio card. */
#app .pw-game-card .actions,#app .pw-tool-card .actions,#app .q-launch-panel>.actions{gap:12px;align-items:stretch}
#app :is(.pw-game-card,.pw-tool-card,.q-launch-panel)>.actions [data-action-variant],
#app .pw-game-card .media-row__body>.actions [data-action-variant],
#app .pw-tool-copy>.actions [data-action-variant]{font-size:16px;font-weight:600;min-height:46px;padding:10px 14px;line-height:1.5;white-space:normal}
#app .pw-game-card .media-row__body{container-type:inline-size;container-name:game-actions}
#app .pw-game-card .actions [data-action-variant]{flex:1 1 100px;min-width:0;text-align:center}
#app .q-about{padding-block:56px 20px}
#app .q-about-layout{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:54px 76px;max-width:1150px;align-items:center}
#app .q-identity-card{position:relative;isolation:isolate;margin:0;background:var(--paper);color:var(--bg);padding:20px 14px 16px;border:1px solid var(--paper);box-shadow:8px 8px 0 var(--accent);transform:rotate(-2deg);max-width:310px;width:100%}
#app .q-identity-card::before{content:"";position:absolute;width:66px;height:24px;top:-13px;left:40%;background:var(--accent);border:2px solid var(--bg);transform:rotate(6deg);pointer-events:none}
#app .q-identity-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:15px;line-height:1.5}
#app .q-identity-top b{font:700 24px/1 ui-monospace,monospace}
#app .q-identity-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;border:1px solid var(--bg)}
#app .q-identity-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;line-height:1.5;flex-wrap:wrap;font-size:16px}
#app .q-identity-card small{font:12px/1.5 ui-monospace,monospace}
#app .q-about-copy{min-width:0;padding-block:10px}
#app .q-about-copy>.eyebrow,#app .q-about-connect>header>.eyebrow{color:var(--accent);font-size:14px;letter-spacing:.12em;line-height:1.6}
#app .q-about-hello{font-size:clamp(26px,3vw,38px);line-height:1.5;margin:18px 0 10px}
#app .q-about-copy h2{font-size:clamp(40px,5vw,64px);line-height:1.3;font-weight:500;display:flex;align-items:baseline;gap:14px;margin-bottom:30px;overflow-wrap:anywhere}
#app .q-about-copy h2>span{display:inline-block;background:var(--paper);color:var(--bg);padding:2px 8px 6px;box-shadow:5px 5px 0 var(--accent);min-width:0}
#app .q-about-copy h2>b{color:var(--accent);font-size:.8em}
#app .q-about-statement{font-size:clamp(19px,2vw,24px);line-height:1.75;max-width:28em;color:var(--paper)}
#app .q-about-paths{margin-top:26px;gap:12px}
#app .q-about-connect{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px;min-width:0}
#app .q-about-connect>header{display:flex;align-items:baseline;gap:24px;margin-bottom:26px;flex-wrap:wrap}
#app .q-about-connect h2{font-size:clamp(24px,3vw,34px);line-height:1.45;font-weight:500}
#app .q-connect-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:stretch}
#app .q-note-card{display:flex;flex-direction:column;gap:36px;position:relative;min-height:198px;background:var(--paper);color:var(--bg);padding:30px;border:1px solid var(--paper);box-shadow:5px 5px 0 var(--accent);text-decoration:none;overflow-wrap:anywhere}
#app .q-note-card::after{content:"";position:absolute;bottom:0;right:0;width:36px;height:36px;background:var(--accent);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}
#app .q-note-card p{font-size:18px;line-height:1.85;max-width:32em;padding-right:36px}
#app .q-note-card strong{font-size:18px;line-height:1.6;align-self:flex-start;margin-top:auto;padding-bottom:4px;border-bottom:3px solid var(--accent);font-weight:500}
#app .q-note-stamp{position:absolute;top:22px;right:23px;color:var(--accent);border:1px dashed var(--accent);padding:6px 10px;transform:rotate(8deg);font:700 26px/1 ui-monospace,monospace}
#app .q-contact-book{min-width:0}
#app .q-contact-book>p{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:10px}
#app .q-contact-route{display:grid;grid-template-columns:22px minmax(70px,1fr) minmax(0,1fr);gap:14px;align-items:center;border-top:1px solid var(--line);min-height:58px;padding:12px 10px;text-decoration:none;transition:background-color 140ms ease}
#app .q-contact-route:last-child{border-bottom:1px solid var(--line)}
#app .q-contact-route svg{width:20px;height:20px;color:var(--accent)}
#app .q-contact-name{font-size:18px;overflow-wrap:anywhere}
#app .q-contact-detail{font-size:14px;line-height:1.6;color:var(--muted);text-align:right;overflow-wrap:anywhere}
#app .q-note-card:focus-visible{outline:3px solid var(--accent);outline-offset:7px}
#app .q-contact-route:focus-visible{outline:3px solid var(--paper);outline-offset:3px}
@media(hover:hover) and (pointer:fine){#app .q-note-card:hover strong{border-bottom-color:var(--bg)}#app .q-contact-route:hover{background:var(--surface)}#app .q-contact-route:hover .q-contact-name{text-decoration:underline;text-underline-offset:5px}}
@media(max-width:900px){#app .q-about-layout{gap:44px 44px;grid-template-columns:minmax(200px,270px) minmax(0,1fr)}#app .q-connect-grid{gap:24px}#app .q-contact-route{gap:10px}}
@media(max-width:680px){#app .pw-game-card .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#app .pw-game-card .actions [data-action-variant]{min-width:0;width:100%}#app .q-about{padding-top:36px}#app .q-about-layout{grid-template-columns:1fr;gap:36px}#app .q-identity-card{width:min(76%,288px);justify-self:center}#app .q-about-copy{padding-top:0}#app .q-about-copy h2{font-size:clamp(36px,8vw,54px)}#app .q-connect-grid{grid-template-columns:1fr}#app .q-about-connect>header{gap:8px;flex-direction:column}#app .q-note-card{padding:24px;min-height:185px}#app .q-about-paths [data-action-variant]{flex:1 1 85px;padding-inline:10px}#app .q-contact-route{min-height:60px}}
@media(prefers-reduced-motion:reduce){#app .q-contact-route{transition:none}}
@media(forced-colors:active){#app .q-identity-card,#app .q-note-card,#app .q-about-copy h2>span{border:1px solid CanvasText;box-shadow:none}#app .q-note-stamp,#app .q-identity-card::before{border-color:CanvasText}#app .q-contact-route svg{color:LinkText}#app .q-note-card:focus-visible,#app .q-contact-route:focus-visible{outline-color:Highlight}}

@container game-actions (max-width:480px){#app .pw-game-card .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#app .pw-game-card .actions [data-action-variant]{width:100%;min-width:0}}