.island-sea{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 104px);left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.island-sea[hidden],.island-sea-line[hidden],.island-sea-back[hidden]{display:none}.island-sea-line{display:flex;align-items:center;gap:8px;max-width:100%;padding:5px 14px 5px 6px;font:800 calc(14px * var(--text-scale, 1)) ui-sans-serif,system-ui,sans-serif}.island-sea-arrow{width:26px;height:26px;flex:none;fill:#1260b3;stroke:var(--dlg-edge);stroke-width:1.6;stroke-linejoin:round}.island-sea-back{pointer-events:auto}.island-sea-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#e8f6ff;pointer-events:none;animation:island-sea-fade .45s ease-out both}@keyframes island-sea-fade{0%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion: reduce){.island-sea-fade{animation-duration:.01s}}.island-players-key{position:relative;gap:5px;padding-inline:9px;min-width:62px}.ip-badge{position:absolute;top:-7px;right:-5px;min-width:21px;padding:1px 4px;border:2px solid var(--dlg-edge);border-radius:12px;background:#ffd94a;color:#25213b;font-size:calc(12px * var(--text-scale, 1))}.island-players-dialog{--dlg-w: 540px;--dlg-w-short: 620px}.ip-tabs{display:flex;gap:8px;margin-bottom:16px}.ip-tabs>button{flex:1;min-width:0;padding-inline:8px}.ip-tabs [aria-selected=true]{background:var(--dlg-accent)}.ip-content{display:grid;gap:16px;font-size:calc(16px * var(--text-scale, 1))}.ip-content :is(p,h3){margin:0}.ip-content p{line-height:1.45}.ip-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:calc(14px * var(--text-scale, 1))}.ip-island-number{font-weight:900}.ip-people{list-style:none;display:grid;gap:10px;padding:0;margin:0}.ip-person{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;border:2px solid var(--dlg-edge);border-radius:12px;background:var(--dlg-key);color:var(--dlg-paper-ink, #262139);box-shadow:2px 3px #1e182824}.ip-person-name{display:grid;flex:1;min-width:90px;gap:3px;overflow-wrap:anywhere}.ip-person-name small{display:flex;align-items:center;gap:5px;font-size:calc(12px * var(--text-scale, 1))}.ip-portrait{flex:none;position:relative;display:grid;place-items:center;width:42px;height:46px;overflow:hidden;border:2px solid var(--dlg-edge);border-radius:12px;background:#d2edf1;color:#24213b;font-weight:900;font-size:calc(22px * var(--text-scale, 1))}.ip-portrait.has-look i:first-child{position:absolute;top:6px;left:10px;width:20px;height:22px;border:2px solid #292331;border-top:7px solid var(--ip-hair);border-radius:9px;background:var(--ip-skin)}.ip-portrait.has-look i:last-child{position:absolute;top:28px;left:4px;width:32px;height:24px;border:2px solid #292331;border-radius:11px 11px 0 0;background:var(--ip-shirt)}.ip-you,.ip-relation{font-size:calc(12px * var(--text-scale, 1));font-weight:800}.ip-row-keys{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ip-row-keys .cd-key{font-size:calc(14px * var(--text-scale, 1));padding-inline:10px}.ip-dot{display:inline-block;width:9px;height:9px;border:1px solid currentColor;border-radius:50%;background:#b7b5ba}.ip-dot.is-online{background:#52ca83}.ip-share,.ip-add,.ip-visibility,.ip-confirm{display:grid;gap:10px;padding:14px;border:2px solid var(--dlg-edge);border-radius:14px;background:#f8f1df;color:var(--dlg-paper-ink, #262139)}.ip-share p,.ip-visibility small,.ip-connect small{font-size:calc(13px * var(--text-scale, 1))}.ip-content input:not([type=checkbox]){width:100%;min-width:0;min-height:44px;padding:8px 10px;border:2px solid var(--dlg-edge);border-radius:8px;background:#fff;color:#24213b;font:inherit}.ip-share input{font-size:calc(12px * var(--text-scale, 1))!important}.ip-add label{font-weight:800}.ip-add>div{display:flex;gap:8px}.ip-add .cd-key{flex:none;font-size:calc(14px * var(--text-scale, 1));padding-inline:10px}.ip-visibility{display:flex;align-items:flex-start;cursor:pointer}.ip-visibility input{flex:none;width:24px;height:24px;margin:0;accent-color:#17845e}.ip-visibility span,.ip-connect>span:last-child{display:grid;gap:6px}.ip-visibility small{line-height:1.4}.ip-empty{display:grid;justify-items:center;text-align:center;gap:14px;padding:20px 4px}.ip-connect{display:flex;gap:14px;align-items:center}.ip-blocks{position:relative;display:flex;align-items:center;justify-content:center;width:90px;min-width:90px;height:54px;gap:15px}.ip-blocks:before{content:"";position:absolute;width:40px;height:5px;border-top:3px dashed #5486a3}.ip-blocks i{z-index:1;width:28px;height:31px;border:3px solid #282335;border-radius:6px;background:#62c9eb;transform:rotate(-8deg);box-shadow:3px 3px #438caf}.ip-blocks i+i{background:#ffd15b;transform:rotate(8deg);box-shadow:3px 3px #ba903d}.ip-blocks.is-connected:before{border-top-style:solid;border-color:#258e67}.ip-more{position:relative}.ip-more summary,.ip-blocked>summary{display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer;font-weight:800;border:2px solid var(--dlg-edge);border-radius:9px}.ip-more[open]{flex-basis:100%}.ip-more[open]>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ip-blocked>summary{margin-bottom:10px}.ip-feedback{padding:12px;border:2px solid #20714f;border-radius:10px;background:#e0f8dc;color:#174431}.ip-error{display:grid;gap:10px;padding:12px;border:2px solid #8e342f;border-radius:10px;background:#ffe9dc;color:#61251d}.ip-room-notice{position:absolute;top:76px;left:50%;transform:translate(-50%);width:min(430px,calc(100% - 24px));display:flex;gap:12px;align-items:center;padding:12px;border:3px solid #262139;border-radius:12px;background:#fff2cf;color:#262139;font-size:calc(14px * var(--text-scale, 1))}@media (max-width: 599px){.island-top .island-account-name{display:none}.island-top .island-account{width:44px;padding-inline:0;justify-content:center}.island-top .island-actions{gap:8px}.ip-person>.ip-row-keys{flex-basis:100%}.ip-add>div{flex-wrap:wrap}.ip-add .cd-key{width:100%}}@media (max-width: 359px){.island-top{padding-inline:8px}.island-top .island-players-key{min-width:44px;width:44px;padding:0}.island-players-key>span:not(.ip-badge){display:none}}.island-actions>.island-teleport-key{display:grid;place-items:center;width:44px;min-width:44px;padding:0;border-radius:50%}.island-teleport-dialog{--dlg-w: 480px;--dlg-w-short: 640px}.it-intro{margin:0 0 18px;line-height:1.5}.it-games{display:grid;gap:12px;margin:0;padding:0 0 5px;list-style:none}.it-game.cd-key{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px;text-align:left;white-space:normal}.it-game-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;background:var(--it-color);border:2px solid var(--dlg-edge);border-radius:14px;box-shadow:inset 0 3px #fff6}.it-game>span:nth-child(2){flex:1;min-width:0}.it-game b,.it-game small{display:block}.it-game b{font-size:calc(17px * var(--text-scale, 1))}.it-game small{margin-top:4px;font-size:calc(12px * var(--text-scale, 1));font-weight:600;line-height:1.4}.it-go{flex:none;font-size:calc(25px * var(--text-scale, 1))}.island-teleport-status{position:absolute;top:22%;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);pointer-events:none}.it-status{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;color:var(--dlg-edge);background:var(--dlg-paper);line-height:1.35}.it-count{display:grid;place-items:center;flex:none;width:56px;height:56px;border:3px solid var(--dlg-edge);border-radius:50%;background:#b9f1cc;box-shadow:inset 0 -4px #6cc24a;font-family:var(--dlg-display);font-size:calc(30px * var(--text-scale, 1))}.it-status :is(b,strong,small){display:block}.it-status b,.it-status small{font-size:calc(12px * var(--text-scale, 1));font-weight:600}.it-status strong{margin-block:2px;font-size:calc(18px * var(--text-scale, 1))}.it-cancel{min-height:44px;min-width:100px;pointer-events:auto}@container cd (min-width: 600px) and (max-height: 500px){.it-games{grid-template-columns:1fr 1fr}.it-game.cd-key{height:100%}.it-intro{margin-bottom:12px}.it-game small{display:none}}@media (max-height: 500px){.island-teleport-status{top:22%;gap:6px}.it-status{padding:6px 12px 6px 6px}.it-count{width:44px;height:44px;font-size:calc(25px * var(--text-scale, 1))}}.it-head{margin:18px 0 10px;font-size:calc(14px * var(--text-scale, 1));letter-spacing:.04em;text-transform:uppercase}.it-head:first-of-type{margin-top:0}.it-game-pic{width:64px;height:48px;overflow:hidden}.it-game-pic img{width:100%;height:100%;object-fit:cover}