.tile{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;position:relative;background:linear-gradient(70deg,#242c32 64%,#6d8698 153%);align-items:center;padding:8px 8px 12px;gap:8px;min-height:160px;height:100%;border-radius:12px;overflow:hidden}.tile .tagline{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:6px 12px;background:#424242;font-weight:500;font-size:clamp(12px,1.4vw,14px);z-index:1}.tile .content{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;position:relative;width:100%;align-items:center;justify-content:center;text-align:center;gap:8px;z-index:1;height:100%;pointer-events:none}.tile .content a,.tile .content button{pointer-events:auto}.tile .sub{display:block;font-family:Saira,Saira Fallback,sans-serif;font-weight:500;letter-spacing:-.02em;font-size:18px;line-height:140%}.tile p{line-height:135%;letter-spacing:-.02em;color:#fffc;margin:0}.tile .link-text{text-decoration:underline;font-size:15px}@media(min-width:768px){.tile{padding:16px 24px;gap:14px}.tile .content{gap:14px}.tile .sub{font-size:clamp(20px,2.2vw,22px)}.tile .link-text{font-size:clamp(16px,1.8vw,18px)}}@media(min-width:1440px){.tile{align-items:flex-start;padding:16px 24px}.tile .content{text-align:left;align-items:flex-start}}.tile--default>img{height:80px;max-width:100%;width:auto;object-fit:contain;pointer-events:none;transition:transform .4s ease}@media(min-width:768px){.tile--default>img{height:140px;object-fit:scale-down}}@media(min-width:1440px){.tile--default>img{position:absolute;right:10px;bottom:50%;transform:translateY(50%);max-height:100%;max-width:none;object-fit:scale-down}.tile--default:hover>img{transform:translateY(50%) scale(1.05)}.tile--default .content{width:60%}}.tile--container{cursor:pointer}.tile--container .tile-stretched-link{position:absolute;inset:0;z-index:1}.tile--container .tile-image-link{order:-1;display:flex;align-items:center;justify-content:center;height:80px;width:100%;max-width:clamp(155px,31.6vw - 300px,256px)}.tile--container .tile-image-link img{max-height:100%;max-width:100%;object-fit:contain;border-radius:8px;filter:drop-shadow(0 5px 6px rgba(0,0,0,.45));transition:transform .4s ease;pointer-events:none}.tile--container .tile-stretched-link:hover~.tile-image-link img{transform:scale(1.05)}.tile--container .mini-items{position:relative;z-index:2;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.tile--container .mini-items .mini-item{width:clamp(44px,8vw,56px);height:clamp(44px,8vw,56px);background:#ffffff14;border-top:2px solid var(--card-color, #FFFFFF);border-radius:2px;padding:4px;display:flex;align-items:center;justify-content:center;flex-direction:row;transition:background .3s ease}.tile--container .mini-items .mini-item:hover{background:#ffffff29}.tile--container .mini-items .mini-item img{max-width:100%;max-height:100%;object-fit:scale-down}@media(min-width:768px){.tile--container .tile-image-link{height:140px}.tile--container .mini-items{gap:8px}.tile--container .mini-items .mini-item{width:clamp(52px,5vw,64px);height:clamp(52px,5vw,64px);border-radius:6px}}@media(min-width:1440px){.tile--container .content{width:68%;gap:12px}.tile--container .tile-image-link{position:absolute;right:12px;bottom:0;height:100%;width:auto;max-width:32%}.tile--container .tile-image-link img{max-height:65%;max-width:100%}.tile--container .mini-items{gap:8px;justify-content:flex-start}}.tile.tile--frame{isolation:isolate;padding:24px}@media(hover:hover){.tile.tile--frame:hover .tile-product{transform:translate(-50%,-50%) scale(1.1)}.tile.tile--frame:hover .unit-dmarket{translate:5px -7px}.tile.tile--frame:hover .unit-float{translate:-6px 4px}.tile.tile--frame:hover .unit-monkey{translate:-4px -6px}.tile.tile--frame:hover .unit-hskins{translate:7px 5px}}.tile.tile--frame:before{content:"";position:absolute;width:291px;height:291px;left:50%;top:-171px;transform:translate(calc(-50% + 1.5px));background:#52b77247;filter:blur(60px);pointer-events:none;z-index:0}.tile.tile--frame .tile-frame{position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);pointer-events:none;z-index:1}.tile.tile--frame .tile-frame--portrait{display:none}@media(max-width:1439px){.tile.tile--frame .tile-frame--landscape{display:none}.tile.tile--frame .tile-frame--portrait{display:block}}.tile.tile--frame .tile-cta{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:3}@media(max-width:767px){.tile.tile--frame .tile-cta{height:34px;padding:5px 10px;font-size:12px;gap:5px}.tile.tile--frame .tile-cta svg{width:12px;height:12px}}.tile.tile--frame .tile-product{position:absolute;top:40%;left:50%;max-width:clamp(300px,26vw,360px);max-height:75%;width:auto;height:auto;transform:translate(-50%,-50%);transition:transform .4s ease;pointer-events:none;z-index:2}@media(max-width:1439px){.tile.tile--frame .tile-product{max-width:clamp(500px,43.3vw,600px)}}@media(min-width:1440px){.tile.tile--frame .tile-product{top:33%;max-width:clamp(373px,32.3vw,447px)}}@media(max-width:767px){.tile.tile--frame .tile-product{max-width:clamp(330px,28.6vw,396px)}}.tile.tile--frame .unit{position:absolute;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;transition:translate .5s ease}@media(max-width:767px){.tile.tile--frame .unit{display:none}}.tile.tile--frame .unit-dmarket,.tile.tile--frame .unit-monkey{width:110px}.tile.tile--frame .unit-float,.tile.tile--frame .unit-hskins{width:145px}.tile.tile--frame .unit-dmarket{top:4%;left:16%}.tile.tile--frame .unit-float{top:52%;left:-2%;z-index:3}.tile.tile--frame .unit-monkey{top:2%;right:22%}.tile.tile--frame .unit-hskins{bottom:4%;right:-3%}@media(min-width:1440px){.tile.tile--frame .unit{top:auto}.tile.tile--frame .unit-dmarket,.tile.tile--frame .unit-monkey{left:auto}.tile.tile--frame .unit-float,.tile.tile--frame .unit-hskins{right:auto}.tile.tile--frame .unit-dmarket{bottom:8%;right:17%;width:82px}.tile.tile--frame .unit-float{bottom:32%;left:-1%;width:100px}.tile.tile--frame .unit-monkey{bottom:10%;right:-1%;width:78px}.tile.tile--frame .unit-hskins{bottom:0;left:-4%;width:100px}}.tile.tile--armory{isolation:isolate;cursor:pointer;border-top:3px solid #4daf7a;background:linear-gradient(160deg,#1b4b47,#16283a 72%)}.tile.tile--armory .armory-glow{position:absolute;width:260px;height:260px;right:-50px;top:-130px;background:#52b7724d;filter:blur(60px);pointer-events:none;z-index:0}.tile.tile--armory .tile-stretched-link{position:absolute;inset:0;z-index:1}.tile.tile--armory .content{position:relative;z-index:1}.tile.tile--armory .sub{display:inline-flex;align-items:center;gap:8px}.tile.tile--armory .sub svg{flex:none;width:22px;height:22px;color:#4daf7a}.tile.tile--armory .link-text{color:#4daf7a}.tile.tile--armory .mini-items{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.tile.tile--armory .mini-items .mini-item{width:clamp(44px,8vw,56px);height:clamp(44px,8vw,56px);display:flex;align-items:center;justify-content:center;padding:4px;border-top:2px solid #4daf7a;border-radius:6px;background:#ffffff14;transition:background .3s ease}.tile.tile--armory .mini-items .mini-item:hover{background:#ffffff29}.tile.tile--armory .mini-items .mini-item img{max-width:100%;max-height:100%;object-fit:scale-down}.tile.tile--armory .armory-pass{order:-1;position:relative;z-index:0;width:auto;max-width:62%;max-height:96px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45));pointer-events:none;transition:transform .4s ease}@media(hover:hover){.tile.tile--armory:hover .armory-pass{transform:scale(1.05)}}@media(min-width:768px){.tile.tile--armory .mini-items{gap:8px}.tile.tile--armory .mini-items .mini-item{width:clamp(52px,5vw,64px);height:clamp(52px,5vw,64px)}.tile.tile--armory .armory-pass{max-height:104px}}@media(min-width:1440px){.tile.tile--armory .content{width:56%}.tile.tile--armory .mini-items{justify-content:flex-start}.tile.tile--armory .armory-pass{order:0;position:absolute;right:6px;bottom:50%;transform:translateY(50%);max-width:42%;max-height:74%}.tile.tile--armory:hover .armory-pass{transform:translateY(50%) scale(1.05)}}.tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}@media(max-width:1023px){.tiles-grid{grid-template-columns:repeat(2,1fr)}}