html[data-start-screen] body>:not(#startScreen){visibility:hidden!important;pointer-events:none!important}
.start-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(ellipse at center,#a0bee7,#65528a 70%,#35263f);padding:8px;box-sizing:border-box}
.start-card{position:relative;width:min(calc(100vw - 16px),calc((100dvh - 16px) * 1672 / 941));aspect-ratio:1672/941;border-radius:18px;overflow:hidden;box-shadow:0 12px 60px #24173566}
.start-art{display:block;width:100%;height:100%;object-fit:contain}
.start-button{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);width:30%;height:13%;min-height:40px;border:3px solid #226318;border-radius:24px;background:linear-gradient(#a9f257,#54bb2f);box-shadow:0 6px 0 #256f1d,0 9px 18px #173e2666,inset 0 3px 0 #e1ff9c;color:#173d12;font:900 clamp(18px,3.4vw,48px)/1 "Trebuchet MS",sans-serif;text-shadow:0 1px 0 #dbff9d;cursor:pointer;touch-action:manipulation}
.start-button:hover{filter:brightness(1.08)}
.start-button:active{transform:translate(-50%,3px);box-shadow:0 3px 0 #256f1d}
.start-button:focus-visible{outline:4px solid white;outline-offset:4px}
@media(max-width:480px){.start-button{border-radius:14px;border-width:2px}.start-card{border-radius:12px}}