.immersive-phone /* iPhone */
.phone{width:min(304px,100%);aspect-ratio:304/636;border-radius:18.4%/8.8%;padding:4px;position:relative;flex:none;isolation:isolate;
  background:linear-gradient(140deg,#9a9893 0%,#e4e2dc 9%,#8a8883 18%,#4a4945 34%,#2f2e2c 50%,#55534f 66%,#9c9a94 82%,#dedcd6 92%,#8c8a85 100%);
  box-shadow:0 0 0 .6px #1e1e1c,inset 0 0 0 .7px #ffffffa0,inset 0 0 2px 1.6px #00000055,0 1px 1px #0000002a,0 26px 40px -18px #0000004d,0 70px 110px -40px #00000066}.immersive-phone .phone::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:8;
  background:linear-gradient(#5d5c58,#5d5c58) left 0 top 8.5%/4px 2.5px no-repeat,linear-gradient(#5d5c58,#5d5c58) right 0 top 8.5%/4px 2.5px no-repeat,linear-gradient(#5d5c58,#5d5c58) left 0 bottom 8.5%/4px 2.5px no-repeat,linear-gradient(#5d5c58,#5d5c58) right 0 bottom 8.5%/4px 2.5px no-repeat,linear-gradient(#5d5c58,#5d5c58) left 34% bottom 0/2.5px 4px no-repeat}.immersive-phone .phone::after{content:"";position:absolute;inset:4px;border-radius:17.6%/8.4%;pointer-events:none;z-index:7;
  background:linear-gradient(116deg,#ffffff2e 0%,#ffffff0f 22%,#ffffff00 38%,#ffffff00 70%,#ffffff0d 86%,#ffffff00 100%);box-shadow:inset 0 1px 0 #ffffff26,inset 0 0 0 1px #ffffff0f}.immersive-phone .hw{position:absolute;width:3.6px;border-radius:2px;z-index:-1;background:linear-gradient(90deg,#3e3d3a,#d6d4ce 42%,#8b8984 62%,#4a4946);box-shadow:0 0 0 .4px #1e1e1c}.immersive-phone .hw-action{left:-2.8px;top:16.5%;height:4.4%}.immersive-phone .hw-up{left:-2.8px;top:25%;height:7.4%}.immersive-phone .hw-down{left:-2.8px;top:34.2%;height:7.4%}.immersive-phone .hw-side{right:-2.8px;top:27%;height:11%}.immersive-phone .hw-cam{right:-1.8px;top:60%;height:6.6%;width:2.8px;background:linear-gradient(90deg,#55544f,#232322 50%,#4d4c48)}.immersive-phone .screen{position:relative;height:100%;border-radius:17.6%/8.4%;border:7px solid #030303;overflow:hidden;background:#f2f2f1;font-size:12px;line-height:1.35;box-shadow:0 0 0 .5px #000}.immersive-phone .screen::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 .5px #ffffff14;pointer-events:none;z-index:6}.immersive-phone .island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:31%;height:26px;border-radius:20px;background:#000;z-index:5}.immersive-phone .island::after{content:"";position:absolute;right:9px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:radial-gradient(circle at 36% 34%,#5b6f99 0,#1b2335 32%,#070a10 62%,#000 100%);box-shadow:0 0 0 1.2px #121212,inset 0 0 2px #2a3550}.immersive-phone .tilt::after{content:"";position:absolute;left:14%;right:14%;bottom:-22px;height:34px;border-radius:50%;background:radial-gradient(closest-side,#0000003d,#00000000);z-index:-1;filter:blur(2px)}.immersive-phone .status{position:absolute;top:11px;left:24px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;z-index:4;color:var(--ink)}.immersive-phone .status i{display:inline-block;width:22px;height:10px;border:1.5px solid currentColor;border-radius:3px;position:relative}.immersive-phone .status i::after{content:"";position:absolute;inset:1.5px 4px 1.5px 1.5px;background:currentColor;border-radius:1px}.immersive-phone .app-screen{position:absolute;inset:0;padding:50px 14px 0;overflow:hidden}.immersive-phone .app-top{display:flex;justify-content:space-between;margin-bottom:8px}.immersive-phone .round{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 8px #0000000f}.immersive-phone .round svg{width:15px;height:15px}.immersive-phone .club-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;margin-bottom:12px}.immersive-phone .logo-tile{width:78px;height:78px;border-radius:22px;overflow:hidden;display:grid;place-items:center;border:1px solid #e3e3df;margin-bottom:8px}.immersive-phone .logo-tile img,.immersive-phone .mini-logo img,.immersive-phone .big-logo img,.immersive-phone .vlogo img{width:100%;height:100%;object-fit:contain;display:block}.immersive-phone .club-head strong{font-size:18px;letter-spacing:-.02em;line-height:1.15}.immersive-phone .club-head span{color:var(--muted);font-size:12.5px}.immersive-phone .a-card{background:#fff;border-radius:20px;padding:12px 13px;margin-bottom:10px;box-shadow:0 1px 2px #0000000a}.immersive-phone .a-card h4{margin:0 0 8px;font-size:12.5px;font-weight:650}.immersive-phone .a-row{display:flex;gap:9px;align-items:flex-start;padding:4px 0;color:var(--ink-2);font-size:11.5px}.immersive-phone .a-row svg{width:15px;height:15px;flex:none;margin-top:1px;color:var(--muted)}.immersive-phone .m-card{background:#f6f6f4;border-radius:15px;padding:10px 11px}.immersive-phone .m-top{display:flex;justify-content:space-between;align-items:baseline}.immersive-phone .m-top b{font-size:15px;letter-spacing:-.02em}.immersive-phone .m-top span{color:var(--muted);font-size:11px}.immersive-phone .m-msg{margin:5px 0 9px;font-size:12px;color:var(--ink-2)}.immersive-phone .m-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.immersive-phone .avatars{display:flex;align-items:center}.immersive-phone .avatars i{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-6px;display:grid;place-items:center;font-style:normal;font-size:8.5px;font-weight:700;color:#5c605c;background:#dfe2dc;flex:none}.immersive-phone .avatars>i:first-child{margin-left:0}.immersive-phone .avatars i.b{background:#e7ddd4;color:#6a6057}.immersive-phone .avatars i.c{background:#d7e0e5;color:#59656e}.immersive-phone .avatars i.d{background:#141414;color:#fff}.immersive-phone .avatars i.empty{background:#fff;border:1px dashed #c5c5bf;color:#a5a59f;font-size:13px;font-weight:400}.immersive-phone .m-level{text-align:right;line-height:1.1}.immersive-phone .m-level small{display:block;color:var(--muted);font-size:9.5px}.immersive-phone .m-level b{font-size:14px}.immersive-phone .state-chip{font-size:10.5px;font-weight:600;border-radius:999px;padding:4px 8px;background:var(--ok-bg);color:var(--ok);white-space:nowrap}.immersive-phone .state-chip.s-a{background:#ececea;color:var(--ink-2)}.immersive-phone .tabbar{position:absolute;left:10px;right:10px;bottom:12px;height:54px;border-radius:27px;background:#ffffffed;box-shadow:0 6px 18px #0000001a,0 0 0 1px #0000000a;display:flex;justify-content:space-around;align-items:center;z-index:3}.immersive-phone .tabbar span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8.5px;color:#4b4b48;padding:5px 7px;border-radius:16px;transition:background .3s,color .3s}.immersive-phone .tabbar span.on{background:#ececea;color:var(--ink);font-weight:600}.immersive-phone .tabbar svg{width:17px;height:17px}.immersive-phone /* Écran « Fiche club » de l’app SwiftUI (ClubDetailsView),.immersive-phone à l’échelle du téléphone */
.hero-visual{flex-direction:column;align-items:center;gap:26px}.immersive-phone .hero-note{font-size:12.5px;color:var(--muted);text-align:center;max-width:27em;line-height:1.45}.immersive-phone .st-icons{display:flex;align-items:center;gap:4px}.immersive-phone .st-icons svg{height:9px;width:auto;fill:currentColor}.immersive-phone .status i{width:21px;height:10px}.immersive-phone .cp{background:linear-gradient(180deg,#f3f3f2,#ececeb);padding:44px 14px 0}.immersive-phone .cp-back{position:absolute;left:12px;top:42px;width:31px;height:31px;border-radius:50%;background:#ffffffe6;display:grid;place-items:center;box-shadow:0 2px 10px #00000014,inset 0 0 0 .5px #ffffff;color:#1d1d1d;z-index:2}.immersive-phone .cp-back svg{width:14px;height:14px}.immersive-phone .cp-identity{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:30px;margin-bottom:17px}.immersive-phone .cp-logo{width:66px;height:66px;border-radius:16px;overflow:hidden;border:1px solid #e2e2df;background:#f1f1ef;margin-bottom:9px;box-shadow:0 1px 2px #0000000a}.immersive-phone .cp-logo img{width:100%;height:100%;object-fit:contain;display:block}.immersive-phone .cp-identity strong{font-size:15.5px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.immersive-phone .cp-identity>span{font-size:10.5px;color:#7b7b78;margin-top:2px}.immersive-phone .cp-title{font-size:14px;font-weight:500;letter-spacing:-.01em;color:#141414;margin:0 0 8px}.immersive-phone .cp-photos{display:flex;gap:8px;margin:0 -14px 17px 0;overflow:hidden}.immersive-phone .cp-photo{margin:0;flex:none;width:208px;height:132px;border-radius:15px;overflow:hidden;position:relative;background:#d9d9d6}.immersive-phone .cp-photo+.cp-photo{width:60px}.immersive-phone .cp-photo img{width:100%;height:100%;object-fit:cover;display:block}.immersive-phone .cp-tag{position:absolute;left:8px;bottom:8px;font-size:8.5px;font-weight:600;color:#fff;background:#00000059;backdrop-filter:blur(6px);border-radius:999px;padding:3px 7px}.immersive-phone .cp-card{background:#f9f9f8;border-radius:15px;box-shadow:0 1px 1px #00000008,0 8px 22px -14px #0000002e,inset 0 0 0 .5px #ffffff;margin-bottom:17px}.immersive-phone .cp-courts{padding:11px 12px 4px}.immersive-phone .cp-courts-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;padding-bottom:9px;border-bottom:.5px solid #dcdcd8}.immersive-phone .cp-courts-head svg{width:17px;height:12px;flex:none}.immersive-phone .cp-row{display:flex;align-items:center;gap:8px;font-size:10.5px;color:#82827e;padding:8px 0}.immersive-phone .cp-row svg{width:13px;height:13px;flex:none}.immersive-phone .cp-row span{flex:1}.immersive-phone .cp-row b{color:#141414;font-weight:500}.immersive-phone .cp-day{display:flex;align-items:center;gap:9px;padding:9px 12px;margin-bottom:9px}.immersive-phone .cp-day>svg{width:17px;height:17px;flex:none}.immersive-phone .cp-day div{flex:1;line-height:1.15}.immersive-phone .cp-day small{display:block;font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:#7b7b78}.immersive-phone .cp-day b{font-size:12.5px;font-weight:600}.immersive-phone .cp-chev{width:12px;height:12px;color:#7b7b78}.immersive-phone .cp-slots{padding:10px 10px 6px}.immersive-phone .cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.immersive-phone .cp-tile{background:#fff;border-radius:12px;padding:7px 0 6px;display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:0 1px 1px #00000008,0 6px 14px -10px #00000040}.immersive-phone .cp-tile b{font-size:11.5px;font-weight:600;letter-spacing:-.01em}.immersive-phone .cp-tile small{font-size:7.5px;color:#7b7b78}.immersive-phone .cp-tile.off{background:#f6f6f5;box-shadow:none}.immersive-phone .cp-tile.off b,.immersive-phone .cp-tile.off small{color:#bdbdb9}.immersive-phone .cp-foot{display:flex;justify-content:space-between;align-items:center;padding:6px 6px 2px;font-size:9.5px;color:#82827e}.immersive-phone .cp-foot span:first-child,.immersive-phone .cp-foot span:last-child{font-size:14px;color:#9b9b97}