.playground-app{padding:21px 18px 35px;display:flex;flex-direction:column;gap:20px;color:var(--ink,#42453f)}.pg-intro{display:flex;gap:14px;align-items:center;padding:5px 0}.pg-intro-icon{display:grid;place-items:center;flex:0 0 57px;height:66px;border-radius:21px;background:linear-gradient(140deg,#eee8f2,#e3e8dc);color:#a794b0;font-size:33px;box-shadow:inset 0 0 0 1px #ffffff90}.pg-kicker{display:block;margin:0 0 6px;color:#a08ca7;font-size:9px;letter-spacing:1.7px;font-weight:650;line-height:1.7}.pg-intro h2{font-size:19px;line-height:1.6;margin:0 0 7px}.pg-intro p:last-child{font-size:11px;line-height:1.9;margin:0;color:#929087}.pg-scope{padding:14px 15px;display:flex;flex-direction:column;gap:9px;background:#fbfaf6}.pg-scope>span{font-size:11px;color:#8e8d83}.pg-scope .form-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin:0}.pg-scope .field{width:52%;max-width:180px;padding:8px;font-size:12px}.pg-scope small{font-size:10px;line-height:1.8;color:#a09c93}.pg-status{font-size:12px;line-height:1.8;color:#92878f;margin:0;min-height:4px}.pg-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pg-section-heading h2,.pg-section-heading h3{margin:0;font-size:17px;line-height:1.7;overflow-wrap:anywhere}.pg-section-heading h2{font-size:20px}.pg-section-heading>.muted{font-size:11px;white-space:nowrap}.pg-badge{border:1px solid #e7dce8;border-radius:12px;padding:4px 8px;color:#b29cb5;font-size:9px;white-space:nowrap}.pg-create,.pg-draft,.pg-game,.pg-recovery{padding:17px;display:flex;flex-direction:column;gap:14px}.pg-create form{display:flex;flex-direction:column;gap:12px}.playground-app .form-label{font-size:12px;line-height:1.8}.playground-app .field{font-size:12px;line-height:1.8}.playground-app .form-help{font-size:10px;line-height:1.9;margin:0}.playground-app .muted{font-size:12px;line-height:1.8;margin:0}.pg-example-chips{display:flex;gap:7px;flex-wrap:wrap}.pg-example-chips button{border:1px solid #e5dee6;border-radius:16px;padding:7px 11px;background:#faf7fa;color:#a08aa6;font:inherit;font-size:10px;cursor:pointer}.pg-branch-bar{display:flex;align-items:flex-end;gap:9px}.pg-branch-bar .form-label{flex:1;min-width:0;margin:0}.pg-branch-bar select{margin-top:6px}.pg-branch-bar .secondary-button{font-size:11px;white-space:nowrap;padding:10px 11px;margin-bottom:2px}.pg-turn-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#b09bab;padding-top:3px}.pg-narrative{padding:15px;border-radius:12px;background:linear-gradient(145deg,#faf6f7,#f9faf4);font-size:13px;line-height:2.05;white-space:pre-wrap;overflow-wrap:anywhere;color:#716b69}.pg-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pg-state-field{padding:11px 12px;border:1px solid #eae6df;background:#fffdfa;border-radius:11px;min-width:0}.pg-state-field span{display:block;font-size:10px;color:#aaa095;line-height:1.8}.pg-state-field strong{display:block;font-size:13px;line-height:1.9;color:#817667;font-weight:600;overflow-wrap:anywhere;white-space:pre-wrap}.pg-state-field small{display:block;font-size:9px;line-height:1.8;color:#bbb3a8}.pg-game-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pg-action-item{display:flex;flex-direction:column;gap:6px;min-width:0}.pg-action-item button{width:100%;font-size:12px;padding:10px;white-space:normal;line-height:1.6}.pg-action-item small{font-size:9px;line-height:1.7;color:#a59d96}.pg-action-note{margin:0}.pg-rules,.pg-history,.pg-raw{border-top:1px solid #ede7e9;padding-top:11px;color:#9d8e9b;font-size:11px;line-height:1.8}.pg-rules summary,.pg-history summary,.pg-raw summary{cursor:pointer;list-style-position:inside;line-height:2}.pg-rules p,.pg-rules li{color:#8c847d;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.pg-rules ol{padding-left:20px}.pg-history-list{display:flex;flex-direction:column;gap:13px;margin-top:12px;max-height:500px;overflow:auto;overscroll-behavior:contain}.pg-history-list article{background:#faf8f5;border:1px solid #ede9e1;border-radius:10px;padding:12px}.pg-history-list strong{font-size:10px;color:#aa92a5}.pg-history-list time{font-size:9px;color:#b4ada4;white-space:nowrap}.pg-history-list p{font-size:11px;line-height:1.95;white-space:pre-wrap;color:#8e857b;overflow-wrap:anywhere;margin:8px 0}.pg-history-list .pg-history-input{font-size:10px;color:#ac9b9f}.pg-raw textarea{margin:9px 0;font-family:ui-monospace,monospace;font-size:10px;resize:vertical}.pg-inline-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pg-inline-actions .secondary-button,.pg-inline-actions .primary-button{font-size:11px}.pg-text-button{border:0;background:transparent;font:inherit;font-size:11px;line-height:1.8;color:#aa92a4;padding:5px 0;cursor:pointer}.pg-error{color:#b47768!important;font-size:11px;line-height:1.9;margin:0}.pg-recovery{border-color:#e5d4c8;background:#fffaf4}.pg-shelf{display:flex;flex-direction:column;gap:12px}.pg-shelf-item{display:flex;gap:12px;padding:14px}.pg-shelf-symbol{display:grid;place-items:center;flex:0 0 43px;height:50px;border-radius:12px;background:linear-gradient(140deg,#e9e4ed,#e3e9da);font-size:26px;color:#a392ac}.pg-shelf-item>div{min-width:0;flex:1}.pg-shelf-item h4{font-size:14px;margin:0 0 5px;line-height:1.7;overflow-wrap:anywhere}.pg-shelf-item p{font-size:11px;line-height:1.8;color:#999288;margin:0 0 5px;overflow-wrap:anywhere}.pg-shelf-item small{font-size:9px;color:#b4a99e}.pg-shelf-item .pg-inline-actions{margin-top:8px}.pg-empty{text-align:center;font-size:12px;line-height:1.9;color:#afa297;padding:22px 14px}.pg-empty h3{font-size:16px;color:#8b7d85}.pg-footnote{font-size:10px;line-height:1.95;color:#b1a79f;margin:0}.playground-app button:disabled{opacity:.5;cursor:default}.playground-app [hidden]{display:none!important}@media(max-width:370px){.playground-app{padding:17px 12px 29px;gap:16px}.pg-intro{gap:10px}.pg-intro-icon{flex-basis:47px;height:56px;border-radius:17px;font-size:27px}.pg-intro h2{font-size:17px}.pg-create,.pg-draft,.pg-game,.pg-recovery{padding:13px}.pg-section-heading h2{font-size:18px}.pg-state-field{padding:9px}.pg-game-actions{gap:8px}.pg-branch-bar{gap:6px}.pg-branch-bar .secondary-button{font-size:10px;padding:9px}.pg-shelf-item{padding:12px;gap:9px}}