:root{--color-board-bg-dark:#8f8479;--color-board-bg:#bbada0;--color-text:#776e65;--color-text-bright:#f9f6f2;--color-tile-gold:#edc22e;--color-tile-gold-glow:#f3d573;--color-tile-hot-2:#fc5e2e;--font-family-base:"Clear Sans", "Helvetica Neue", Arial, sans-serif;--font-weight-regular:400;--font-weight-bold:700;--radius-sm:3px}@font-face{font-family:Clear Sans;font-weight:300;src:url(/fonts/ClearSans-Light-webfont.woff)format("woff")}@font-face{font-family:Clear Sans;font-weight:400;src:url(/fonts/ClearSans-Regular-webfont.woff)format("woff")}@font-face{font-family:Clear Sans;font-weight:700;src:url(/fonts/ClearSans-Bold-webfont.woff)format("woff")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--color-board-bg-dark)}#app{background:var(--color-board-bg-dark);width:100%;height:100vh;font-family:var(--font-family-base);flex-direction:column;display:flex;overflow:hidden}.title-bar{flex-shrink:0;align-items:center;gap:10px;padding:22px 28px 14px;display:flex}.logo-badge{border-radius:var(--radius-sm);background:linear-gradient(155deg, var(--color-tile-gold-glow), var(--color-tile-gold));flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.logo-badge span{font-weight:var(--font-weight-bold);color:#3d3226;letter-spacing:-.5px;font-size:9px}.logo-text{font-weight:var(--font-weight-bold);color:var(--color-text-bright);letter-spacing:.5px;font-size:17px}.web-card{background:linear-gradient(150deg, #c98f2e 0%, var(--color-tile-gold) 45%, var(--color-tile-hot-2) 100%);border-radius:8px;flex:auto;align-items:flex-end;min-height:0;margin:0 12px 10px;text-decoration:none;transition:transform .15s;display:flex;position:relative;overflow:hidden}.web-card:hover{transform:scale(1.003)}.grid-backdrop{opacity:.12;pointer-events:none;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:6px;width:300px;height:300px;display:grid;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.grid-backdrop div{background:#fff;border-radius:6px}.card-overlay{background:linear-gradient(#0000 25%,#1e14051a 45%,#1e1405bf 100%);position:absolute;inset:0}.watchos-overlay{background:linear-gradient(#0000 35%,#1e1405a6 100%)}.coming-soon-overlay{background:linear-gradient(#0000 35%,#00000059 100%)}.merge-container{z-index:1;pointer-events:none;width:300px;height:300px;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.merge-tile-a,.merge-tile-b,.merge-tile-m{object-fit:cover;will-change:transform, opacity;border-radius:6px;width:69px;height:69px;position:absolute;top:77px;box-shadow:0 6px 16px #0000004d}.merge-tile-a{transition:transform .48s cubic-bezier(.34,1.2,.64,1),opacity .48s;left:0}.merge-tile-b{left:231px}.merge-tile-m{z-index:2;opacity:0;transition:transform .48s cubic-bezier(.34,1.56,.64,1),opacity .3s;left:231px;transform:scale(.5);box-shadow:0 0 22px #ffffff8c}.web-card:hover .merge-tile-a{opacity:0;transform:translate(231px)scale(.9)}.web-card:hover .merge-tile-m{opacity:1;transform:scale(1)}.web-card-text{z-index:1;flex-direction:column;gap:4px;padding:28px 32px;display:flex;position:relative}.card-eyebrow{font-weight:var(--font-weight-regular);letter-spacing:2px;text-transform:uppercase;color:#fff;opacity:.8;font-size:13px}.card-title{font-weight:var(--font-weight-bold);color:#fff;font-size:min(11vw,72px);line-height:.95}.card-subtitle{font-weight:var(--font-weight-regular);color:#fff;opacity:.85;font-size:15px}.small-cards{flex:none;grid-template-columns:repeat(3,1fr);gap:10px;height:34%;margin:0 12px 12px;display:grid}.ti84-card,.watchos-card,.coming-soon-card{border-radius:8px;text-decoration:none;display:block;position:relative;overflow:hidden}.ti84-card{background:#e4ecdd;transition:transform .15s}.ti84-card:hover{transform:scale(1.005)}.ti84-text{z-index:2;pointer-events:none;flex-direction:column;gap:1px;display:flex;position:absolute;top:12px;left:14px}.ti84-text .card-name{font-weight:var(--font-weight-bold);color:var(--color-text);font-size:19px;line-height:1}.ti84-text .card-sub{font-weight:var(--font-weight-regular);color:var(--color-text);opacity:.7;font-size:11px}.ti84-img{z-index:1;pointer-events:none;width:66%;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:62%;transform:translate(-50%,58%)}.ti84-card:hover .ti84-img{transform:translate(-50%,38%)}.watchos-card{background:linear-gradient(150deg, var(--color-tile-gold-glow), var(--color-tile-gold));align-items:flex-end;transition:transform .15s;display:flex}.watchos-card:hover{transform:scale(1.005)}.watchos-model{z-index:1;pointer-events:none;--poster-color:transparent;width:min(72%,190px);height:min(88%,220px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.coming-soon-card{background:var(--color-board-bg);opacity:.55;cursor:default;align-items:flex-end;display:flex}.top-icon{z-index:1;background:#0000002e;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:12px;right:12px}.coming-soon-icon{background:#00000026}.small-card-text{z-index:1;flex-direction:column;gap:1px;padding:14px;display:flex;position:relative}.small-card-title{font-weight:var(--font-weight-bold);color:#fff;font-size:19px;line-height:1}.small-card-title.sm{font-size:15px}.small-card-sub{font-weight:var(--font-weight-regular);color:#fff;opacity:.75;font-size:11px}