.isl{--outline:#1d1b18;--page:#fffdf6;--note-blue:#d9e2f5;--jelly-yellow:#ffd36b;--jelly-pink:#ff9fae;--jelly-green:#8fdc9f;--jelly-blue:#93b6ff;--jelly-teal:#7fd6d0;--jelly-orange:#ffb370;--jelly-cream:#fff6e0;--round:var(--font-fredoka),"PingFang SC",system-ui,sans-serif;--hand:var(--font-caveat),"Kaiti SC",cursive;--serif:var(--font-fraunces),Georgia,serif;--spring:cubic-bezier(.34,1.56,.64,1);--surface:#fff;--sheet-rule:#3253b32e;--sheet-margin:#d9532f73;--sheet-blue:#3253b3;--sheet-red:#d9532f;--tape:#ffffff8c}.dark .isl{--outline:#0c0b09;--page:#2a2723;--note-blue:#252c45;--jelly-yellow:#d9aa4c;--jelly-pink:#d9848f;--jelly-green:#66ad7b;--jelly-blue:#7895d8;--jelly-teal:#55a8a1;--jelly-orange:#d98c55;--jelly-cream:#3a352d;--surface:#322e28;--sheet-rule:#8aa2f229;--sheet-margin:#f0745b66;--sheet-blue:#8aa2f2;--sheet-red:#f0745b;--tape:#ffffff29}.isl-stage{height:clamp(520px,78svh,820px);position:relative;overflow:hidden}.isl-stage .isl-canvas{-webkit-mask-composite:source-in;width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 9% 88%,#0000),linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 9% 88%,#0000),linear-gradient(90deg,#0000,#000 6% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.isl-stage .isl-canvas.pointing{cursor:pointer}.isl-stage .isl-poster{font:600 24px var(--hand);color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.isl-stage:has(.isl-canvas) .isl-poster{display:none}.isl-full{background:var(--paper);height:auto;position:fixed;inset:0}.isl-full .isl-canvas{-webkit-mask-image:none;mask-image:none}.isl-full{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.isl-full .isl-hint{bottom:18px}.isl-full .for-touch{display:none}@media (pointer:coarse){.isl-full .for-mouse{display:none}.isl-full .for-touch{display:inline}}.isl-intro,.isl-controls,.isl-hint{z-index:3}.isl-intro{pointer-events:none;position:absolute;top:22px;left:28px}.isl-intro .hand{font:400 26px/1 var(--hand);color:var(--tomato);margin:0}.isl-intro h1{font:500 clamp(26px,3.4vw,40px)/1.05 var(--serif);letter-spacing:-.02em;margin:6px 0 0}.isl-intro h1 em{font-style:italic;font-weight:600}.isl-intro p:last-child{color:var(--soft);margin:8px 0 0;font-size:13px}.isl-controls{gap:10px;display:flex;position:absolute;top:22px;right:20px}.isl .jelly[aria-pressed=true]{--c:var(--jelly-yellow)}.isl-hint{font:500 20px var(--hand);color:var(--soft);white-space:nowrap;pointer-events:none;margin:0;position:absolute;bottom:14px;left:50%;translate:-50%}.isl-labels{pointer-events:none;position:absolute;inset:0}.isl .note{min-width:92px;color:var(--ink);pointer-events:auto;cursor:pointer;will-change:transform;border-radius:3px;padding:12px 14px 9px;text-decoration:none;transition:box-shadow .2s;display:block;position:absolute;top:0;left:0;box-shadow:0 1px 1px #0000000f,0 6px 14px -6px #3c2d1459}.isl .note:after{content:"";position:absolute;inset:-6px -6px -18px}.isl .note:before{content:"";background:var(--tape);border:1px solid #0000000d;width:44px;height:15px;position:absolute;top:-8px;left:50%;translate:-50%;rotate:-4deg}.isl .note b{font:700 27px/.9 var(--hand);display:block}.isl .note small{color:var(--soft);white-space:nowrap;margin-top:3px;font-size:11.5px;display:block}.isl .note.active{box-shadow:0 1px 1px #0000000f,0 14px 18px -8px #3c2d1473}.isl .note-yellow{background:var(--note-yellow)}.isl .note-green{background:var(--note-green)}.isl .note-pink{background:var(--note-pink)}.isl .note-blue{background:var(--note-blue)}.isl .bubble{font:600 15px var(--round);color:#1d1b18;background:var(--jelly-yellow);border:2.5px solid var(--outline);box-shadow:0 4px 0 var(--outline);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s,scale .35s var(--spring);border-radius:999px;padding:6px 12px 8px;position:absolute;top:0;left:0;scale:.4}.isl .bubble.show{opacity:1;scale:1}.isl .jelly{--c:var(--jelly-cream);font:600 15px/1 var(--round);color:var(--on-c,#1d1b18);background:var(--c);border:2.5px solid var(--outline);box-shadow:0 5px 0 var(--outline),inset 0 -5px 0 #00000021;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .25s var(--spring),box-shadow .15s;border-radius:999px;align-items:center;gap:6px;padding:9px 18px 11px;text-decoration:none;display:inline-flex;position:relative}.dark .isl .jelly:not([style*=--c]){--on-c:var(--ink)}.dark .isl .jelly:after{opacity:.5}.dark .isl .jelly[aria-pressed=true],.dark .isl .jelly.selected{--on-c:#1d1b18}.isl .jelly .icon{flex:none;width:17px;height:17px}.isl .jelly:after{content:"";pointer-events:none;background:linear-gradient(#ffffffbf,#fff0);border-radius:999px;height:34%;position:absolute;top:3px;left:16%;right:16%}.isl .jelly:hover{animation:isl-wobble .6s var(--spring);transform:translateY(-2px)scale(1.04)}.isl .jelly:active{box-shadow:0 1px 0 var(--outline),inset 0 -3px 0 #00000021;transition-duration:60ms;animation:none;transform:translateY(4px)scale(1.07,.88)}.isl .jelly.small{box-shadow:0 4px 0 var(--outline),inset 0 -4px 0 #00000021;padding:6px 12px 8px;font-size:13px}.isl .jelly.round{justify-content:center;width:42px;height:42px;padding:0;font-size:22px}@keyframes isl-wobble{0%{transform:scale(1)}30%{transform:translateY(-2px)scale(1.12,.9)}50%{transform:translateY(-2px)scale(.95,1.08)}70%{transform:translateY(-2px)scale(1.05,.97)}to{transform:translateY(-2px)scale(1.04)}}.isl .chip{font:500 12px/1.2 var(--round);color:var(--on-c,#1d1b18);background:var(--c,var(--jelly-cream));border:2px solid var(--outline);box-shadow:0 2px 0 var(--outline);border-radius:999px;padding:4px 10px 5px;display:inline-block}.dark .isl .chip:not([style]){--on-c:var(--ink)}.dark .isl .proj .chip{--on-c:#1d1b18}.isl .chip .icon{vertical-align:middle;width:16px;height:16px;margin:-3px 4px 0 -2px;display:inline-block}.isl-overlay{z-index:60;background:color-mix(in srgb,var(--paper)35%,transparent);opacity:0;pointer-events:none;place-items:center;padding:18px;transition:opacity .3s;display:grid;position:fixed;inset:0}.isl-overlay.open{opacity:1;pointer-events:auto}.isl-overlay.closing{opacity:0;pointer-events:none}.isl .modal{--accent:var(--jelly-yellow);width:min(var(--w,820px),100%);max-height:min(86vh,760px);color:var(--ink);background:var(--card);border:3px solid var(--outline);box-shadow:0 10px 0 var(--outline),0 30px 60px -20px #281e0a73;border-radius:30px;flex-direction:column;display:flex;position:relative;overflow:hidden}.isl-overlay.open .modal{animation:isl-jelly-in .75s var(--spring)both}.isl-overlay.closing .modal{animation:.32s ease-in both isl-jelly-out}@keyframes isl-jelly-in{0%{transform:translate(var(--dx),var(--dy))scale(.12);opacity:0}45%{opacity:1;transform:translate(0)scale(1.06,.93)}62%{transform:scale(.96,1.04)}78%{transform:scale(1.02,.985)}to{transform:scale(1)}}@keyframes isl-jelly-out{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.05,.94)}to{transform:translate(var(--dx),var(--dy))scale(.1);opacity:0}}.isl .modal-head{color:#1d1b18;background:var(--accent);border-bottom:3px solid var(--outline);align-items:flex-end;gap:14px;padding:18px 22px 16px 26px;display:flex;position:relative}.isl .modal-head:after{content:"";pointer-events:none;background:linear-gradient(#fff9,#fff0);border-radius:999px;height:14px;position:absolute;top:7px;left:22px;right:90px}.isl .modal-head .hand{font:600 22px/1 var(--hand);opacity:.75;margin:0}.isl .modal-head h2{font:700 34px/1 var(--round);letter-spacing:-.01em;margin:2px 0 0}.isl .modal-head .close{--c:var(--surface);align-self:center;margin-left:auto}.isl .modal-body{padding:24px 26px 26px;overflow:auto}.isl .modal-foot{justify-content:flex-end;gap:10px;padding:0 26px 24px;display:flex}.isl .pop{animation:isl-pop-in .55s var(--spring)both;animation-delay:calc(var(--i,0)*70ms + .22s)}@keyframes isl-pop-in{0%{opacity:0;transform:translateY(26px)scale(.6)}60%{opacity:1;transform:translateY(-4px)scale(1.04,.97)}to{opacity:1;transform:none}}.isl .fish-tag{font:700 21px/1 var(--hand);color:#1d1b18;white-space:nowrap;background:var(--jelly-teal);border:2.5px solid var(--outline);box-shadow:0 4px 0 var(--outline);pointer-events:auto;cursor:pointer;will-change:transform;border-radius:12px;padding:5px 12px 7px;text-decoration:none;transition:background .2s,opacity .3s;position:absolute;top:0;left:0}.isl .fish-tag:after{content:"";position:absolute;inset:-6px -6px -14px}.isl .fish-tag:hover{background:var(--jelly-yellow)}.isl .fish-tag small{font:600 11px var(--round);opacity:.7;margin-left:4px}.isl .fish-alert{font:800 24px/1 var(--round);background:var(--jelly-pink);padding:2px 14px 6px}.isl-intro,.isl-hint{transition:opacity .35s}.isl .note{transition:box-shadow .2s,opacity .35s}.isl-stage.is-fishing .isl-intro,.isl-stage.is-fishing .isl-hint,.isl-stage.is-fishing .note,.isl-stage.is-fishing .fish-tag{opacity:0;pointer-events:none}.isl-fish{z-index:4;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;position:absolute;inset:0}.isl-stage.is-fishing .isl-fish{opacity:1;visibility:visible}.isl-fish .fish-bar{pointer-events:auto;flex-wrap:wrap;gap:10px;display:flex;position:absolute;top:22px;left:24px}.isl-fish .fish-bar b{font-weight:700}.isl-fish .fish-panel{text-align:center;width:min(380px,100% - 32px);color:var(--ink);background:var(--card);border:3px solid var(--outline);box-shadow:0 6px 0 var(--outline);border-radius:22px;padding:12px 20px 14px;position:absolute;bottom:24px;left:50%;translate:-50%}.isl-fish[data-state=card] .fish-panel{opacity:0}.isl-fish .fish-say{font:700 25px/1.1 var(--hand);margin:0}.isl-fish .fish-say small{font:500 12px/1.3 var(--round);color:var(--muted);margin-top:5px;display:block}.isl-fish .fish-say.shake{animation:.4s isl-shake}.isl-fish.warn .fish-panel{animation:.3s infinite isl-shake}@keyframes isl-shake{0%,to{transform:none}25%{transform:translate(-4px)rotate(-1deg)}75%{transform:translate(4px)rotate(1deg)}}.isl-fish .fish-meter,.isl-fish .fish-reel{display:none}.isl-fish[data-state=charging] [data-power],.isl-fish[data-state=reeling] .fish-reel,.isl-fish[data-state=reeling] [data-tension]{display:block}.isl-fish .fish-meter{background:var(--jelly-cream);border:2.5px solid var(--outline);border-radius:999px;height:20px;margin-top:10px;position:relative;overflow:hidden;box-shadow:inset 0 -3px #0000001a}.isl-fish .fish-meter i{width:calc(var(--p,0)*100%);background:linear-gradient(90deg,var(--jelly-green),var(--jelly-yellow),var(--jelly-orange));border-right:2.5px solid var(--outline);height:100%;display:block}.isl-fish .fish-meter span{font:600 11px var(--round);color:var(--ink);letter-spacing:.04em;text-shadow:0 0 3px var(--card),0 0 3px var(--card);place-items:center;display:grid;position:absolute;inset:0}.isl-fish .tension i{background:var(--jelly-green);transition:background .2s}.isl-fish .tension[data-level=hot] i{background:var(--jelly-yellow)}.isl-fish .tension[data-level=danger] i{background:var(--jelly-pink)}.isl-fish .fish-track{border-bottom:3px dashed var(--line);height:30px;margin:8px 6px 0;position:relative}.isl-fish .fish-home{background:var(--jelly-teal);border:2.5px solid var(--outline);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-6px;right:-6px}.isl-fish .fish-dot{bottom:0;left:calc(var(--d,0)*(100% - 44px));width:44px;transition:left .1s linear;position:absolute}.isl-fish .fish-dot svg{width:100%;display:block}.isl-fish .fish-pop{place-items:center;padding:18px;display:grid;position:absolute;inset:0}.isl-fish .fish-pop>*{pointer-events:auto}.isl-fish .fish-card,.isl-fish .fish-journal{--dx:0px;--dy:160px;color:var(--ink);background:var(--card);border:3px solid var(--outline);box-shadow:0 8px 0 var(--outline),0 26px 50px -20px #281e0a80;animation:isl-jelly-in .7s var(--spring)both;border-radius:28px;position:relative}.isl-fish .fish-card{text-align:center;width:min(370px,100%);padding:16px 22px 22px}.isl-fish .fish-card .new{font-weight:700;position:absolute;top:14px;right:14px;rotate:8deg}.isl-fish .fish-card .art{width:210px;margin:0 auto 2px;animation:2.6s ease-in-out infinite isl-bob}@keyframes isl-bob{50%{transform:translateY(-6px)rotate(2deg)}}.isl-fish .fish-card .hand{font:600 21px/1 var(--hand);color:var(--muted);margin:0}.isl-fish .fish-card h3{font:700 26px/1.05 var(--round);margin:2px 0 10px}.isl-fish .fish-card .meta{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:12px;display:flex}.isl-fish .fish-card .flavor{color:var(--soft);margin:0 0 16px;font-size:13.5px;line-height:1.5}.isl-fish .fish-card .letter{text-align:left;color:var(--soft);background:var(--page);border:2px dashed var(--line);border-radius:12px;margin:-4px 0 16px;padding:10px 12px;font-size:12.5px;line-height:1.5;rotate:-1deg}.isl-fish .fish-card .letter b{font:600 14px var(--round);color:var(--ink);margin-bottom:2px;display:block}.isl-fish .fish-card .actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.isl-fish .fish-journal{flex-direction:column;width:min(760px,100%);max-height:min(82vh,680px);display:flex;overflow:hidden}.isl-fish .fish-journal header{color:#1d1b18;background:var(--jelly-yellow);border-bottom:3px solid var(--outline);align-items:center;padding:16px 20px 14px 24px;display:flex}.isl-fish .fish-journal header .hand{font:600 21px/1 var(--hand);opacity:.75;margin:0}.isl-fish .fish-journal header h3{font:700 28px/1 var(--round);margin:2px 0 0}.isl-fish .fish-journal .close{--c:var(--surface);margin-left:auto}.isl-fish .fj-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:18px 20px 22px;display:grid;overflow:auto}.isl-fish .fj-item{text-align:center;background:var(--page);border:2.5px solid var(--outline);box-shadow:0 4px 0 var(--outline);border-radius:18px;padding:10px 10px 12px}.isl-fish .fj-item .art{width:110px;margin:0 auto 4px}.isl-fish .fj-item.unseen .art{filter:brightness(0);opacity:.16}.dark .isl-fish .fj-item.unseen .art{filter:brightness(0)invert();opacity:.12}.isl-fish .fj-item b{font:700 14px/1.15 var(--round);display:block}.isl-fish .fj-item span{color:var(--muted);margin-top:3px;font-size:11.5px;display:block}.isl .pages{height:400px;position:relative}.isl .page-slot{width:270px;translate:calc(var(--x)*1px)0;margin-left:-135px;position:absolute;top:22px;left:50%}.isl .page{box-sizing:border-box;height:340px;color:var(--ink);background:linear-gradient(90deg,transparent 32px,var(--sheet-margin)32px 34px,transparent 34px),repeating-linear-gradient(transparent 0 27px,var(--sheet-rule)27px 28px),var(--page);border:2.5px solid var(--outline);box-shadow:0 6px 0 var(--outline);rotate:var(--r);cursor:pointer;transition:transform .4s var(--spring),rotate .4s var(--spring),translate .6s ease-in,opacity .5s;background-position:0 0,0 14px,0 0;border-radius:6px 16px 16px 6px;padding:26px 22px 20px 44px;text-decoration:none;display:block;position:relative}.isl .page:before{content:"";background:radial-gradient(circle,var(--card)4px,var(--outline)4.5px 5.5px,transparent 6px)0 0/11px 56px repeat-y;width:11px;position:absolute;top:40px;bottom:40px;left:11px}.isl .page-slot:hover{z-index:5}.isl .page:hover{transform:translateY(-18px)scale(1.04)rotate(0)}.isl .page.flying{opacity:0;translate:0 -130vh;rotate:22deg}.isl .page .date{font:600 13px var(--round);color:var(--muted)}.isl .page h3{font:700 21px/1.25 var(--round);margin:6px 0 10px}.isl .page p{color:var(--soft);margin:0;font-size:13.5px;line-height:1.6}.isl .page .tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.isl .page .go{font:700 26px/1 var(--hand);color:var(--sheet-red);position:absolute;top:16px;right:18px}.isl .page.big-hand{text-align:center;place-items:center;display:grid}.isl .page.big-hand span{font:700 34px/1.05 var(--hand);color:var(--sheet-blue)}.isl .page.blank span{color:var(--muted);font-size:28px}.isl .featured{color:#1d1b18;background:var(--jelly-green);border:2.5px solid var(--outline);box-shadow:0 6px 0 var(--outline),inset 0 -6px 0 #0000001a;border-radius:22px;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:18px;padding:20px 22px;display:grid}.isl .featured h3,.isl .proj h3{font:700 22px/1.15 var(--round);margin:0}.isl .featured p,.isl .proj p{margin:8px 0 12px;font-size:13.5px;line-height:1.55}.isl .featured .badge{margin-bottom:8px}.isl .row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.isl .stats{grid-template-columns:repeat(3,1fr);align-content:center;gap:8px;display:grid}.isl .stat{aspect-ratio:1;text-align:center;color:var(--ink);background:var(--surface);border:2.5px solid var(--outline);box-shadow:0 4px 0 var(--outline);border-radius:50%;place-items:center;display:grid}.isl .stat b{font:700 22px/1 var(--round);display:block}.isl .stat span{color:var(--soft);padding:0 6px;font-size:10.5px;line-height:1.2;display:block}.isl .featured .badge{--c:var(--surface)}.dark .isl .featured .badge{--on-c:var(--ink)}.isl .proj-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.isl .proj{background:var(--card);border:2.5px solid var(--outline);border-top:12px solid var(--c);box-shadow:0 5px 0 var(--outline);transition:transform .35s var(--spring);border-radius:20px;flex-direction:column;padding:16px 16px 14px;display:flex}.isl .proj:hover{transform:translateY(-4px)rotate(-1deg)}.isl .proj p{color:var(--soft);flex:1}.isl .proj .row .jelly{margin-left:auto}.isl .about{grid-template-columns:1fr 1.15fr;gap:26px;display:grid}.isl .profile{text-align:center}.isl .avatar{background:var(--jelly-pink)center/cover;border:3px solid var(--outline);width:128px;height:128px;box-shadow:0 6px 0 var(--outline);border-radius:50%;margin:4px auto 12px;animation:3.2s ease-in-out infinite isl-bob}.isl .profile h3{font:700 26px var(--round);margin:0}.isl .profile .where{margin:6px 0 12px}.isl .profile p{color:var(--soft);text-align:left;margin:0 0 14px;font-size:13.5px;line-height:1.6}.isl .socials{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.isl .skills{text-align:left}.isl .skills div{margin-bottom:8px}.isl .skills b{font:600 12px var(--round);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;display:block}.isl .skills .chip{margin:0 4px 4px 0}.isl .timeline{flex-direction:column;gap:12px;display:flex;position:relative}.isl .timeline:before{content:"";border-left:3px dashed var(--line);position:absolute;top:10px;bottom:10px;left:21px}.isl .event{align-items:flex-start;gap:12px;display:flex;position:relative}.isl .event .dot{background:var(--c);border:2.5px solid var(--outline);width:42px;height:42px;box-shadow:0 3px 0 var(--outline),inset 0 -4px 0 #0000001f;transition:rotate .35s var(--spring),scale .35s var(--spring);border-radius:50%;flex:none;place-items:center;font-size:19px;display:grid}.isl .event .dot svg{width:28px;height:28px;overflow:visible}.isl .event:hover .dot{rotate:-10deg;scale:1.1}.isl .event-card{background:var(--card);border:2.5px solid var(--outline);box-shadow:0 4px 0 var(--outline);border-radius:16px;flex:1;padding:10px 14px 11px}.isl .event-card b{font:700 16px var(--round)}.isl .event-card .when{float:right;font:600 12px var(--round);color:var(--muted)}.isl .event-card div{color:var(--soft);margin-top:2px;font-size:12.5px}.isl .event-card p{color:var(--soft);margin:5px 0 0;font-size:12.5px;line-height:1.5}.isl .travel{grid-template-columns:1.35fr 1fr;gap:20px;display:grid}.isl .globe-wrap{background:var(--card);border:2.5px solid var(--outline);min-height:400px;box-shadow:0 5px 0 var(--outline);border-radius:24px;position:relative;overflow:hidden}.isl .globe-wrap canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.isl .globe-wrap canvas:active{cursor:grabbing}.isl .globe-wrap .bubble{z-index:2}.isl .globe-wrap .loading{font:600 22px var(--hand);color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.isl .places h4{font:600 12px var(--round);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:4px 0 8px}.isl .places .list{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.isl .places .jelly.small.selected{--c:var(--jelly-yellow);transform:translateY(-2px)scale(1.06)}.isl .counts{gap:10px;margin-bottom:14px;display:flex}.isl .counts .stat{color:#1d1b18;background:var(--jelly-teal);width:84px}.isl .counts .stat span{color:#3d3a34}.isl .envelope{background:repeating-linear-gradient(135deg,var(--sheet-red)0 14px,var(--card)14px 22px,var(--sheet-blue)22px 36px,var(--card)36px 44px);border:2.5px solid var(--outline);box-shadow:0 6px 0 var(--outline);border-radius:22px;padding:10px}.isl .letter{text-align:center;background:var(--card);border-radius:14px;padding:30px 22px}.isl .letter .hand{font:700 28px var(--hand);color:var(--tomato);margin:0}.isl .letter h3{font:700 34px var(--round);margin:4px 0 8px}.isl .letter p{max-width:26rem;color:var(--soft);margin:0 auto 18px;font-size:14px;line-height:1.6}.isl .letter .mail{font:italic 600 clamp(20px,3.4vw,28px)var(--serif);color:var(--ink);word-break:break-all;margin-bottom:14px;display:block}@media (max-width:720px){.isl-stage:not(.isl-full){height:clamp(460px,70svh,640px)}.isl-intro{top:14px;left:16px}.isl-hint{font-size:17px}.isl-controls{top:auto;bottom:52px;right:12px}.isl-fish .fish-bar{top:12px;left:12px;right:12px}.isl-fish .fish-say{font-size:21px}.isl-stage.is-fishing .isl-controls{opacity:0;pointer-events:none}.isl .note b{font-size:22px}.isl .note small{display:none}.isl .modal-head h2{font-size:26px}.isl .modal-body{padding:18px}.isl .featured,.isl .about,.isl .travel{grid-template-columns:1fr}.isl .globe-wrap{min-height:300px}.isl .pages{height:380px}.isl .page-slot{width:230px;translate:calc(var(--x)*.45px)0;margin-left:-115px}}