:root:has(#arcade.is-pet-running){font-size:clamp(16px,2dvh,20px)}#arcade.is-pet-running{background:transparent;backdrop-filter:none}.run-debug{position:absolute;z-index:10;inset:13% 3% 15%;overflow:auto;background:#fff9eeef;border:2px solid #6a9d84;border-radius:1em;padding:1em;font:12px/1.7 monospace;color:#294c45;white-space:pre-wrap}.pet-run{position:fixed;inset:0;z-index:130;background:transparent;color:#365f61;font-family:'PingFang SC','Microsoft YaHei',sans-serif;overflow:hidden;touch-action:none;user-select:none}.pet-run *{box-sizing:border-box}.run-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100dvh;width:min(100vw,58dvh);overflow:hidden;box-shadow:0 0 7rem #183e492b;border-inline:1px solid #fff9d65c}.pet-run button{color:#365f61;border:0;cursor:pointer;font-family:inherit;touch-action:manipulation;min-height:3rem;background:#fff6dd;border-radius:1rem;font-size:.86rem;box-shadow:0 .16rem 0 #ae92742b}.pet-run button:focus-visible{outline:3px solid #e09b41;outline-offset:2px}.pet-run button:disabled{opacity:.55;cursor:default}.run-top{position:absolute;z-index:3;top:max(1.1rem,env(safe-area-inset-top));left:4%;right:4%;display:flex;gap:.5rem;align-items:flex-start}.run-top>button{min-width:3rem;padding:.25rem .8rem;background:#fff6dded}.run-top .run-back{font-size:.75rem}.run-score{margin-left:auto;display:flex;flex-direction:column;align-items:end;gap:.35rem;filter:drop-shadow(0 1px 2px #47483155)}.run-score b{color:#fffdf1;font-size:1.9rem;line-height:1.2;letter-spacing:-.03em}.run-score small{font-size:.8rem}.run-score>span{padding:.35rem .8rem;border-radius:2rem;background:#ffdc85;color:#866026;font-weight:bold;font-size:1rem}.run-route{position:absolute;left:4%;top:6rem;display:flex;gap:.5rem;flex-direction:column;font-size:.69rem;color:#305960}.run-route span{background:#fffae6db;border-radius:2rem;padding:.3rem .65rem;width:fit-content}.run-danger{position:absolute;top:21%;left:10%;right:10%;text-align:center;font-size:.7rem;color:#855847;background:#fff4d9bd;border:1px solid #fff3ce;border-radius:2rem;padding:.45rem}.run-title{position:absolute;top:13%;width:100%;text-align:center;filter:drop-shadow(0 2px 5px #fff5bfa8)}.run-title small{font-size:.67rem;letter-spacing:.16em;color:#447674}.run-title h1{font-size:clamp(2rem,6dvh,3.8rem);font-weight:900;letter-spacing:.08em;margin:.3rem 0;color:#fff2c2;-webkit-text-stroke:1px #936844;text-shadow:0 3px 0 #b47749,0 5px 16px #8f593f33}.run-title p{font-size:1rem;letter-spacing:.28em;color:#386866;margin:.5rem}.run-select-bottom{position:absolute;bottom:0;left:0;right:0;padding:1rem 5% max(.7rem,env(safe-area-inset-bottom));background:linear-gradient(transparent,#fff5dfed 12%,#fff6e4 70%)}.run-prompt{font-size:.75rem;margin:1.3rem 0 .65rem}.run-prompt span{float:right;opacity:.55}.run-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.run-cards button{padding:.25rem .12rem .55rem;border:2px solid transparent;background:var(--pet);border-radius:1rem;min-width:0}.run-cards button[aria-pressed=true]{border-color:#fff7dd;box-shadow:0 0 0 2px #ba8747,0 .35rem .65rem #9d7f5122;transform:translateY(-.16rem)}.run-cards img{width:100%;aspect-ratio:1;display:block;border-radius:.7rem;object-fit:cover}.run-cards b{font-size:.8rem;display:block;margin:.25rem 0}.run-cards small{font-size:.51rem;display:block;white-space:nowrap}.run-best{text-align:center;font-size:.72rem;margin:.85rem 0}.run-best b{color:#b87936;font-size:1rem;margin:0 .2rem}.pet-run .run-primary{width:100%;background:#f3bb60;color:#674e30;border:1px solid #ffe8b0;box-shadow:0 .22rem 0 #c9954b;font-size:1.1rem;font-weight:bold;min-height:3.3rem;letter-spacing:.06em}.run-instructions{text-align:center;font-size:.62rem;line-height:1.8;color:#7b826f;margin:.7rem 0 .3rem}.run-ready{font-size:.53rem;display:block;text-align:center;color:#928970}.run-play-bottom{position:absolute;bottom:0;left:0;right:0;padding:1rem 4% max(1rem,env(safe-area-inset-bottom));background:linear-gradient(transparent,#50473338)}.run-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.run-controls button{font-size:1.6rem;min-height:3.8rem;background:#fff8e8ed;border:1px solid #fff9e9;border-radius:1.2rem;box-shadow:0 .2rem 0 #bd9e71}.run-controls small{display:block;font-size:.64rem;line-height:1.1}.run-controls button:nth-child(2){background:#f6cf85}.run-tip{font-size:.66rem;line-height:1.5;text-align:center;background:#fff4dccc;border-radius:1rem;padding:.45rem .1rem;margin:0 0 .6rem}.run-modal{position:absolute;inset:0;z-index:5;background:#284d526b;backdrop-filter:blur(5px);display:grid;place-items:center}.run-paper{width:87%;padding:1.45rem 1.25rem;border-radius:1.5rem;border:2px solid #fff8e5;background:#fff6e2;text-align:center;box-shadow:0 1rem 4rem #3246422e}.run-medal{font-size:3.2rem;color:#eab358;display:block;line-height:1.1}.run-paper>small{font-size:.62rem;letter-spacing:.15em;color:#9d9b79}.run-paper h2{font-size:1.5rem;margin:.6rem 0}.run-paper p{font-size:.75rem;line-height:1.8;min-height:2rem;color:#8c8470}.run-paper>button{display:block;width:100%;margin-top:.65rem;background:#e6ecdc}.run-paper>button:last-child{background:transparent;border:1px solid #c8d4c3}.run-results{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;border-block:1px dashed #d7c9a5;padding:.85rem 0;margin:1rem 0}.run-results span{font-size:.59rem;color:#9c8d69}.run-results b{display:block;font-size:1.2rem;color:#a67a3f;margin-top:.4rem}.run-brand{position:absolute;left:5%;top:30%;max-width:20vw}.run-brand span{font-size:.72rem;letter-spacing:.18em}.run-brand h2{font-size:3rem;line-height:1.5;font-weight:500;margin:1rem 0;color:#537b72}.run-brand p{font-size:.75rem;line-height:2;color:#859786}.run-brand small{display:block;font-size:.62rem;margin-top:2rem;color:#989b7f}@media(max-aspect-ratio:4/3){.run-brand{display:none}}@media(max-aspect-ratio:58/100){.run-frame{width:100vw;height:100dvh;border:0}.run-cards small{font-size:.52rem}}@media(max-height:650px){.run-select-bottom{padding-top:.2rem}.run-instructions{font-size:.54rem;margin:.3rem}.run-prompt{margin:.8rem 0 .4rem}.run-best{margin:.4rem}.run-cards img{max-height:10dvh;object-fit:contain}.run-title{top:13%}.run-paper{padding:.75rem}.run-medal{display:none}.run-paper>button{min-height:2.7rem;margin-top:.4rem}.run-results{margin:.5rem 0;padding:.5rem 0}}
