.pocket-parks{--ink:#254532;--muted:#526651;--cream:#fbf7eb;--line:#d6dbc9;background:var(--cream);color:var(--ink);color-scheme:light;min-height:100vh;font:16px/1.55 Arial,Helvetica,sans-serif}.pocket-parks *{box-sizing:border-box}.pocket-parks button,.pocket-parks textarea{font:inherit}.pocket-parks button{color:var(--ink);cursor:pointer;background:#fffdf5;border:1px solid #adbea5;border-radius:14px;min-height:44px;padding:10px 15px;font-weight:700}.pocket-parks button:hover:not(:disabled){background:#edf1df;box-shadow:0 3px #25453222}.pocket-parks button:disabled{opacity:.4;cursor:default}.pocket-parks :focus-visible{outline-offset:3px;outline:3px solid #007caf}.pocket-parks h1:focus{outline:none}.pocket-parks h1,.pocket-parks h2,.pocket-parks p{margin:0}.pocket-parks h2{letter-spacing:-.6px;font-size:23px}.pp-shell{max-width:1050px;margin:auto;padding:26px 30px 35px}.pp-tree{flex-shrink:0;width:34px;height:40px;display:block}.pp-tree-small{width:22px;height:27px}.pp-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;display:flex}.pp-brand{letter-spacing:1.3px;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.pp-tag{background:#e3e8d5;border-radius:25px;padding:7px 15px;font-size:12px;font-weight:700}.pp-hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:45px;padding:48px 0 38px;display:grid}.pp-kicker{letter-spacing:1.7px;color:#7a5134;font-size:10px;font-weight:800}.pocket-parks h1{letter-spacing:-4px;margin:20px 0 28px;font-size:clamp(55px,8vw,92px);line-height:.95}.pocket-parks h1 em{color:#657a35;font-family:Georgia,serif;font-weight:400}.pp-lead{font-size:23px;font-weight:700;margin-bottom:10px!important}.pp-hero p:not(.pp-kicker){color:var(--muted)}.pp-art{background:#fefcf4;border:1px solid #c9d1b5;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:6px;max-width:320px;padding:15px;display:grid;transform:rotate(7deg);box-shadow:0 14px #d9dfc7,0 24px 40px #36492914}.pp-art>span{aspect-ratio:1;border-radius:9px;place-items:center;display:grid}.pp-rule-strip{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:15px;margin-bottom:28px;padding:19px 0;font-size:13px;display:flex}.pp-rule-strip b{background:#e0e6d1;border-radius:50%;place-items:center;width:28px;height:28px;margin-right:5px;display:inline-grid}.pp-options{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pocket-parks .pp-option{text-align:left;border:0;flex-direction:column;gap:20px;min-height:205px;padding:23px;display:flex;box-shadow:0 5px #25453215}.pp-option strong{letter-spacing:-.7px;font-size:24px}.pp-option>span:last-child{font-size:14px;font-weight:400}.pocket-parks .pp-green{background:#dfe9cb}.pocket-parks .pp-yellow{background:#f5e5bf}.pocket-parks .pp-pink{background:#efdad1}.pocket-parks .pp-resume{background:var(--ink);color:#fff;justify-content:space-between;width:100%;margin-bottom:18px;display:flex}.pp-pack{border-top:1px solid var(--line);margin-top:36px;padding-top:25px}.pp-pack>p{color:var(--muted);margin:7px 0 18px;font-size:14px}.pp-pack-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pp-pack-list button{text-align:left;align-items:center;gap:12px;display:flex}.pp-pack-list button>span{color:#6d7b54;font-family:Georgia,serif;font-size:22px}.pp-pack-list strong{flex:1;font-size:14px}.pp-pack-list small{font-size:11px}.pp-play-head{justify-content:space-between;align-items:center;gap:14px;margin-top:25px;display:flex}.pp-play-head>span{letter-spacing:1px;font-size:12px;font-weight:700}.pocket-parks h1.pp-title{letter-spacing:-1.2px;margin:27px 0 8px;font-size:38px;line-height:1.1}.pp-subtitle{color:var(--muted);margin-bottom:27px!important}.pp-play-layout{grid-template-columns:1.15fr 1fr;align-items:start;gap:30px;display:grid}.pp-board-panel{border:1px solid var(--line);background:#fffdf4;border-radius:24px;padding:22px;box-shadow:0 7px #dce1cb77}.pp-board-top{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.pp-columns{gap:2px;margin-bottom:6px;display:grid}.pp-columns>span{text-align:center;font-size:13px}.pp-columns small{margin-left:7px}.pp-grid{border:1px solid #788d68;border-radius:9px;gap:0;display:grid;overflow:hidden}.pocket-parks .pp-cell{aspect-ratio:1;border-style:solid;border-color:#788d6899;border-radius:0;place-items:center;min-width:0;min-height:0;padding:4px;display:grid;position:relative}.pp-cell>*{pointer-events:none}.pp-cell .pp-tree{width:52%;height:65%;margin-top:8px}.pp-region-letter{opacity:.8;font-size:10px;font-weight:700;position:absolute;top:1px;left:4px}.pp-dot{opacity:.28;font-size:20px}.pp-cross{color:#64735a;font-size:29px;font-weight:400}.pocket-parks .pp-cell.pp-conflict{box-shadow:inset 0 0 0 3px #a63523}.pp-warning{color:#a63523;font-size:14px;position:absolute;bottom:1px;right:3px}.pp-rows{justify-content:space-between;align-items:center;gap:7px;margin-top:15px;font-size:12px;display:flex}.pp-rows b{font-size:11px}.pp-good{color:#25672e}.pp-bad{color:#a53524;font-weight:700}.pp-regions{gap:7px;margin-top:14px;display:flex}.pp-regions span{text-align:center;border-radius:8px;flex:1;padding:4px 2px;font-size:12px}.pp-sidebar{flex-direction:column;gap:23px;display:flex}.pp-tools>p{color:var(--muted);margin:8px 0 15px;font-size:14px}.pp-tool-switch{gap:8px;display:flex}.pp-tool-switch button{flex:1;justify-content:center;align-items:center;gap:7px;font-size:14px;display:flex}.pp-tool-switch>button>span{font-size:25px;line-height:1}.pocket-parks .pp-active,.pocket-parks .pp-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.pp-small{font-size:12px!important}.pp-rules{background:#eef0df;border-radius:20px;padding:22px}.pp-rules h2{font-size:19px}.pp-rules ol{margin:12px 0 0;padding-left:18px;font-size:14px}.pp-rules li+li{margin-top:13px}.pp-rules li b{display:block}.pp-coach{border-top:1px solid #cbd3b7;padding-top:14px;font-size:13px;margin-top:20px!important}.pp-controls{flex-wrap:wrap;gap:8px;display:flex}.pp-controls button{font-size:13px}.pp-message{color:var(--muted);min-height:70px;padding:24px 0;font-size:14px}.pp-win{background:#dfebce;border-radius:24px;align-items:center;gap:25px;padding:28px;display:flex}.pp-win>.pp-tree{width:58px;height:72px}.pp-win h2{margin:7px 0;font-size:29px}.pp-win .pp-controls{margin-top:20px}.pp-help{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:14px}.pp-help summary{cursor:pointer;min-height:44px;font-weight:700}.pp-help p{margin:12px 0}.pp-share{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;width:100%;height:125px;margin-top:15px;padding:15px}.pocket-parks footer{text-align:center;color:var(--muted);margin-top:40px;font-size:12px;line-height:1.9}.pp-shade{z-index:10000;background:#213b2dc9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pp-dialog{background:var(--cream);border-radius:23px;max-width:430px;padding:26px}.pp-dialog p{margin:15px 0 23px}.pp-notice{border:1px solid #a36d49;border-radius:10px;padding:12px;margin:14px 0!important}@media (width<=760px){.pp-shell{padding:18px}.pp-play-layout{grid-template-columns:1fr;gap:25px;max-width:470px;margin:auto}.pp-board-panel{padding:16px}.pp-hero{gap:22px;padding:35px 0}.pp-art{gap:4px;padding:10px}.pp-art .pp-tree{width:26px;height:32px}.pp-options{grid-template-columns:1fr}.pocket-parks .pp-option{gap:12px;min-height:0}.pp-lead{font-size:20px}.pp-play-head>span,.pp-brand{font-size:10px}.pp-win{padding:22px}.pp-win>.pp-tree{display:none}}@media (width<=400px){.pp-shell{padding:12px}.pp-tag{display:none}.pp-hero{grid-template-columns:1fr}.pp-art{display:none}.pp-pack-list{grid-template-columns:1fr}.pp-rule-strip{justify-content:flex-start;gap:10px;font-size:12px}.pp-board-panel{padding:7px}.pp-region-letter{font-size:8px;top:0;left:2px}.pp-cell .pp-tree{margin-top:5px}.pp-tool-switch button{padding:10px;font-size:13px}.pp-play-head{gap:6px}.pocket-parks h1.pp-title{font-size:31px}.pp-board-top{font-size:10px}.pp-columns small{margin-left:4px}}@media (prefers-reduced-motion:reduce){.pocket-parks *{transition:none!important;animation:none!important}}