.frame{--c:#006058;min-height:100dvh;padding-left:var(--wheel-rail);flex-direction:column;display:flex}.topbar{justify-content:flex-end;padding:1.75rem 1.5rem 0;display:flex}@media (width>=640px){.topbar{padding:1.75rem 2.5rem 0}}.pj-wrap{width:100%;max-width:var(--w);margin:1.5rem auto 0;padding:0 1.5rem}@media (width>=640px){.pj-wrap{padding:0 2.5rem}}.pj-two{gap:2rem;display:grid}@media (width>=900px){.pj-two{grid-template-columns:minmax(0,1fr) 19rem}}.pj-bar{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.pj-ai{color:#fff;background:linear-gradient(100deg,#006058,#1b8a74);border-radius:9999px;align-items:center;gap:.45rem;padding:.5rem 1.1rem;font-size:13.5px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.pj-ai:hover:not(:disabled){transform:translateY(-1px)}.pj-ai:disabled{opacity:.55}.pj-ai[data-busy] span:first-child{animation:.9s linear infinite pj-spin;display:inline-block}.pj-ai-sm{padding:.3rem .8rem;font-size:12px}@keyframes pj-spin{to{transform:rotate(360deg)}}.pj-search,.pj-sort,.pj-sel{color:#334155;background:#fff;border-radius:9999px;outline:1px solid #e2e8f0e6;padding:.45rem .9rem;font-size:13px}.pj-search:focus,.pj-sort:focus,.pj-sel:focus{outline:2px solid #006058}.pj-search{flex:11rem;min-width:8rem}.pj-new,.pj-sec{color:#006058;border-radius:9999px;outline:1px solid #0060584d;padding:.45rem 1rem;font-size:13px;font-weight:600;transition:background-color .15s}.pj-new:hover,.pj-sec:hover{background:#ebf2f2}.pj-danger{color:#b4451f;outline-color:#b4451f4d}.pj-danger:hover{background:#f9f0ed}.pj-form{background:#f8fafc;border-radius:1rem;outline:1px solid #e2e8f0e6;flex-wrap:wrap;gap:.5rem;margin-top:.8rem;padding:.8rem;display:flex}.pj-form .pj-input{flex:16rem;margin:0}.pj-save{color:#fff;background:#006058;border-radius:9999px;padding:.5rem 1.2rem;font-size:13px;font-weight:600}.pj-cancel{color:#94a3b8;padding:0 .6rem;font-size:13px}.pj-filters{flex-wrap:wrap;gap:.35rem;margin-top:.8rem;display:flex}.pj-filter{color:#64748b;border-radius:9999px;outline:1px solid #e2e8f0e6;padding:.3rem .8rem;font-size:12.5px;font-weight:500;transition:color .15s,outline-color .15s,background-color .15s}.pj-filter:hover{color:var(--c,#006058)}.pj-filter[data-on]{background:color-mix(in srgb, var(--c,#006058) 10%, #fff);color:var(--c,#006058);outline-color:var(--c,#006058)}.pj-count{color:#64748b;margin-left:auto;font-size:13px}.pj-count b{color:#006058}.pj-ideas{gap:1.5rem;margin-top:1.25rem;display:grid}.pj-frente{letter-spacing:.09em;text-transform:uppercase;color:var(--c);margin-bottom:.6rem;font-size:11px;font-weight:700;display:block}.pj-grid{gap:.7rem;display:grid}@media (width>=720px){.pj-grid{grid-template-columns:repeat(2,1fr)}}.pj-idea{text-align:left;background:#fff;border-radius:1rem;outline:1px solid #e2e8f0e6;gap:.55rem;padding:.9rem 1rem;transition:outline-color .15s,box-shadow .15s,transform .15s;display:grid;box-shadow:0 1px 3px #0f1e2d0a}.pj-idea:hover{outline-color:var(--c);transform:translateY(-1px)}.pj-idea[data-on]{background:color-mix(in srgb, var(--c) 5%, #fff);outline:2px solid var(--c);box-shadow:0 6px 18px color-mix(in srgb, var(--c) 18%, transparent)}.pj-idea-head{align-items:center;gap:.5rem;display:flex}.pj-face{background:var(--p);color:#fff;border-radius:9999px;flex-shrink:0;place-items:center;width:1.6rem;height:1.6rem;font-size:10px;font-weight:700;display:grid}.pj-who{color:#334155;font-size:12.5px;font-weight:600}.pj-from{color:#94a3b8;font-size:11.5px}.pj-check{color:#fff;border-radius:.4rem;outline:1.5px solid #cbd5e1e6;flex-shrink:0;place-items:center;width:1.25rem;height:1.25rem;margin-left:auto;font-size:12px;display:grid}.pj-idea[data-on] .pj-check{background:var(--c);outline-color:var(--c)}.pj-idea-text{letter-spacing:-.01em;color:#0f172a;font-size:14.5px;line-height:1.5}.pj-idea-foot{color:#94a3b8;align-items:center;gap:.9rem;font-size:12px;display:flex}.pj-idea-foot b{color:var(--c)}.pj-like{color:#94a3b8;border-radius:9999px;outline:1px solid #0000;align-items:center;gap:.25rem;padding:.1rem .5rem;font-size:12px;display:inline-flex}.pj-like:hover{color:#b4451f;outline-color:#b4451f40}.pj-mine{background:color-mix(in srgb, var(--c) 12%, #fff);letter-spacing:.06em;text-transform:uppercase;color:var(--c);border-radius:9999px;padding:.05rem .45rem;font-size:10.5px;font-weight:700}.pj-empty{text-align:center;color:#94a3b8;padding:2rem 0;font-size:13.5px}.pj-risks{background:#fcf6f3;outline-color:#c9713a33;margin-top:.8rem}.pj-risk{color:#475569;margin-top:.6rem;font-size:12.5px;line-height:1.6}.pj-risk:before{content:"▲ ";color:#c9713a}.pj-warn{color:#8a5a14;background:#fcf6ed;border-radius:.8rem;outline:1px solid #e0a24a4d;margin-top:.7rem;padding:.6rem .9rem;font-size:12.5px}.pj-date{color:#64748b;border-radius:.5rem;outline:1px solid #e2e8f0e6;padding:.25rem .4rem;font-size:12px}.pj-date:focus{outline:2px solid #006058}.pj-launch{flex-wrap:wrap;align-items:center;gap:.7rem 1.2rem;margin-top:1rem;display:flex}.pj-launch .pj-label{margin:0}.pj-input.pj-date-big{flex:none;width:11rem;margin:0}.pj-players{flex-wrap:wrap;gap:.4rem;display:flex}.pj-player{color:#475569;background:#fff;border-radius:9999px;outline:1px solid #e2e8f0e6;align-items:center;gap:.35rem;padding:.25rem .7rem .25rem .3rem;font-size:12px;display:inline-flex}.pj-export{flex-wrap:wrap;gap:.4rem;margin-left:auto;display:flex}.pj-label{color:#334155;margin-top:1.1rem;font-size:12px;font-weight:600;display:block}.pj-label:first-child{margin-top:0}.pj-input,.pj-area{color:#0f172a;background:#fff;border-radius:.8rem;outline:1px solid #e2e8f0e6;width:100%;margin-top:.4rem;padding:.7rem .9rem;font-size:15px;line-height:1.6;transition:outline-color .15s}.pj-input:focus,.pj-area:focus{outline:2px solid #006058}.pj-area{resize:vertical}.pj-purpose{background:#fff;border-left:3px solid #006058;border-radius:1rem;outline:1px solid #e2e8f0e6;margin-top:1.2rem;padding:.9rem 1.1rem}.pj-purpose-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pj-purpose-head .pj-label{margin:0}.pj-purpose-txt{color:#475569;margin-top:.5rem;font-size:14px;line-height:1.7}.pj-purpose-txt:focus{outline:none}.pj-purpose-txt[data-empty]{color:#94a3b8}.pj-side{background:#f8fafc;border-radius:1rem;outline:1px solid #e2e8f0e6;padding:1rem 1.1rem}.pj-side-title{letter-spacing:.09em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:700}.pj-side-row{color:#475569;justify-content:space-between;align-items:baseline;gap:.6rem;margin-top:.7rem;font-size:13.5px;display:flex}.pj-side-row b{font-variant-numeric:tabular-nums;color:var(--c,#0f172a)}.pj-side-note{color:#94a3b8;margin-top:1rem;font-size:12px;line-height:1.6}.pj-tally{color:#475569;background:#f8fafc;border-radius:1rem;outline:1px solid #e2e8f0e6;flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;padding:.8rem 1.1rem;font-size:13px;display:flex}.pj-tally b{font-variant-numeric:tabular-nums;color:#0f172a}.pj-share{align-items:center;gap:.5rem;margin-left:auto;display:flex}.pj-share span{color:#64748b;align-items:center;gap:.3rem;font-size:12px;display:inline-flex}.pj-share i{background:var(--p);border-radius:9999px;width:.6rem;height:.6rem}.pj-tasks{gap:1.1rem;margin-top:1.1rem;display:grid}.pj-block{background:#fff;border-radius:1rem;outline:1px solid #e2e8f0e6;padding:.9rem 1rem}.pj-block-head{border-bottom:1px solid #e2e8f0cc;align-items:baseline;gap:.6rem;padding-bottom:.6rem;display:flex}.pj-block-text{letter-spacing:-.01em;color:#0f172a;font-size:14px;font-weight:600}.pj-block-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--c);font-size:11px;font-weight:700}.pj-row{border-bottom:1px solid #f1f5f9e6;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem 0;display:flex}.pj-row:last-of-type{border-bottom:0}.pj-task{color:#334155;border-radius:.5rem;flex:14rem;min-width:0;padding:.3rem .4rem;font-size:14px}.pj-task:focus{outline:2px solid #006058}.pj-weights{gap:2px;display:flex}.pj-weight{color:#94a3b8;border-radius:.4rem;outline:1px solid #e2e8f0e6;width:1.6rem;height:1.6rem;font-size:11.5px;font-weight:700}.pj-weight[data-on]{background:var(--d);color:#fff;outline-color:var(--d)}.pj-owner{color:#475569;border-radius:9999px;outline:1px solid #e2e8f0e6;align-items:center;gap:.35rem;padding:.25rem .6rem .25rem .3rem;font-size:12px;display:inline-flex}.pj-owner:hover{outline-color:var(--p)}.pj-drop{color:#cbd5e1;padding:0 .3rem;font-size:16px;line-height:1}.pj-drop:hover{color:#b4451f}.pj-add{color:#006058;margin-top:.6rem;font-size:12.5px;font-weight:600}.pj-add:hover{text-decoration:underline}.pj-ready{color:#334155;background:#f0f5f5;border-radius:1rem;outline:1px solid #0060582e;flex-wrap:wrap;align-items:center;gap:.6rem 1.6rem;padding:.9rem 1.2rem;font-size:13.5px;display:flex}.pj-ready b{font-variant-numeric:tabular-nums;color:#006058}.pj-games{gap:1rem;margin-top:1.2rem;display:grid}@media (width>=760px){.pj-games{grid-template-columns:repeat(2,1fr)}}.pj-game{background:#fff;border-radius:1.2rem;outline:1px solid #e2e8f0e6;flex-direction:column;padding:1.1rem;transition:outline-color .15s,box-shadow .15s,transform .15s;display:flex}.pj-game:hover{outline-color:var(--c);box-shadow:0 10px 26px color-mix(in srgb, var(--c) 16%, transparent);transform:translateY(-2px)}.pj-game-art{background:color-mix(in srgb, var(--c) 8%, #fff);border-radius:.9rem;place-items:center;height:7rem;display:grid}.pj-art-path{gap:.35rem;display:flex}.pj-art-path span{background:color-mix(in srgb, var(--c) 35%, #fff);border-radius:.3rem;width:1.5rem;height:1.5rem}.pj-art-path span:nth-child(2n){background:color-mix(in srgb, var(--c) 60%, #fff);transform:translateY(.7rem)}.pj-dragon{--px:2px}.pj-game-name{letter-spacing:-.02em;color:var(--c);margin-top:.9rem;font-size:20px;font-weight:600}.pj-game-line{color:#64748b;flex:1;margin-top:.4rem;font-size:13.5px;line-height:1.65}.pj-game-go{background:var(--c);color:#fff;border-radius:9999px;align-self:flex-start;margin-top:1rem;padding:.65rem 1.5rem;font-size:14px;font-weight:600;transition:filter .15s}.pj-game-go:hover{filter:brightness(.92)}.pj-foot{max-width:var(--w);margin:2.5rem auto 0;padding:0 1.5rem 3rem}@media (width>=640px){.pj-foot{padding:0 2.5rem 3rem}}.pj-back{color:#64748b;border-radius:9999px;padding:.8rem 1.4rem;font-size:14.5px;font-weight:500;transition:color .15s}.pj-back:hover{color:#006058}.pj-note{color:#94a3b8;max-width:62rem;margin:0 auto;padding:0 1.5rem 2rem;font-size:12px}@media (width>=640px){.pj-note{padding:0 2.5rem 2rem}}
