.island-shell{background:#203a32;border:1px solid #4b6050;position:relative;overflow:hidden;color:#edf0d7}.island-heading{display:flex;justify-content:space-between;gap:20px;padding:23px 28px;border-bottom:1px solid #ffffff18;font-size:10px;letter-spacing:1.4px}.island-heading>span:first-child{display:flex;align-items:center;gap:10px}.island-heading .dot{background:#c4d390}.island-heading>span:last-child{color:#c0cbb7;font-size:9px}.island-stage{background:radial-gradient(ellipse at 50% 45%,#4b6650 0,#2a493c 50%,#203a32 80%);padding:0 0 8px;position:relative}.island-board{position:relative;aspect-ratio:1000/610;width:100%;isolation:isolate}.island-terrain{display:block;width:100%;height:100%;filter:drop-shadow(0 15px 15px #14271d66)}.island-place{--scale:1;position:absolute;transform:translate(-50%,-100%);width:13%;height:17%;padding:0;border:0;background:none;color:#fff9de;cursor:pointer;z-index:2;touch-action:manipulation}.place-art{position:absolute;width:60%;height:100%;bottom:2%;left:20%;transform-origin:50% 100%;transition:transform .18s ease,filter .18s ease;filter:drop-shadow(0 5px 2px #152a2a44);display:flex;align-items:end;justify-content:center;pointer-events:none}.place-art svg,.place-art img{width:100%;height:auto;max-height:100%;object-fit:contain;image-rendering:pixelated;overflow:hidden}.place-tree .place-art{width:73%;left:13.5%;height:110%}.place-hero .place-art{width:36%;left:32%;height:100%}.place-house .place-art{width:95%;left:2.5%}.place-label{position:absolute;left:50%;top:100%;transform:translate(-50%,2px);padding:5px 9px;border:1px solid #9aab7c66;white-space:nowrap;font-size:clamp(8px,.85vw,12px);font-weight:600;letter-spacing:.1px;color:#f4f0d3;background:#182e27ee;box-shadow:0 3px 8px #14281d33;transition:background .15s,border-color .15s;pointer-events:none}.place-label span{color:#c4d390;margin-left:3px}.place-ring{position:absolute;bottom:0;left:15%;width:70%;height:28%;border:1px solid #e7d49499;border-radius:50%;transform:rotate(-8deg);background:#e5d49222;transition:box-shadow .2s;pointer-events:none}.island-place:hover,.island-place:focus-visible{z-index:4;outline:0}.island-place:hover .place-art,.island-place:focus-visible .place-art{transform:translateY(-9px);filter:drop-shadow(0 9px 5px #10291a77) brightness(1.15)}.island-place:hover .place-label,.island-place:focus-visible .place-label{background:#cddba0;color:#1e362a;border-color:#f4ebbf}.island-place:hover .place-label span,.island-place:focus-visible .place-label span{color:#314c32}.island-place:hover .place-ring,.island-place:focus-visible .place-ring{box-shadow:0 0 20px #e8d989aa;background:#d7df9c66}.island-corner{position:absolute;bottom:18px;right:22px;font:italic 19px Georgia,serif;color:#c2d0ab;pointer-events:none}.island-corner span{font:8px Arial,sans-serif;letter-spacing:2px;display:block;margin-top:5px}.island-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 26px;border-top:1px solid #ffffff18;font-size:11px;color:#c6d2bf}.island-footer p{margin:0}.island-footer button{background:none;border:0;border-bottom:1px solid #baca9a88;padding:6px 0;color:#e3e9d1;font-size:11px;cursor:pointer}.island-shortcuts{display:flex;flex-wrap:wrap;gap:8px;padding:8px 25px 24px}.island-shortcuts[hidden]{display:none}.island-shortcuts button{padding:9px 12px;color:#e1e8cf;background:#ffffff09;border:1px solid #ffffff25;font-size:11px;cursor:pointer}.island-shortcuts button:hover{background:#ffffff20}.place-dialog{width:min(1120px,94vw);max-height:92dvh;padding:0;border:1px solid #bbc5b1;background:var(--paper);color:var(--ink);box-shadow:0 30px 120px #061e1f88;overflow:auto}.place-dialog::backdrop{background:#0d231fbb;backdrop-filter:blur(5px)}.place-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}.place-dialog-head>p{font-size:10px;letter-spacing:1.5px;font-weight:bold;margin:0;text-transform:uppercase}.place-dialog-head>button{min-width:44px;min-height:44px;background:none;border:1px solid var(--line);font-size:24px;color:var(--ink);cursor:pointer}.place-tools{padding:14px 24px;display:flex;gap:8px;flex-wrap:wrap}.place-tools button{background:transparent;border:1px solid #b5c0aa;padding:9px 14px;color:var(--ink);font-size:12px;cursor:pointer}.place-tools button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.place-dialog figure{margin:0;background:#20272f}.place-dialog figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.place-dialog-copy{padding:23px 26px;display:grid;grid-template-columns:1fr auto;gap:12px 30px;align-items:start}.place-dialog-copy h3{font-size:25px;letter-spacing:-.5px;font-weight:500;margin:0}.place-dialog-copy p{grid-column:1;font-size:13px;color:var(--muted);max-width:700px;margin:0}.place-dialog-copy a{grid-column:2;grid-row:1/3;border-bottom:1px solid var(--ink);font-size:12px;padding-block:5px}.island-noscript{padding:20px;background:var(--soft)}@media(max-width:700px){.island-heading{padding:16px;font-size:8px;letter-spacing:.9px}.island-heading>span:last-child{display:none}.island-stage{overflow-x:auto;overscroll-behavior-x:contain}.island-board{min-width:660px}.island-place .place-label{font-size:9px}.island-corner{font-size:15px;bottom:10px;right:12px}.island-footer{align-items:start;padding:15px;flex-direction:column;gap:7px;font-size:10px}.island-shortcuts{padding:4px 15px 18px}.place-dialog-head{padding:10px 15px}.place-tools{padding:12px 15px;gap:6px}.place-tools button{font-size:11px;padding:8px 10px}.place-dialog-copy{display:block;padding:20px}.place-dialog-copy h3{font-size:22px;margin-bottom:12px}.place-dialog-copy p{margin-bottom:15px}.place-dialog-copy a{display:inline-block}.island-stage:before{content:'Glissez pour explorer ↔';display:block;text-align:center;padding:10px;font-size:9px;letter-spacing:1px;color:#d6dfc3}}@media(prefers-reduced-motion:reduce){.place-art,.place-ring,.place-label{transition:none}}