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