@font-face{font-family:Hibiya;src:url('../../hibiya24.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}body{margin:0}.home-shell{width:min(calc(100% - 32px),760px);margin:auto;padding:0 22px 64px;color:#254b3a}.door-header{text-align:center;padding:clamp(44px,9vh,82px) 0 clamp(24px,5vh,42px)}
html[data-cafe-door] .hero__title{font:400 clamp(52px,11vw,82px)/1.2 Hibiya,serif;letter-spacing:.06em;white-space:nowrap;margin:0;color:#254b3a;text-shadow:2px 2px 0 #dffff1}.hero__title .ch{display:inline-block;will-change:transform}
@media(prefers-reduced-motion:no-preference){.hero__title .ch{animation:charFloat 3.4s ease-in-out infinite}.hero__title .ch:nth-child(1){animation-duration:3.2s}.hero__title .ch:nth-child(2){animation-duration:3.9s;animation-delay:-1s}.hero__title .ch:nth-child(3){animation-duration:3.5s;animation-delay:-2.1s}.hero__title .ch:nth-child(4){animation-duration:4.1s;animation-delay:-1.5s}}
@keyframes charFloat{0%,100%{transform:translate(-5px,0)}25%{transform:translate(0,-6px)}50%{transform:translate(5px,0)}75%{transform:translate(0,6px)}}
.home-shell a{color:#254b3a;text-underline-offset:5px}.cafe-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:10px 0;border-block:2px solid #4c7e5e80;background:linear-gradient(90deg,transparent,#e8ffd08c 16%,#e8ffd08c 84%,transparent)}
.cafe-tabs a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:84px;padding:5px 2px 8px;text-decoration:none;font-size:.94rem;line-height:1.25;text-shadow:1px 1px 0 #eaffdc}.cafe-tabs img,.cafe-tabs svg{display:block;width:48px;height:52px;object-fit:contain;image-rendering:pixelated;transition:transform .16s steps(2,end)}.cafe-tabs a:hover img,.cafe-tabs a:hover svg,.cafe-tabs a[aria-selected="true"] img,.cafe-tabs a[aria-selected="true"] svg{transform:translateY(-4px)}.cafe-tabs a[aria-selected="true"]::after{content:"";position:absolute;bottom:0;width:28px;height:4px;background:#315d42}
.home-stage{padding:26px 4px 8px;min-height:350px;background:linear-gradient(90deg,transparent,#a6dc7cde 9%,#a6dc7cde 91%,transparent)}html[data-view="original"] .home-stage{background:linear-gradient(90deg,transparent,#efa6bdde 9%,#efa6bdde 91%,transparent)}html[data-view="novels"] .home-stage{background:none}.home-panel{animation:panel-in .22s steps(3,end)}.home-panel[hidden]{display:none!important}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 18px;max-width:620px;border-bottom:1px solid #476c5066;padding-bottom:8px}html[data-cafe-door] .panel-head h2{font-size:1.35rem;line-height:1.4;margin:0;color:#254b3a;text-shadow:1px 1px 0 #eaffdc}.panel-head a,.profile-extra a{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem}.panel-loading{text-align:center;font-size:1rem}html[data-view="novels"] #panel-novels .panel-head{border-color:#94674652}html[data-view="novels"] #panel-novels .panel-head h2,html[data-view="novels"] #panel-novels .panel-head a{color:#755039;text-shadow:1px 1px 0 #ffebc4}
.door-profile{padding:8px 0 10px}.door-identity{display:flex;align-items:center;justify-content:center;gap:18px;min-height:78px;font-size:1.4rem;line-height:1.5;text-decoration:none}.door-identity>img{width:64px;height:64px;object-fit:cover}.door-about{display:block;font-size:.875rem;margin-top:3px}.door-social{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:460px;margin:30px auto 0}.door-social a{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:78px;font-size:.875rem;text-decoration:none}.door-social img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.profile-extra{display:flex;justify-content:center;margin-top:10px}
.ycar{max-width:420px;margin:0 auto 20px}.ycar__name{text-align:center;font-size:1.1rem;margin:14px 0}.ycar__stage{position:relative;overflow:hidden;aspect-ratio:1;border:2px solid #5d9180;background:#d9f8de99;box-shadow:4px 4px 0 #5f947255;touch-action:pan-y}.ycar__track{display:flex;height:100%;transition:transform .35s steps(5,end)}.ycar__slide{flex:0 0 100%;min-width:0;height:100%;display:block}.ycar__slide img{display:block;width:100%;height:100%;object-fit:cover}.ycar__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:2px solid #527b5e;background:#eaffdce8;color:#315d42;font:inherit;font-size:26px;line-height:1;cursor:pointer;box-shadow:3px 3px 0 #527b5e88}.ycar__nav--prev{left:8px}.ycar__nav--next{right:8px}.ycar__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.ycar__chips button{min-height:44px;padding:6px 12px;border:1px solid #527b5e;background:#dffff1cc;color:#315d42;font:inherit;font-size:.875rem;cursor:pointer}.ycar__chips button[aria-current="true"]{background:#315d42;color:#f4ffe9}.face-warning{display:grid;justify-items:center;gap:12px;max-width:420px;margin:30px auto;padding:16px 0;text-align:center}.face-warning img{width:88px;height:88px;image-rendering:pixelated}.face-warning p{margin:0;font-size:1.08rem;line-height:1.8;text-shadow:1px 1px 0 #eaffdc}.face-warning a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}
html[data-cafe-home] #panel-novels #novelGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,4vw,32px) clamp(16px,3vw,26px);max-width:520px;margin:24px auto 20px;padding:0 8px;align-items:start;justify-items:stretch}
html[data-cafe-home] #panel-novels .novel-cover{display:block;position:relative;width:100%;aspect-ratio:1;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
html[data-cafe-home] #panel-novels #novelGrid img{display:block;position:static;inset:auto;width:100%;height:100%;object-fit:cover;clip-path:polygon(9px 0,calc(100% - 9px) 0,calc(100% - 9px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 9px,100% 9px,100% calc(100% - 9px),calc(100% - 3px) calc(100% - 9px),calc(100% - 3px) calc(100% - 3px),calc(100% - 9px) calc(100% - 3px),calc(100% - 9px) 100%,9px 100%,9px calc(100% - 3px),3px calc(100% - 3px),3px calc(100% - 9px),0 calc(100% - 9px),0 9px,3px 9px,3px 3px,9px 3px);border-radius:0;box-shadow:none;image-rendering:auto}
html[data-cafe-home] #panel-novels .novel-cover:focus-visible{outline:2px dashed #755039;outline-offset:5px}
html[data-cafe-home] #panel-novels .novel-cover:hover{filter:brightness(1.05)}
#panel-games .jar--game{max-width:620px;margin:0 auto;min-height:250px;background:#f4d99edd;border:2px solid #9b623d;box-shadow:4px 4px 0 #8c5b3d}#panel-games .jar--game:hover{background:#f4d99edd}.home-diary{max-width:600px;margin:auto}.home-diary article{padding:14px 4px;border-bottom:1px dashed #4b715777}.home-diary time{font-size:.82rem;color:#476851}.home-diary p{font-size:1rem;line-height:1.75;white-space:pre-line;margin:5px 0 0;text-shadow:1px 1px 0 #eaffdc}
.door-footer{text-align:center;font-size:.875rem;line-height:1.8;margin-top:8px;border-top:1px solid #4b715766;padding-top:10px}.door-notes summary{cursor:pointer;min-height:44px;line-height:44px;width:fit-content;margin:auto}.door-notes p{text-align:left;line-height:1.9;margin:12px 0;text-shadow:1px 1px 0 #eaffdc}.door-colophon{display:flex;gap:20px;justify-content:center;align-items:center;font-size:.75rem}.door-colophon a{display:inline-flex;align-items:center;min-height:32px}
.sgkf{display:block;text-align:center;text-decoration:none;padding:4px 0 18px}.sgkf__name{font-family:Hibiya,var(--cafe-font);font-size:clamp(1.65rem,6vw,2.15rem);letter-spacing:.12em;color:#554065;text-shadow:2px 2px 0 #e9dcf0}.sgkf__desc{font-size:.875rem;color:#5e5364;margin-top:4px}.sgkf__float{position:relative;width:120px;margin:48px auto 38px}.dice3d-stage{position:relative;z-index:2;width:100px;height:100px;perspective:460px;display:block;margin:0 auto;animation:sgkfFloat 3.6s ease-in-out infinite}.dice3d{display:block;position:relative;width:88px;height:88px;margin:6px;transform-style:preserve-3d;animation:diceTumble 9s linear infinite}.dice3d .f{position:absolute;inset:0;background:#fff;border:1px solid #eee9f6;padding:8px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);box-shadow:inset 0 0 10px #8b5cf61f}.dice3d .f i{width:12px;height:12px;border-radius:50%;background:#8b5cf6;place-self:center}.dice3d .f.one i{width:23px;height:23px;background:#ff6fa8}.dice3d .f i.p1{grid-area:1/1}.dice3d .f i.p3{grid-area:1/3}.dice3d .f i.p4{grid-area:2/1}.dice3d .f i.p5{grid-area:2/2}.dice3d .f i.p6{grid-area:2/3}.dice3d .f i.p7{grid-area:3/1}.dice3d .f i.p9{grid-area:3/3}.dice3d .ff{transform:translateZ(44px)}.dice3d .fb{transform:rotateY(180deg) translateZ(44px)}.dice3d .fr{transform:rotateY(90deg) translateZ(44px)}.dice3d .fl{transform:rotateY(-90deg) translateZ(44px)}.dice3d .ft{transform:rotateX(90deg) translateZ(44px)}.dice3d .fu{transform:rotateX(-90deg) translateZ(44px)}.sgkf__play{display:inline-block;font-family:var(--cafe-font);font-size:.95rem;letter-spacing:.08em;color:#fff;background:linear-gradient(120deg,#8b5cf6,#ff6fa8);padding:11px 28px;box-shadow:4px 4px 0 #694789}@keyframes diceTumble{0%{transform:rotateX(-16deg) rotateY(0) rotateZ(8deg)}100%{transform:rotateX(344deg) rotateY(720deg) rotateZ(8deg)}}@keyframes sgkfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
@media(max-width:620px){.home-shell{width:calc(100% - 20px);padding-inline:10px}.door-header{padding:38px 0 24px}html[data-cafe-door] .hero__title{font-size:clamp(50px,17vw,70px)}.cafe-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px 7px;padding:8px 0}.cafe-tabs a{min-height:72px;font-size:.875rem}.cafe-tabs img,.cafe-tabs svg{width:42px;height:44px}.home-stage{padding:20px 4px 4px;min-height:330px}.ycar{max-width:min(100%,360px)}.door-social{gap:2px;margin-top:22px}.door-social img{width:42px;height:42px}.door-social a{font-size:.8rem}#panel-games .jar--game{min-height:230px}.sgkf__float{margin:42px auto 32px}}
@media(prefers-reduced-motion:reduce){.home-panel,.cafe-tabs img,.cafe-tabs svg,.dice3d,.dice3d-stage{animation:none;transition:none}.dice3d{transform:rotateX(-20deg) rotateY(-28deg)}}
html[data-cafe-door] .sgkf__name{color:#554065;text-shadow:2px 2px 0 #e9dcf0}
html[data-cafe-door] .sgkf__desc{color:#5e5364}
/* Cola is the game corner's backdrop; the playable burger window is unchanged. */
html[data-view="games"] body{background:#48271e}
html[data-view="games"] .home-stage{background:none}
html[data-view="games"] .hero__title{color:#3f3028;text-shadow:2px 2px 0 #fff2d5,-1px -1px 0 #fff2d5}
html[data-view="games"] .cafe-tabs{background:#fff0d5e8;border-color:#b78255}
html[data-view="games"] .cafe-tabs a{color:#4c3025;text-shadow:none}
html[data-view="games"] .cafe-tabs a[aria-selected="true"]::after{background:#8f3d26}
html[data-view="games"] .panel-head{border-color:#d9a76780}
html[data-view="games"] .panel-head h2,html[data-view="games"] .panel-head a{color:#fff0d5;text-shadow:1px 1px 0 #48271e}
html[data-view="games"] .door-footer{color:#f2d6b0;border-color:#d9a76780}
html[data-view="games"] .door-footer a,html[data-view="games"] .door-notes p{color:#fff0d5;text-shadow:1px 1px 0 #48271e}
html[data-view="games"] .cafe-motion{color:#4c3025;background:#fff0d5;border-color:#b78255;box-shadow:3px 3px 0 #48271e}
html[data-view="games"] .cafe-motion button{color:#4c3025;background:#f3d4a7;border-color:#b78255}
html[data-view="games"] .cafe-motion input{accent-color:#8f3d26}
/* Orange soda has moved to the diary corner. */
html[data-view="diary"] body{background:#e99a53}
html[data-view="diary"] .home-stage{background:linear-gradient(90deg,transparent,#f2b465de 9%,#f2b465de 91%,transparent)}
html[data-view="diary"] .home-shell,html[data-view="diary"] .home-shell a{color:#644126}
html[data-view="diary"] .hero__title{color:#644126;text-shadow:2px 2px 0 #fff0cf}
html[data-view="diary"] .cafe-tabs{background:linear-gradient(90deg,transparent,#fff0cfb3 16%,#fff0cfb3 84%,transparent);border-color:#b47c4780}
html[data-view="diary"] .cafe-tabs a{color:#644126;text-shadow:1px 1px 0 #fff0cf}
html[data-view="diary"] .cafe-tabs a[aria-selected="true"]::after{background:#9e5e2d}
html[data-view="diary"] .door-footer{border-color:#b47c4780}
html[data-view="diary"] .door-notes p{color:#644126;text-shadow:1px 1px 0 #fff0cf}
html[data-view="diary"] .cafe-motion{color:#644126;background:#fff0cf;border-color:#c18c54;box-shadow:3px 3px 0 #b47c4770}
html[data-view="diary"] .cafe-motion button{color:#644126;background:#ffdf9e;border-color:#c18c54}
html[data-view="diary"] .cafe-motion input{accent-color:#ab652f}

html[data-view="diary"] :is(.panel-head h2,.panel-head a,.home-diary time,.home-diary p){color:#644126;text-shadow:1px 1px 0 #fff0cf}
html[data-view="diary"] .home-diary article{border-color:#b47c4780}
/* The face corner shares the standalone macchiato marble and pixel glass. */
#milkTeaBg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:none;image-rendering:pixelated}
html[data-view="face"] #milkTeaBg{display:block}
html[data-view="face"] #cafe-soda{display:none}
html[data-view="face"] body{background:#efd0aa}
html[data-view="face"] .home-stage{background:linear-gradient(90deg,transparent,#fff5e6d9 9%,#fff5e6d9 91%,transparent)}
html[data-view="face"] :is(.home-shell,.home-shell a,.cafe-tabs a,.door-notes p,.face-warning p){color:#6a4535;text-shadow:1px 1px 0 #fff5e6}
html[data-view="face"] .hero__title{color:#6a4535;text-shadow:2px 2px 0 #fff5e6}
html[data-view="face"] .cafe-tabs{background:#fff5e6c9;border-color:#c69b73}
html[data-view="face"] .cafe-tabs a[aria-selected="true"]::after{background:#ac774b}
html[data-view="face"] .face-warning img{width:80px;height:96px;object-fit:contain}
html[data-view="face"] .door-footer{border-color:#c69b73}
html[data-view="face"] .cafe-motion{color:#6a4535;background:#fff5e6;border-color:#c69b73;box-shadow:3px 3px 0 #c69b7370}
html[data-view="face"] .cafe-motion button{color:#6a4535;background:#efdabd;border-color:#c69b73}
html[data-view="face"] .cafe-motion :is(#enable-tilt,label,input,#soda-note){display:none}
/* Original works: clear fruit punch against a fresh blue backdrop. */
html[data-view="original"] body{background:linear-gradient(180deg,#fafdff,#c4edff 38%,#7bc7f4 72%,#358bdf)}
html[data-view="original"] .home-stage{background:linear-gradient(90deg,transparent,#eafaffc4 9%,#eafaffc4 91%,transparent)}
html[data-view="original"] :is(.home-shell,.home-shell a,.cafe-tabs a,.door-notes p){color:#275a70;text-shadow:1px 1px 0 #f2fcff}
html[data-view="original"] .hero__title{color:#275a70;text-shadow:2px 2px 0 #f2fcff}
html[data-view="original"] .cafe-tabs{background:#f2fcffe8;border-color:#75abc0}
html[data-view="original"] .cafe-tabs a[aria-selected="true"]::after{background:#337895}
html[data-view="original"] .panel-head{border-color:#75abc0}
html[data-view="original"] .panel-head h2{color:#275a70;text-shadow:1px 1px 0 #f2fcff}
html[data-view="original"] .ycar__stage{border-color:#75abc0;background:#f2fcff80;box-shadow:4px 4px 0 #548fa055}
html[data-view="original"] :is(.ycar__nav,.ycar__chips button){color:#275a70;background:#f2fcffe8;border-color:#75abc0;box-shadow:none}
html[data-view="original"] .ycar__chips button[aria-current="true"]{color:#f2fcff;background:#337895}
html[data-view="original"] .door-footer{border-color:#75abc0}
html[data-view="original"] .cafe-motion{color:#275a70;background:#f2fcff;border-color:#75abc0;box-shadow:3px 3px 0 #75abc070}
html[data-view="original"] .cafe-motion button{color:#275a70;background:#d3f1f8;border-color:#75abc0}
html[data-view="original"] .cafe-motion input{accent-color:#337895}
/* Four equal columns on both rows. */
html[data-cafe-door] .cafe-tabs{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;column-gap:clamp(3px,1vw,8px);row-gap:8px}
html[data-cafe-door] .cafe-tabs>a{grid-column:auto;grid-row:auto}
html[data-view="novels"] body{background:#f6c4d8}

/* Sugoroku uses its own white, violet and rose theme from the game. */
html[data-view="sugoroku"] body{background:#fff}
html[data-view="sugoroku"] .home-stage{background:none}
html[data-view="sugoroku"] :is(.home-shell,.home-shell a,.cafe-tabs a,.door-notes p){color:#2a2333;text-shadow:none}
html[data-view="sugoroku"] .hero__title{color:#2a2333;text-shadow:2px 2px 0 #f2ecfe}
html[data-view="sugoroku"] .cafe-tabs{background:#ffffffe6;border-color:#8b5cf638}
html[data-view="sugoroku"] .cafe-tabs a[aria-selected="true"]::after{background:#8b5cf6}
html[data-view="sugoroku"] .panel-head{border-color:#8b5cf638}
html[data-view="sugoroku"] .panel-head h2,html[data-view="sugoroku"] .panel-head a{color:#6a38d8;text-shadow:none}
html[data-view="sugoroku"] .sgkf__name{color:#6a38d8;text-shadow:2px 2px 0 #f2ecfe}
html[data-view="sugoroku"] .sgkf__desc{color:#7c7488}
html[data-view="sugoroku"] .door-footer{border-color:#8b5cf638}
html[data-view="sugoroku"] .cafe-motion{color:#2a2333;background:#fff;border-color:#c9b5f4;box-shadow:3px 3px 0 #e8defb}
html[data-view="sugoroku"] .cafe-motion button{color:#6a38d8;background:#f2ecfe;border-color:#c9b5f4}
html[data-view="sugoroku"] .cafe-motion :is(#enable-tilt,label,input,#soda-note){display:none}
html[data-view="sugoroku"][data-cafe-paused="true"] :is(.dice3d,.dice3d-stage){animation-play-state:paused}

/* Dream illustrations: a warm glass popcorn machine. */
html[data-view="art"] body{background:#fff8e7}
html[data-view="art"] .home-stage{background:none}
html[data-view="art"] :is(.home-shell,.home-shell a,.cafe-tabs a,.door-notes p){color:#714247;text-shadow:1px 1px 0 #fff9ea}
html[data-view="art"] .hero__title{color:#71353e;text-shadow:2px 2px 0 #fff9ea,-1px -1px 0 #fff9ea}
html[data-view="art"] .cafe-tabs{background:#fff9ece8;border-color:#cb828278}
html[data-view="art"] .cafe-tabs a[aria-selected="true"]::after{background:#be5964}
html[data-view="art"] .panel-head{border-color:#cb828278}
html[data-view="art"] .panel-head h2{color:#8a414c;text-shadow:1px 1px 0 #fff9ea}
.original-welcome{max-width:460px;margin:34px auto 60px;padding:22px 18px;text-align:center;background:#f2fcffe0;border-block:1px dashed #75abc0}
.original-welcome p{margin:0;color:#275a70;line-height:1.9;font-size:1rem}
html[data-view="art"] .door-footer{border-color:#cb828278;background:#fff9ecbb}
html[data-view="art"] .cafe-motion{color:#714247;background:#fff9ec;border-color:#cb8282;box-shadow:3px 3px 0 #edbca3}
html[data-view="art"] .cafe-motion button{color:#8a414c;background:#fbe6d3;border-color:#cb8282}
html[data-view="art"] .cafe-motion :is(#enable-tilt,label,input,#soda-note){display:none}

/* One cinema ticket at a time keeps the popcorn machine in view. */
.art-tickets{max-width:580px;margin:28px auto 34px}
.art-tickets__picker{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center}
.art-tickets__stage{min-width:0;--ticket-direction:12px}
html[data-view="art"] .art-tickets__arrow{width:44px;height:48px;padding:0;border:0;border-radius:0;background:#fff9ecdc;color:#8a414c;font:inherit;font-size:20px;cursor:pointer}
html[data-view="art"] .art-tickets__arrow:hover{background:#fbe6d3}
.art-tickets__arrow:disabled{opacity:.35;cursor:default}
html[data-view="art"] .home-shell .art-ticket{--ticket-paper:#f4e35a;--ticket-ink:#5e5220;display:grid;grid-template-columns:minmax(0,1fr) 54px;min-height:164px;background:var(--ticket-paper);color:var(--ticket-ink);text-shadow:none;text-decoration:none;clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 4px,100% 4px,100% calc(50% - 10px),calc(100% - 5px) calc(50% - 10px),calc(100% - 5px) calc(50% - 5px),calc(100% - 10px) calc(50% - 5px),calc(100% - 10px) calc(50% + 5px),calc(100% - 5px) calc(50% + 5px),calc(100% - 5px) calc(50% + 10px),100% calc(50% + 10px),100% calc(100% - 4px),calc(100% - 6px) calc(100% - 4px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 4px),0 calc(100% - 4px),0 calc(50% + 10px),5px calc(50% + 10px),5px calc(50% + 5px),10px calc(50% + 5px),10px calc(50% - 5px),5px calc(50% - 5px),5px calc(50% - 10px),0 calc(50% - 10px),0 4px,6px 4px)}
html[data-view="art"] .home-shell .art-ticket[hidden]{display:none}
html[data-view="art"] .home-shell .art-ticket[data-ticket-theme="melon"]{--ticket-paper:#b6e7d1;--ticket-ink:#254b3a}
html[data-view="art"] .home-shell .art-ticket[data-ticket-theme="red"]{--ticket-paper:#e0323c;--ticket-ink:#fff3f0}
html[data-view="art"] .home-shell .art-ticket[data-ticket-theme="cola"]{--ticket-paper:#48271e;--ticket-ink:#fff0d5}
html[data-view="art"] .home-shell .art-ticket[data-ticket-theme="blue"]{--ticket-paper:#2a5fd8;--ticket-ink:#f2f6ff}
html[data-view="art"] .home-shell .art-ticket[data-ticket-theme="sea"]{--ticket-paper:#7fd3e6;--ticket-ink:#22566a}
html[data-view="art"] .home-shell .art-ticket[data-ticket-theme="orange"]{--ticket-paper:#e99a53;--ticket-ink:#644126}
html[data-view="art"] .home-shell .art-ticket[data-ticket-theme="champagne"]{--ticket-paper:#f3c8b8;--ticket-ink:#6b3f3b}
.art-ticket__body{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;padding:18px 20px}
.art-ticket__kicker{font-size:10px;letter-spacing:.08em}
.art-ticket__name{font-size:clamp(16px,4.5vw,26px);line-height:1.4;overflow-wrap:anywhere}
.art-ticket__enter{font-size:12px;text-decoration:underline;text-underline-offset:3px}
.art-ticket__barcode{display:block;width:64px;height:10px;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 4px,currentColor 4px 5px,transparent 5px 8px);opacity:.65}
.art-ticket__stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-left:2px dashed currentColor;background:#ffffff18;padding:12px 5px}
.art-ticket__stub>span:first-child{font-size:11px;letter-spacing:.12em;writing-mode:vertical-rl}
.art-ticket__number{font-size:18px;line-height:1}
.art-ticket__stub>span:last-child{font-size:7px;white-space:nowrap}
.art-ticket:focus-visible{outline:3px solid currentColor!important;outline-offset:-14px!important}
.art-ticket:hover .art-ticket__enter{text-decoration-thickness:2px}
.art-tickets__status{margin:12px 0 0;text-align:center;font-size:.85rem}
.art-tickets__spoken{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:no-preference){.art-ticket{animation:ticket-arrive .2s steps(4,end)}}
@keyframes ticket-arrive{from{opacity:.55;transform:translateX(var(--ticket-direction,12px))}to{opacity:1;transform:translateX(0)}}
@media(max-width:420px){.art-tickets__picker{gap:5px}html[data-view="art"] .home-shell .art-ticket{grid-template-columns:minmax(0,1fr) 36px;min-height:156px}.art-ticket__body{padding:16px 12px;gap:9px}.art-ticket__stub{padding:10px 2px}.art-ticket__stub>span:last-child{font-size:6px}.art-ticket__kicker{font-size:8px;letter-spacing:0}.art-ticket__barcode{width:48px;height:8px}}

/* Original games: illustrated cartridge boxes. */
.original-game{display:block;width:min(100%,520px);margin:28px auto 48px;padding:0;border:0;background:none;box-shadow:none;text-decoration:none}
/* Keep adjacent original-game cartridges close, without changing outer spacing. */
#panel-original > .original-game:not(:last-child){margin-bottom:20px}
#panel-original > .original-game + .original-game{margin-top:20px}
.original-game__package{display:block;width:100%;height:auto;image-rendering:pixelated}
.original-game:focus-visible{outline:3px solid #275a70;outline-offset:6px}
@media(hover:hover) and (pointer:fine){.original-game:hover{transform:translateY(-4px)}}
.original-game:active{transform:translateY(2px)}
@media(prefers-reduced-motion:no-preference){.original-game{transition:transform .15s steps(3,end)}}