:root{color:#26313d;font-synthesis:none;--paper:#fff8e8;--paper-deep:#f4e9cb;--ink:#26313d;--muted:#68727d;--green:#3bd68f;--orange:#ff8a3d;--cyan:#22c7e8;--yellow:#ffd84d;--pink:#ff6fb1;--shadow:4px 4px 0 var(--ink);background:#d9f3ef;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 12% 18%,#ffffffb3 0 2px,#0000 3px) 0 0/28px 28px,radial-gradient(circle at 85% 72%,#ffffff8c 0 2px,#0000 3px) 0 0/36px 36px,#d9f3ef;min-width:320px;min-height:100%}body{place-items:center;min-width:320px;min-height:100vh;margin:0;padding:18px;display:grid}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.app-shell{border:3px solid var(--ink);background:var(--paper);width:min(100%,420px);min-height:min(860px,100vh - 36px);box-shadow:var(--shadow);margin:0 auto;position:relative;overflow:hidden}.app-shell:before{z-index:2;pointer-events:none;opacity:.28;content:"";background:repeating-linear-gradient(0deg,#0000 0 3px,#26313d0f 3px 4px);position:absolute;inset:0}.screen{z-index:1;flex-direction:column;gap:16px;min-height:min(860px,100vh - 36px);padding:22px;display:none;position:relative}.screen.is-active{animation:.18s ease-out both screen-in;display:flex}.screen-home{text-align:center;justify-content:center;align-items:center}.home-stack{justify-items:center;gap:18px;width:min(100%,340px);display:grid}.eyebrow,.mini-label{color:var(--orange);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}h1,h2,p{margin:0}h1,h2{line-height:1.12}h1{letter-spacing:-.08em;max-width:320px;font-size:clamp(2.35rem,11vw,3.6rem)}h2{letter-spacing:-.06em;font-size:clamp(1.7rem,8vw,2.5rem)}.home-line,.screen-note{color:var(--muted);font-size:.94rem;line-height:1.65}.home-line{max-width:280px}.home-console{color:var(--muted);letter-spacing:.08em;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.67rem;font-weight:800;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.pixel-spark{border:3px solid var(--ink);width:13px;height:13px;box-shadow:3px 3px 0 var(--ink);position:absolute;transform:rotate(45deg)}.spark-a{background:var(--yellow);top:18%;left:15%}.spark-b{background:var(--cyan);width:10px;height:10px;top:29%;right:14%}.btn,.choice-btn,.trait-card{border:3px solid var(--ink);cursor:pointer;border-radius:6px;transition:transform .1s,box-shadow .1s,background .1s}.btn{background:var(--paper);min-height:44px;box-shadow:3px 3px 0 var(--ink);padding:9px 14px;font-weight:900}.btn:hover:not(:disabled),.choice-btn:hover,.trait-card:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active:not(:disabled),.choice-btn:active,.trait-card:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:disabled{cursor:not-allowed;opacity:.46}.btn-xl{background:var(--orange);min-width:210px;min-height:56px;font-size:1.05rem}.icon-btn{border:3px solid var(--ink);background:var(--yellow);min-height:42px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:5px;padding:7px 10px;font-size:.78rem;font-weight:900}.icon-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.topbar,.statusbar{gap:7px;display:grid}.topbar{grid-template-columns:1fr auto;align-items:end}.topbar h2{grid-column:1}.topbar .icon-btn{grid-area:1/2/span 2;align-self:center}.screen-choice,.screen-allocation{overflow-y:auto}.screen-play{overflow:hidden}.screen-choice{padding-bottom:86px}.choice-list{gap:10px;display:grid}.choice-btn{min-height:56px;box-shadow:3px 3px 0 var(--ink);text-align:left;background:#fffdf5;padding:12px 14px;font-size:.94rem;font-weight:800;line-height:1.4}.bottom-actions>.btn{width:100%}.trait-card{box-shadow:3px 3px 0 var(--ink);text-align:left;background:#fffdf5;gap:10px;padding:15px;display:grid}.trait-card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.trait-name{font-size:1.06rem}.trait-card p{color:var(--muted);font-size:.86rem;line-height:1.55}.rarity{border:2px solid var(--ink);border-radius:4px;flex:none;padding:3px 6px;font-size:.7rem;font-weight:900}.rarity-common{border-color:var(--ink)}.rarity-rare{background:#d8f5ff}.rarity-epic{background:#f1ddff}.rarity-legendary{background:var(--yellow)}.allocation-panel{border:3px dashed var(--ink);background:#ffffff75;gap:15px;padding:16px;display:grid}.allocation-item{gap:7px;display:grid}.allocation-item label{justify-content:space-between;font-size:.9rem;font-weight:900;display:flex}.allocation-item output{color:var(--orange);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.allocation-item input{width:100%;accent-color:var(--orange);cursor:pointer}.allocation-total{border:3px solid var(--ink);background:var(--yellow);justify-content:space-between;align-items:baseline;padding:10px 12px;display:flex}.allocation-total strong{font-size:1.55rem}.statusbar{border-bottom:3px solid var(--ink);grid-template-columns:1fr auto auto;align-items:end;padding-bottom:14px}.attributes{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.play-stream{scrollbar-color:var(--orange) transparent;flex:1;align-content:start;gap:10px;min-height:0;padding:2px 5px 4px 0;display:grid;overflow-y:auto}.event-item{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fffdf5;gap:6px;padding:12px;display:grid}.event-item.is-special{background:var(--yellow);border-style:dashed}.event-item.polarity-positive{border-left-color:var(--green)}.event-item.polarity-negative{border-left-color:var(--pink)}.event-item.polarity-neutral{border-left-color:var(--cyan)}.event-week{color:var(--muted);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:900}.event-text{font-size:.94rem;line-height:1.65}.screen-result{padding-bottom:24px;overflow-y:auto}.allocation-total strong{font-size:1rem;line-height:1}.result-export-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-export-actions .btn{width:100%}.ui-status{border:3px solid var(--ink);background:var(--cyan);padding:9px 11px;font-size:.82rem;font-weight:800;line-height:1.45}.ui-status[data-tone=success]{background:var(--green)}.attr{border:2px solid var(--ink);text-align:center;background:#fffdf5;gap:4px;padding:8px 4px;display:grid}.attr span{color:var(--muted);font-size:.62rem;font-weight:900}.attr strong{font-size:1.05rem}.empty-play{border:3px dashed var(--ink);min-height:220px;color:var(--muted);text-align:center;place-content:center;gap:10px;margin-top:8px;display:grid}.empty-play strong{color:var(--ink)}.ui-error{z-index:3;border:3px solid var(--ink);color:#8e2737;background:#ffd4d8;padding:9px 11px;font-size:.82rem;font-weight:800;line-height:1.45;position:relative}@keyframes screen-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=420px){body{padding:0}.app-shell,.screen{min-height:100vh}.app-shell{box-shadow:none;border-left:0;border-right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--blue:#4868ff;--panel:#fff}body{color:var(--ink);background:linear-gradient(90deg,#26313d0f 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#26313d0f 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 20% 10%,#ffd84d73,#0000 25%),radial-gradient(circle at 82% 18%,#22c7e859,#0000 26%),linear-gradient(135deg,#fff8e8 0%,#f3fffb 52%,#fff1f7 100%);font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,sans-serif}#app{width:100%}.app-shell{border:4px solid var(--ink);background:var(--paper);isolation:isolate;width:min(100%,420px);height:min(860px,100vh - 36px);min-height:640px;margin:0 auto;box-shadow:10px 10px #26313de6}.app-shell:before{z-index:4;opacity:1;mix-blend-mode:soft-light;background:linear-gradient(#ffffff52 50%,#26313d0a 50%) 0 0/100% 4px,radial-gradient(circle at 50% 0,#ffffffb3,#0000 34%)}.screen{z-index:auto;gap:0;min-height:0;padding:22px;position:absolute;inset:0;overflow:hidden}.screen.is-active{flex-direction:column;animation:.16s ease-out screenIn;display:flex}.screen-home{text-align:center;background:linear-gradient(#ffd84d42,#0000 44%),linear-gradient(135deg,#3bd68f2e,#ff6fb126);justify-content:center;align-items:center}.home-stack{z-index:1;justify-items:center;gap:14px;width:auto;display:grid;position:relative}.mini-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}h1,h2{letter-spacing:0}h1{max-width:8em;text-shadow:3px 3px 0 var(--yellow), 5px 5px 0 var(--ink);font-size:52px;line-height:.98}h2{font-size:26px;line-height:1.15}.home-line{max-width:280px;font-size:16px;font-weight:700;line-height:1.65}.home-console{color:var(--ink);grid-template-columns:repeat(5,1fr);gap:6px;display:grid;bottom:22px;left:22px;right:22px}.home-console span{border:2px solid var(--ink);min-height:34px;box-shadow:2px 2px 0 var(--ink);background:#fff;place-items:center;font-size:11px;font-weight:900;display:grid}.pixel-cloud{background:var(--cyan);border:3px solid var(--ink);width:72px;height:40px;box-shadow:var(--shadow);opacity:.75;animation:2.8s steps(2,end) infinite bob;position:absolute}.pixel-cloud:before,.pixel-cloud:after{content:"";background:inherit;border:inherit;position:absolute}.pixel-cloud:before{width:24px;height:24px;top:-17px;left:8px}.pixel-cloud:after{width:30px;height:30px;top:-22px;right:8px}.cloud-a{top:72px;left:28px}.cloud-b{background:var(--pink);animation-delay:.5s;bottom:154px;right:18px}.btn,.icon-btn,.choice-btn,.trait-card,.menu-fab{-webkit-tap-highlight-color:transparent}.btn{border:3px solid var(--ink);min-height:52px;box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:0 18px;font-size:16px;font-weight:900;transition:transform .12s,box-shadow .12s}.btn:active,.icon-btn:active,.choice-btn:active,.trait-card:active,.menu-fab:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.58;filter:grayscale(.2);transform:none}.btn-primary{background:var(--orange)}.btn-secondary{background:var(--yellow)}.btn-xl{min-width:176px;min-height:58px;font-size:18px}.topbar,.statusbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.choice-list{gap:12px;margin-top:8px;display:grid}.choice-btn{border:3px solid var(--ink);width:100%;min-height:58px;box-shadow:4px 4px 0 var(--ink);text-align:left;background:#fff;border-radius:8px;padding:0 14px;font-size:15px;font-weight:900;transition:transform .12s,box-shadow .12s,background .12s}.bottom-actions{gap:12px;margin-top:auto;display:grid}.allocation-actions-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trait-grid{gap:12px;display:grid}.trait-card{border:3px solid var(--ink);min-height:112px;box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:8px;padding:12px;transition:transform .12s,box-shadow .12s}.trait-card header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.trait-name{font-size:18px;font-weight:900}.rarity{border:2px solid var(--ink);background:var(--paper);flex:none;padding:3px 7px;font-size:12px;font-weight:900}.trait-card p{color:#49515b;font-size:14px;font-weight:700;line-height:1.55}.rarity-common{background:#fff}.rarity-rare{background:#e7fff3;box-shadow:4px 4px #20a76a}.rarity-epic{box-shadow:4px 4px 0 var(--pink);background:#fff0fa}.rarity-legendary{background:linear-gradient(90deg,#ffd84d99,#22c7e873),#fff;animation:1.4s steps(2,end) infinite legendary}.allocation-panel{background:0 0;border:0;gap:16px;margin-top:4px;padding:0;display:grid}.allocation-item{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:8px;padding:12px}.allocation-item label{justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:900;display:flex}.allocation-item output{text-align:right;min-width:48px;color:var(--ink);font-family:inherit}.allocation-item input{width:100%;accent-color:var(--orange)}.allocation-item input::-webkit-slider-thumb{cursor:grab}.allocation-total{border:3px solid var(--ink);background:var(--green);min-height:50px;box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:center;margin-top:14px;padding:0 14px;font-weight:900;display:flex}.allocation-total.is-open{background:var(--cyan)}.allocation-total.is-ready{background:var(--green)}.screen-play{background:#fffdf5;padding:0}.screen-play .statusbar{background:var(--paper);border-bottom:3px solid var(--ink);margin:0;padding:18px 18px 12px;position:relative}.attributes{z-index:3;border-bottom:3px solid var(--ink);background:#fffdf5;grid-template-columns:repeat(5,1fr);gap:5px;padding:10px 12px;display:grid;position:sticky;top:0}.attr{border:2px solid var(--ink);background:#fff;border-radius:6px;place-items:center;min-height:48px;font-size:11px;font-weight:900;transition:transform .12s,background .12s;display:grid}.attr span{color:inherit;font-size:inherit}.attr strong{font-size:16px;display:block}.attr.is-bump{background:var(--yellow);transform:translateY(-3px)}.feed{scrollbar-color:var(--muted) transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;padding:16px 18px 14px;display:flex;overflow-y:auto}.play-stream::-webkit-scrollbar{width:8px}.play-stream::-webkit-scrollbar-track{background:0 0}.play-stream::-webkit-scrollbar-thumb{background:var(--muted);border:2px solid #fffdf5}.event{border-left:4px solid #26313d38;padding:2px 0 2px 14px;font-size:15px;font-weight:700;line-height:1.65;animation:.17s ease-out both eventIn;position:relative}.event-item{box-shadow:none;background:0 0;border-top:0;border-bottom:0;border-right:0;border-radius:0;gap:0;display:block}.event.event-item.polarity-positive,.event.event-item.polarity-negative,.event.event-item.polarity-neutral{border-left-color:#26313d38}.event strong{color:var(--blue);font-size:13px}.event-text{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0;display:inline}.event-special,.event-item.is-special{border:3px dashed var(--ink);box-shadow:var(--shadow);background:#fff2b8;border-radius:8px;padding:12px;animation:.22s ease-out both eventPop}.event-special strong{color:var(--ink);margin-bottom:4px;display:block}.event.event-item.event-direction{border-left:4px solid var(--cyan);background:#edfaff}.event.event-item.event-conditional{border-left:4px solid var(--orange);background:#fff5e8}.event.event-item.event-direction .event-week{color:#198aa2}.event.event-item.event-conditional .event-week{color:#b05b1f}.event.event-item.is-special{border:3px dashed var(--ink);background:#fff2b8}.play-finish{z-index:5;flex:none;padding:0 14px 14px;display:none;position:static}.play-finish.is-visible{animation:.16s ease-out screenIn;display:grid}.play-finish .btn{width:100%}.screen-result{background:linear-gradient(135deg, #22c7e824, transparent 40%), linear-gradient(225deg, #ff8a3d2e, transparent 42%), var(--paper);padding:14px;overflow-y:auto}.result-wrap{gap:12px;width:100%;display:grid}.share-card{aspect-ratio:9/16;border:4px solid var(--ink);width:100%;min-height:570px;max-height:calc(100vh - 126px);box-shadow:6px 6px 0 var(--ink);background-color:#fffef7;background-image:linear-gradient(90deg,#26313d0f 1px,#0000 1px),linear-gradient(#26313d0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;flex-direction:column;gap:5px;padding:12px;display:flex}.card-head{border-bottom:3px solid var(--ink);padding-bottom:6px}.card-head h2{text-shadow:2px 2px 0 var(--yellow);font-size:27px}.card-identity{margin:5px 0 0;font-size:12px;font-weight:900;line-height:1.3}.card-slogan{border:3px dashed var(--ink);background:linear-gradient(135deg, #ffd84db8, #ff6fb12e), var(--paper);box-shadow:3px 3px 0 var(--ink);border-radius:8px 5px 8px 6px;gap:4px;margin-top:6px;padding:7px 10px 8px;display:grid;position:relative;transform:rotate(-.7deg)}.card-slogan:before{color:var(--orange);content:"✦";text-shadow:1px 1px 0 var(--yellow);font-size:17px;font-weight:900;line-height:1;position:absolute;top:6px;right:9px}.card-ending-title{color:var(--ink);text-shadow:1px 1px 0 var(--yellow);margin:0;padding-right:20px;font-size:17px;font-weight:900;line-height:1.2}.card-ending-title:before{color:var(--orange);content:"◆";text-shadow:none;margin-right:4px;font-size:12px;display:inline-block}.card-slogan-text{color:var(--ink);border-top:2px solid #26313d3d;margin:0;padding-top:4px;font-size:12px;font-weight:800;line-height:1.35}.share-card .result-section{background:0 0;border:0;padding:0}.traits-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.trait-pill{border:2px solid var(--ink);background:var(--green);min-width:0;box-shadow:2px 2px 0 var(--ink);border-radius:6px;gap:2px;padding:3px 6px 4px;font-weight:900;display:grid}.trait-pill.rarity-common{background:#fff}.trait-pill.rarity-rare{background:#e7fff3;box-shadow:2px 2px #20a76a}.trait-pill.rarity-epic{box-shadow:2px 2px 0 var(--pink);background:#fff0fa}.trait-pill.rarity-legendary{background:linear-gradient(90deg,#ffd84d99,#22c7e873),#fff;animation:1.4s steps(2,end) infinite legendary}.trait-pill-head,.trait-pill-foot{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.trait-pill-rarity{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;line-height:1.1;overflow:hidden}.trait-pill-level{border:1px solid var(--ink);white-space:nowrap;background:#ffffff9e;flex:none;padding:2px 4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1}.trait-pill-name{overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.1}.trait-pill-meter{flex:none;align-items:center;gap:2px;display:flex}.trait-pill-meter i{border:1px solid var(--ink);background:0 0;width:6px;height:6px;display:block}.trait-pill-meter i.is-filled{background:var(--ink)}.result-focus{gap:7px;display:grid}.result-focus div,.afterword{border:3px solid var(--ink);box-shadow:none;background:#fff;border-radius:8px;padding:7px}.result-focus div:first-child{background:#fff2b8}.result-focus div:nth-child(2){background:#f2f6ff}.result-focus span,.afterword span{border:2px solid var(--ink);background:var(--orange);box-shadow:none;margin-bottom:3px;padding:1px 6px;font-size:11px;font-weight:900;display:inline-block}.result-focus p,.afterword p{margin:0;font-size:12px;font-weight:800;line-height:1.4}.afterword{background:#eafff5}.result-stats{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.result-stat{border:2px solid var(--ink);background:#fff;border-radius:6px;place-items:center;min-height:42px;font-size:10px;font-weight:900;display:grid}.result-stat>span,.result-stat>span>span{color:inherit;font-size:inherit}.result-stat strong{font-size:15px;display:block}.card-foot{border-top:3px solid var(--ink);align-items:center;gap:8px;margin-top:auto;padding-top:7px;display:flex}.qr{border:3px solid var(--ink);background:#fff;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid}.qr>svg{width:100%;height:100%;display:block}.card-foot-copy{min-width:0}.card-foot p{margin:0;font-size:13px;font-weight:900;line-height:1.35}.card-foot .card-brand{color:var(--muted);font-size:12px;font-weight:700}.result-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-actions .btn-primary{grid-column:1/-1}.menu-fab{z-index:8;border:3px solid var(--ink);background:var(--cyan);width:48px;height:48px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:8px;font-size:24px;font-weight:900;transition:transform .12s,box-shadow .12s;position:absolute;top:18px;right:18px}.app-shell[data-current=home] .menu-fab,.app-shell[data-current=result] .menu-fab{display:none}.menu-layer{z-index:10;display:none;position:absolute;inset:0}.menu-layer.is-open{display:block}.menu-backdrop{background:#26313d6b;position:absolute;inset:0}.game-menu{border:4px solid var(--ink);width:min(100% - 36px,320px);max-height:calc(100% - 36px);box-shadow:7px 7px 0 var(--ink);background-color:#fffef7;background-image:linear-gradient(90deg,#26313d0f 1px,#0000 1px),linear-gradient(#26313d0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;gap:12px;padding:16px;animation:.18s ease-out both menuIn;display:grid;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.game-menu h2{margin-bottom:2px}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{50%{transform:translateY(-8px)}}@keyframes legendary{50%{box-shadow:4px 4px 0 var(--pink), 0 0 0 4px #ffd84db3}}@keyframes eventIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes eventPop{0%{opacity:0;transform:translateY(10px)scale(.98)}70%{transform:translateY(0)scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes menuIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}70%{transform:translate(-50%,-50%)scale(1.02)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=420px){body{padding:0}.app-shell{width:100vw;height:100vh;min-height:620px;box-shadow:none;border:0}.screen{min-height:0}h1{font-size:47px}.share-card{min-height:560px}}.play-guide{z-index:6;pointer-events:none;background:#26313d24;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.play-guide-card{width:min(100%,330px);color:var(--ink);background:linear-gradient(#ffffffd6,#fff8e8f5),repeating-linear-gradient(0deg,#0000 0 4px,#26313d09 4px 5px);border:3px dashed #26313d94;border-radius:8px;padding:20px 18px 18px;display:grid;position:relative;box-shadow:6px 6px #26313d3d}.play-guide-mark{color:var(--orange);text-shadow:2px 2px 0 var(--yellow);font-size:25px;line-height:1;position:absolute;top:17px;right:18px}.play-guide-copy{gap:13px;display:grid}.play-guide-eyebrow,.play-guide-hint{margin:0}.play-guide-eyebrow{color:var(--orange);letter-spacing:.12em;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:900;display:flex}.play-guide-eyebrow:before,.play-guide-eyebrow:after{content:"";border-top:3px solid;width:24px}.play-guide-title{color:var(--ink);text-align:center;text-shadow:2px 2px 0 var(--yellow);font-size:30px;line-height:1.1}.play-guide-controls{text-align:left;background:#ffffff6b;border:2px dashed #d5a245;border-radius:7px;gap:8px;padding:12px;display:grid}.play-guide-control{min-height:40px;color:var(--ink);grid-template-columns:38px 1fr;align-items:center;gap:10px;font-size:15px;font-weight:900;line-height:1.4;display:grid}.play-guide-gesture{border:2px solid var(--ink);background:var(--yellow);width:36px;height:36px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;line-height:1;display:grid}.play-guide-gesture[data-gesture=double]{background:var(--cyan);font-size:12px}.play-guide-control-label{min-width:0}.play-guide-hint{color:var(--muted);text-align:center;font-size:13px;font-weight:800;line-height:1.55}.play-guide-dismiss{pointer-events:auto;justify-self:center;width:min(100%,210px);min-height:52px;font-size:17px}