@font-face{font-family:Round;src:url(round-regular.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Round;src:url(round-extra.woff2) format('woff2');font-weight:800 900;font-display:swap}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f5f3ed;color:#081241;font-family:Round,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px dashed #247fff;outline-offset:4px}[hidden]{display:none!important}.dog-app{width:min(100%,430px);margin:auto;background:#fffdf5;min-height:100svh;padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden}.main-art{position:relative}.main-art svg,.result-hero svg,.result-hero>img{display:block;width:100%;height:auto}.main-date{position:absolute;right:6%;top:2.7%;background:#fffdf5;padding:4px;font-size:clamp(16px,4.5vw,20px);font-weight:900}.dog-choice{position:absolute;left:49.5%;top:57.5%;width:18%;height:12%;border:0;background:transparent}.draw-hit{position:absolute;left:6%;top:86.5%;width:91%;height:7%;background:transparent;border:0}.draw-hit:active{background:#fff6}.scope-note{text-align:center;font-size:12px;color:#627893;margin:0 15px 15px}.result-hero{position:relative}.result-date{position:absolute;right:14.5%;top:5%;background:#fffdf5;padding:2px 4px;font-size:clamp(15px,4vw,20px);font-weight:900}.result-hero h1{position:absolute;top:72.4%;left:18%;width:64%;height:22.5%;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;background:#fffdf5;font-size:clamp(25px,7.8vw,34px);line-height:1.32;letter-spacing:-1px;font-weight:900;word-break:keep-all}.dog-summary{text-align:center;padding:0 24px;font-size:16px;line-height:1.65;margin:14px 0 24px;word-break:keep-all}.ticket-heading{text-align:center;font-size:clamp(19px,5.5vw,25px);margin:24px 0 20px;letter-spacing:-.8px}.ticket-heading span{color:#ffcf13;margin:0 7px}.year-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 13px;padding:0 17px}.year-ticket{position:relative;border:0;background:transparent;min-height:116px;text-align:left;padding:17px 16px 25px;isolation:isolate;color:#081241;filter:drop-shadow(0 5px 0 #dce4ed)}.year-ticket:before{content:'';position:absolute;inset:0;z-index:-1;background:#fffdf5;border:2px solid #0a1746;clip-path:polygon(7% 0,93% 0,100% 10%,100% 34%,96% 41%,96% 59%,100% 66%,100% 90%,93% 100%,7% 100%,0 90%,0 66%,4% 59%,4% 41%,0 34%,0 10%)}.year-ticket:after{content:'';position:absolute;inset:4px;z-index:-1;background:#fffdf5;clip-path:polygon(6% 0,94% 0,100% 8%,100% 32%,96% 40%,96% 60%,100% 68%,100% 92%,94% 100%,6% 100%,0 92%,0 68%,4% 60%,4% 40%,0 32%,0 8%)}.year-ticket.selected:after{background:linear-gradient(110deg,#fff7bd,#ffdf3f)}.year-ticket.selected:before{background:#ffcd0b}.year-ticket strong{display:table;border-radius:50px;background:#d7eaff;padding:5px 11px;font-size:clamp(15px,4.1vw,19px);font-weight:900;margin-bottom:8px;white-space:nowrap}.year-ticket.selected strong{background:#ffdd2b}.year-ticket span{display:block;font-size:clamp(14px,3.9vw,18px);line-height:1.55;word-break:keep-all}.year-ticket i{position:absolute;right:15px;bottom:8px;color:#2387ff;font-size:22px;font-style:normal}.older-years{margin:20px 0}.older-years summary{text-align:center;font-size:13px;color:#5c7698;padding:10px;cursor:pointer}.older-years .year-grid{margin-top:12px}.choose-hint{text-align:center;color:#6586ad;font-size:13px;margin:30px 12px 16px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px}.pixel-button{display:block;text-decoration:none;text-align:center;border:2px solid #0b1747;box-shadow:0 3px 0 #dce5ee;background:#f0f6ff;color:#081241;border-radius:10px;min-height:48px;padding:12px 10px;font-size:17px;font-weight:900}.yellow{background:linear-gradient(110deg,#ffe971,#ffdc2d)}#share-ticket{grid-column:1/-1}.text-button{border:2px solid #0b1747;background:#fffdf5;border-radius:10px;color:#0b1747;font-size:16px;font-weight:900}.back-link{margin:17px 20px}.return-note{text-align:center;color:#6487ae;font-size:13px;margin:25px 10px}.dog-footer{text-align:center;color:#7184a0;font-size:12px;line-height:1.7;padding:20px}.dog-footer small{font-size:11px}.dog-footer details{margin:14px auto 0;max-width:320px}.dog-footer summary{cursor:pointer;font-size:11px}.dog-footer a{color:inherit}.toast{position:fixed;z-index:10;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:90vw;border-radius:8px;background:#0b1747;color:#fff;padding:12px 16px;font-size:13px;line-height:1.5;text-align:center}.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.archive-note{margin:14px 20px;padding:10px;font-size:12px;background:#e5f1ff;text-align:center}.archive-note a{color:#15519c}.empty{padding:100px 24px;text-align:center}.empty h1{font-size:25px}.empty p{font-size:14px;line-height:1.6}.empty a{margin-top:25px}#share-preview{margin:30px 20px;text-align:center}#share-preview img{display:block;width:100%;border-radius:12px}#share-preview p{font-size:12px;color:#607a9a}.commute-scene{position:relative;width:100%;height:100svh;overflow:hidden;container-type:inline-size;background:#eff2f8}.commute-scene canvas{position:absolute;inset:0;width:100%;height:100%}.commute-copy{position:absolute;top:max(13%,env(safe-area-inset-top));width:100%;text-align:center;padding:0 12px}.commute-brand{font-size:26px;font-weight:900;margin-bottom:8svh}.commute-brand span{color:#ffd424;margin-left:4px}.commute-copy h1{font-size:clamp(20px,5.7cqw,27px);margin:0 0 12px;font-weight:900}.commute-copy p{font-size:17px;margin:0}.commute-status{position:absolute;bottom:8%;left:10%;width:80%;text-align:center}.commute-scene[data-state=ready] .commute-status{width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.commute-scene>button{position:absolute;bottom:14%;left:25%;width:50%;background:#ffdf2d;border:2px solid #081241;border-radius:8px;padding:12px}body:has(#dog-loading:not([hidden])) .dog-footer{display:none}body:has(#dog-loading:not([hidden])) .dog-app{padding-bottom:0}@media(min-aspect-ratio:3/4){body:has(#dog-loading:not([hidden])) .dog-app{width:min(430px,calc(100svh * 9 / 16))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}

.year-ticket:before{border:0;clip-path:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20140%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M14%202H186L198%2014V49Q185%2053%20185%2065V75Q185%2087%20198%2091V126L186%20138H14L2%20126V91Q15%2087%2015%2075V65Q15%2053%202%2049V14Z%22%20fill%3D%22%23fffdf5%22%20stroke%3D%22%230a1746%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M179%209V131%22%20stroke%3D%22%23d4eafb%22%20stroke-width%3D%221%22%20stroke-dasharray%3D%224%204%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat}.year-ticket:after{display:none}.year-ticket.selected:before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20140%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M14%202H186L198%2014V49Q185%2053%20185%2065V75Q185%2087%20198%2091V126L186%20138H14L2%20126V91Q15%2087%2015%2075V65Q15%2053%202%2049V14Z%22%20fill%3D%22%23ffe666%22%20stroke%3D%22%230a1746%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M179%209V131%22%20stroke%3D%22%23d4eafb%22%20stroke-width%3D%221%22%20stroke-dasharray%3D%224%204%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat}

.share-url{display:block;text-align:center;color:#5c7a9f;font-size:12px;margin:15px auto 0}.share-url[hidden]{display:none}

/* Shared PNG keeps the same pixel machine/receipt system as the main screen. */
#share-preview{margin:32px 10px 0}#share-preview h2{font-size:23px;letter-spacing:-.8px;margin:0 0 8px;font-weight:900}#share-preview img{border-radius:0;aspect-ratio:900/1440;height:auto}#share-preview p{margin:17px 8px 12px}#download-ticket{margin:0 10px;border-radius:0;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);border-width:3px;box-shadow:none}

#download-ticket{clip-path:none;border:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22y%22%3E%3Cstop%20stop-color%3D%22%23ffe96c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffdc2d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M13%203H387L397%2013V47L387%2057H13L3%2047V13Z%22%20fill%3D%22url%28%23y%29%22%20stroke%3D%22%23081241%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M14%208H386%22%20stroke%3D%22%23fff6b2%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;padding:16px 14px;filter:drop-shadow(0 3px 0 #dce5ee)}