.at-home{display:block;background:#103c34}.at-home>header,.at-home>main{display:none}.home-screen[hidden],.loading-screen[hidden]{display:none}.home-screen{height:100%;max-width:650px;margin:auto;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;overflow:hidden;padding:max(18px,2dvh) 24px 0;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 36%,#2f7660aa,transparent 50%),linear-gradient(150deg,#194f43,#103c34 55%,#1f5047)}.home-screen::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,#b6d3ab0a 1px,transparent 2px) 0 0/10px 10px;mask-image:linear-gradient(135deg,transparent,#000,transparent)}.home-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.home-profile{display:flex;align-items:center;gap:11px}.home-profile-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:radial-gradient(#447967,#173c33);border:2px solid #c3b67f;color:#efe1b0;font-size:33px;box-shadow:0 0 0 4px #84ae7a24,0 4px 6px #001c1555}.home-profile small{display:block;font-size:10px;color:#bbcfb5;line-height:1.7;letter-spacing:1px}.home-profile strong{font-size:14px;color:#efe7c7;font-weight:550}.home-gear{width:42px;height:42px;border-radius:50%;border:1px solid #baa974;color:#f4dfac;background:linear-gradient(#58765c,#2b4e40);box-shadow:inset 0 1px #dae0ad40,0 3px 0 #142c22;font-size:25px;padding:0}.home-ribbon{display:flex;justify-content:center;align-items:center;gap:17px;border-top:1px solid #87996b50;border-bottom:1px solid #87996b50;margin-top:18px;padding:9px 0;color:#bdccae;font-size:11px}.home-ribbon>span:first-child,.home-ribbon>span:last-child{color:#bea66c}.home-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding-top:15px}.home-art{position:relative;width:250px;height:220px;flex-shrink:1;max-height:28dvh;aspect-ratio:1.14;animation:home-cards-in .65s cubic-bezier(.2,.8,.3,1.1) both}.home-card{position:absolute;left:30%;top:8%;width:44%;height:84%;background:linear-gradient(130deg,#fff9e6,#e9e0c5);border:1px solid #bbaa7b;border-radius:10px;box-shadow:0 2px 0 #a89f84,0 9px 14px #001c1560;color:#172d25;transform-origin:50% 100%;padding:9px;font:24px Georgia,serif}.home-card>span{font-size:19px;line-height:.9;display:block}.home-card>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:68px}.hc1{transform:rotate(-23deg) translateX(-30px);color:#b94a41}.hc2{transform:rotate(-10deg) translateX(-13px)}.hc3{transform:rotate(4deg) translateX(7px);color:#b94a41}.hc4{transform:rotate(19deg) translateX(28px)}.home-card-corner{position:absolute;bottom:10px;right:8px;rotate:180deg}.home-spark{position:absolute;color:#ffe5a5;font-style:normal;text-shadow:0 0 12px #d8bc6b55;animation:home-sparkle 2s ease-in-out 2}.hs1{right:2%;top:20%;font-size:38px}.hs2{left:5%;bottom:9%;font-size:25px;animation-delay:.3s}.home-title{font-family:system-ui,sans-serif;font-weight:850;text-align:center;font-size:clamp(50px,10dvh,82px);line-height:1.25;margin:-8px 0 0;position:relative;color:#f1ce75;text-shadow:0 2px #976b31,0 4px #5f4b2a,0 7px 9px #001d1580;letter-spacing:-3px}.home-title small{display:block;font:600 12px/1.8 Georgia,serif;letter-spacing:6px;color:#dfd5ae;text-shadow:none;margin-left:6px}.home-subtitle{color:#bdcfb3;font-size:11px;margin:9px 0 14px;line-height:1.6}.home-actions{width:100%;max-width:430px;justify-self:center;margin-top:12px}.home-play,.home-secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:72px;border-radius:21px;border:2px solid #e3d295;background:linear-gradient(145deg,#d5d995,#a8bd68);color:#1d3e2d;padding:11px 21px;box-shadow:inset 0 3px 0 #f8f2bf77,inset 0 -3px 0 #718c4940,0 5px 0 #4b6338,0 10px 12px #001d1555;text-shadow:0 1px #f8f4c34f;transition:transform .15s,box-shadow .15s}.home-play>span:nth-child(2){flex:1;text-align:center}.home-play b{display:block;font:800 23px/1.5 system-ui;letter-spacing:.5px}.home-play small{display:block;font-size:10px;font-weight:500;color:#3c5633}.home-button-icon{font-size:21px}.home-play>span:last-child,.home-secondary>span:last-child{font-size:28px;font-weight:400}.home-secondary{min-height:55px;margin-top:15px;background:linear-gradient(135deg,#5da69e,#3b7e83);border-color:#9fc9b8;box-shadow:inset 0 2px #d7eacf40,0 4px 0 #245856,0 7px 10px #001b1540;color:#ecedd2;text-shadow:0 1px #173e3d;font:650 14px system-ui}.home-play:active,.home-secondary:active{transform:translateY(3px);box-shadow:inset 0 2px 4px #183f2c50,0 1px 0 #294d39}.home-save{font-size:10px;color:#a7c0a3;text-align:center;margin:17px 0 20px}.home-save::before{content:'•';color:#b8d390;margin-right:7px}.home-nav{display:flex;justify-content:space-around;align-items:stretch;margin:0 -24px;padding:7px 15px max(10px,env(safe-area-inset-bottom));border-top:1px solid #758f6659;background:linear-gradient(#255447,#163e34);box-shadow:0 -4px 14px #082b2133}.home-nav button{width:30%;border:0;background:transparent;border-radius:12px;color:#b6cdb8;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:3px}.home-nav button>span{font-size:25px;color:#c4b77b;line-height:1.15}.home-nav b{font:500 10px/1.6 system-ui}.home-nav .is-current{background:#b3c58c1a;color:#f0e0ad;box-shadow:inset 0 1px #bfd29c16}.home-nav .is-current>span{color:#edcf81}.loading-screen{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse,#2d6650,#102f29);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#d8e1c6}.loading-screen>strong{font:600 24px Georgia,serif;color:#e9d5a2;letter-spacing:4px}.loading-screen>span{font-size:11px;color:#b8cbae}.loading-emblem{position:relative;width:90px;height:90px;margin-bottom:8px}.loading-emblem span{position:absolute;width:45px;height:62px;display:grid;place-items:center;background:#f5edcf;border:1px solid #bca36a;border-radius:6px;left:24px;top:12px;font-size:27px;color:#193b30;box-shadow:0 3px 8px #001c1650;transform-origin:50% 90%;animation:loading-cards .8s ease both}.loading-emblem span:nth-child(1){rotate:-28deg;translate:-15px 0;color:#bd4f44}.loading-emblem span:nth-child(2){rotate:-9deg;translate:-5px 0;color:#bd4f44}.loading-emblem span:nth-child(3){rotate:11deg;translate:5px 0}.loading-emblem span:nth-child(4){rotate:29deg;translate:15px 0;color:#bd4f44}.loading-track{width:155px;height:4px;border-radius:4px;background:#071f1899;overflow:hidden;margin-top:5px}.loading-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#82b7a0,#e9d08b);transform-origin:left;animation:loading-progress .9s ease-out both}
@keyframes home-cards-in{from{transform:translateY(18px) scale(.85);opacity:0}to{transform:none;opacity:1}}@keyframes home-sparkle{0%,100%{opacity:.35;scale:.85}50%{opacity:1;scale:1.1}}@keyframes loading-cards{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes loading-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:700px){.home-screen{border-left:1px solid #66877150;border-right:1px solid #66877150;padding-top:25px}.home-art{width:280px;height:235px}.home-top{padding:0 10px}.home-nav{margin-top:10px}}
@media(max-height:720px){.home-screen{padding-top:12px}.home-profile-icon{width:42px;height:42px;font-size:26px}.home-ribbon{margin-top:12px;padding:6px}.home-art{width:200px;height:176px}.home-title{font-size:57px}.home-subtitle{margin:4px 0}.home-play{min-height:61px}.home-play b{font-size:20px}.home-secondary{min-height:47px;margin-top:12px}.home-save{margin:13px 0}.home-nav button>span{font-size:21px}}
@media(orientation:landscape) and (max-height:600px){.home-screen{max-width:950px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:35px;padding:12px 30px 0}.home-top{grid-column:1/-1}.home-ribbon{grid-column:1/-1;margin-top:8px;padding:5px}.home-center{grid-column:1;grid-row:3;padding:6px 0}.home-art{width:130px;height:110px;max-height:none}.home-card>b{font-size:38px}.home-card>span{font-size:12px}.home-title{font-size:38px;margin-top:-8px}.home-title small{font-size:8px}.home-subtitle{display:none}.home-actions{grid-column:2;grid-row:3;align-self:center;margin:8px 0}.home-play{min-height:57px;padding:8px 15px}.home-play b{font-size:19px}.home-play small{font-size:9px}.home-secondary{min-height:45px;margin-top:11px}.home-save{margin:12px 0 5px}.home-nav{grid-column:1/-1;margin:0 -30px;padding:4px 20px}.home-nav button{flex-direction:row;justify-content:center;gap:8px}.home-nav button>span{font-size:21px}.home-profile-icon{width:34px;height:34px;font-size:23px}.home-profile strong{font-size:12px}.home-profile small{font-size:9px}.home-gear{width:34px;height:34px;font-size:22px}.home-spark{font-size:20px}}
@media(prefers-reduced-motion:reduce){.home-art,.home-spark,.loading-emblem span,.loading-track i{animation:none}.home-play,.home-secondary{transition:none}}
html[lang=si] .home-title{font-size:clamp(50px,10dvh,82px);line-height:1.25}
@media(max-height:720px){html[lang=si] .home-title{font-size:57px}}
@media(orientation:landscape) and (max-height:600px){html[lang=si] .home-title{font-size:38px}}

/* The supplied Ape Omi artwork stays fully visible at every screen size. */
.home-brand-heading{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;width:100%;max-width:460px;max-height:390px;margin:0;line-height:1;animation:home-cards-in .65s ease-out both}
.home-brand-logo{display:block;width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 9px 12px #001a1455)}
.loading-brand-logo{display:block;width:min(82vw,410px);height:auto;max-height:58dvh;object-fit:contain;animation:home-cards-in .65s ease-out both}
header .brand{gap:7px;letter-spacing:.5px;flex-shrink:0}
header .brand-logo{display:block;width:48px;height:42px;object-fit:contain;flex-shrink:0}
header .brand-name{font:700 16px/1 Georgia,serif;white-space:nowrap}
@media(max-width:420px){header .brand{gap:4px}header .brand-logo{width:35px;height:31px}header .brand-name{font-size:12px}}
@media(orientation:landscape) and (max-height:600px){.home-brand-heading{max-width:310px;max-height:100%}header .brand-logo{width:34px;height:29px}header .brand-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){.home-brand-heading,.loading-brand-logo{animation:none}}