@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans JP,system-ui,sans-serif;color:#f5f5e9;font-synthesis:none;--panel:rgba(19,31,27,.94);--border:rgba(231,242,218,.18);--lime:#d0e799}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#8dc1d2}body{touch-action:none}button,input,select{font:inherit}button{cursor:pointer;touch-action:none;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button{border:1px solid var(--border);background:#1c2921b8;border-radius:5px;transition:background .15s,transform .15s}button:hover{background:#465641}button:active{transform:scale(.96)}button:disabled{cursor:wait;opacity:.65}button:disabled:active{transform:none}#game{display:block;width:100%;height:100%;touch-action:none}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 130px 35px #14212438}#underwater{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#045b854d;display:none}.hidden{display:none!important}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));z-index:10}#menu{gap:9vw;background:linear-gradient(90deg,#09181878,#0918180f 80%)}.brand{text-shadow:0 3px 14px #16343144}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:600;color:#d7e7c5}.brand h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(66px,8.4vw,122px);letter-spacing:.045em;margin:4px 0 20px;line-height:.96;font-weight:800}.brand h1 span{display:block;font-family:Noto Sans JP,sans-serif;font-size:14px;letter-spacing:.7em;margin:24px 0 0 7px;font-weight:500}.brand p{font-size:15px;letter-spacing:.09em;margin-top:35px}.menu-card{width:362px;max-width:100%;background:#16221dde;border:1px solid var(--border);border-radius:9px;padding:27px;box-shadow:0 16px 60px #0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card-heading{display:flex;gap:14px;align-items:center;margin-bottom:23px}.small-cube{font-size:33px;color:var(--lime)}h2{font-size:21px;font-weight:600;letter-spacing:.035em;margin:0 0 5px}.card-heading p{font-size:12px;color:#bbcab9;margin:0}.primary{background:var(--lime);border-color:#e2f2b5;color:#233529;padding:14px 18px;width:100%;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:space-between;min-height:52px}.primary:hover{background:#e0efb5}.menu-actions{display:flex;gap:9px;margin-top:12px}.menu-actions button{flex:1;padding:12px 5px;font-size:13px;min-height:46px}.controls-note{font-size:12px;line-height:1.9;color:#ced7c6;border-top:1px solid var(--border);margin:22px 0 0;padding:17px 0}.save-note{display:flex;justify-content:space-between;gap:9px;font-size:10px;color:#9bad97}.menu-foot{position:absolute;bottom:max(19px,env(safe-area-inset-bottom));left:30px;right:30px;display:flex;justify-content:space-between;color:#e3e9dbb0;font-size:10px;letter-spacing:.12em}#loading{height:2px;margin-top:9px;background:#ffffff14;overflow:hidden}#loading i{display:block;height:100%;background:var(--lime);width:0;transition:width .3s}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud button,#hud #hotbar,#touch-controls{pointer-events:auto}#hud .top-left,#hud .top-right{position:absolute;top:max(18px,env(safe-area-inset-top));display:flex;gap:10px;align-items:center}.top-left{left:max(20px,env(safe-area-inset-left))}.top-right{right:max(20px,env(safe-area-inset-right))}.square{width:45px;height:45px;font-size:23px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.square.active{color:var(--lime);border-color:#d0e79966}.world-tag{display:flex;flex-direction:column;text-shadow:0 2px 5px #0008}.world-tag b{font-family:Barlow Condensed,Impact,sans-serif;font-size:20px;letter-spacing:.08em}.world-tag span{font-size:8px;letter-spacing:.25em;color:#ebefdf}.place{position:absolute;top:max(19px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;text-shadow:0 1px 8px #000;font-size:14px;white-space:nowrap}.place small{font-size:10px;color:#e9eedec0;font-variant-numeric:tabular-nums}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 2px #0008)}#crosshair i,#crosshair b{position:absolute;background:#fff9}#crosshair i{width:16px;height:2px;top:7px;left:0}#crosshair b{width:2px;height:16px;left:7px;top:0}#target-label{position:absolute;top:calc(50% + 24px);left:50%;transform:translate(-50%);font-size:11px;text-shadow:0 1px 4px #000;opacity:.8}#hotbar{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:3px;border:1px solid #dfe9d43d;background:#15272091;padding:5px;border-radius:7px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.slot{position:relative;width:49px;height:49px;padding:2px;border:1px solid #d9e9cb22;border-radius:3px;background:#b6cba815}.slot img{width:100%;height:100%;image-rendering:pixelated}.slot.selected{background:#d0e79945;border:2px solid #e1f3bd;box-shadow:0 0 0 1px #263c23,inset 0 0 10px #def1b933;transform:translateY(-2px)}.slot kbd{position:absolute;top:1px;left:3px;font-size:9px;color:#edf4ddaa}#selected-name{position:absolute;left:50%;transform:translate(-50%);bottom:95px;font-size:13px;text-shadow:0 2px 5px #000;letter-spacing:.05em}#desktop-hint{position:absolute;bottom:7px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;text-shadow:0 1px 4px #000;color:#f3f5e1bc}#toast{position:absolute;left:50%;top:24%;transform:translate(-50%);padding:10px 18px;border-radius:5px;background:#152820cf;font-size:13px;opacity:0;transition:opacity .25s;white-space:nowrap}#toast.show{opacity:1}#touch-controls{display:none}.touch #touch-controls{display:block}.touch #desktop-hint,.touch .slot kbd{display:none}.touch #hotbar{bottom:max(15px,env(safe-area-inset-bottom))}.touch #selected-name{bottom:81px}.touch-tools{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:109px;display:flex;gap:12px;align-items:flex-end}.tool{width:68px;height:68px;background:#19312c66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #e5edd661;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 1px 4px #000}.tool span{font-size:26px;font-weight:400;line-height:1}.tool small{font-size:10px;margin-top:4px}.tool.place{position:static;transform:none;background:#d0e79936}.vertical{display:flex;flex-direction:column;gap:9px;margin-right:2px}.vertical button{width:44px;height:44px;background:#19312c66;border-color:#e5edd64a;border-radius:50%;font-size:25px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#joystick{position:absolute;left:max(33px,env(safe-area-inset-left));bottom:112px;border:1px solid #e9f2df44;border-radius:50%;width:114px;height:114px;background:#dce9e00b;touch-action:none;box-shadow:inset 0 0 30px #14302016}#stick{position:absolute;left:32px;top:32px;width:48px;height:48px;border:1px solid #eff8e88c;border-radius:50%;background:#e4edda3b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.overlay{background:#0b1c2180;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:20}.panel{width:430px;max-width:100%;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:27px;box-shadow:0 30px 120px #0005;touch-action:pan-y}.panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:18px}.panel header h2{margin-top:7px}.panel .square{background:transparent;flex-shrink:0}.field{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:20px}.field span{font-size:12px;color:#aebea8}input[type=text],select{width:100%;min-height:45px;border:1px solid var(--border);background:#ffffff09;border-radius:4px;padding:10px 12px;color:#edf1e6;font-size:14px}select option{background:#1e3129}input[type=range]{width:100%;accent-color:var(--lime);touch-action:auto}input[type=checkbox]{accent-color:var(--lime);width:20px;height:20px}.check{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:14px;gap:12px}.key-guide,.description{font-size:12px;line-height:1.9;color:#b6c6b0}.key-guide{border-top:1px solid var(--border);padding-top:15px}.secondary{display:block;width:100%;min-height:46px;margin:12px 0 20px;padding:11px 15px;font-size:13px}.inventory-panel{width:640px}.category-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.category-tabs button{padding:9px 13px;font-size:13px}.category-tabs button.active{background:var(--lime);color:#263625}#block-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.block-choice{display:flex;flex-direction:column;align-items:center;padding:9px 4px;gap:6px;background:#dbe9ce0a}.block-choice img{width:58px;height:58px;image-rendering:pixelated}.block-choice span{font-size:11px}.panel-foot{font-size:12px;margin:18px 0 0;color:#aeba9f}#error{z-index:50;background:#172920}.no-hints #desktop-hint,.no-hints #target-label{display:none}#dpad{display:none;position:absolute;left:max(28px,env(safe-area-inset-left));bottom:110px;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px);gap:3px}#dpad button{background:#27352877;border:2px solid #deebd677;border-radius:1px;color:#ffffffb8;font-size:19px}#dpad [data-dir=up]{grid-column:2;grid-row:1}#dpad [data-dir=left]{grid-column:1;grid-row:2}#dpad-sneak{grid-column:2;grid-row:2}#dpad [data-dir=right]{grid-column:3;grid-row:2}#dpad [data-dir=down]{grid-column:2;grid-row:3}#sprint{position:absolute;left:max(69px,env(safe-area-inset-left));bottom:246px;width:43px;height:43px;border-radius:50%;background:#263b3266;border-color:#e5edd650;font-size:29px;transform:rotate(-90deg)}#sprint.active,#descend.active,#dpad-sneak.active{background:#d0e79966;border-color:var(--lime)}[data-scheme=dpad] #joystick,[data-scheme=dpad] #sprint{display:none}[data-scheme=dpad] #dpad{display:grid}[data-scheme=tap] .touch-tools>.tool,[data-scheme=dpad] .touch-tools>.tool{display:none}[data-scheme=tap] .vertical,[data-scheme=dpad] .vertical{flex-direction:row;gap:20px}[data-scheme=tap] .vertical button,[data-scheme=dpad] .vertical button{width:59px;height:59px;border-radius:5px;border:2px solid #deebd680;background:#263b325e}.more-slot{font-size:22px;align-self:center}.touch .top-right #inventory,.touch #flight{display:none}#hotbar .more-slot{width:31px}.touch #hotbar .more-slot{height:36px}@media(max-width:850px){#menu{gap:35px}.brand h1{font-size:68px}.brand p{font-size:12px}.menu-card{width:325px;padding:22px}.brand .eyebrow{font-size:9px}.slot{width:43px;height:43px}.world-tag{display:none}.touch #selected-name{bottom:76px}}@media(max-width:620px)and (orientation:portrait){#menu{flex-direction:column;gap:28px;padding-top:55px;padding-bottom:55px;justify-content:center}.brand{text-align:center}.brand h1{font-size:72px;margin-bottom:0}.brand h1 span{font-size:11px;margin-top:16px}.brand p{display:none}.brand .eyebrow{font-size:9px}.menu-card{width:330px;padding:23px}.card-heading{margin-bottom:16px}.controls-note{margin-top:17px;padding-top:14px;padding-bottom:10px}.menu-foot{left:17px;right:17px;font-size:8px;letter-spacing:.04em;gap:15px}.save-note{font-size:9px}.top-left{left:14px}.top-right{right:14px}.square{width:42px;height:42px}.top-right{gap:6px!important}.place{font-size:12px}.place small{font-size:9px}.slot{width:calc((100vw - 66px)/9);height:calc((100vw - 66px)/9);max-width:45px;max-height:45px}#hotbar{gap:3px;padding:4px}.touch #selected-name{bottom:calc(17px + (100vw - 66px)/9 + 18px)}#joystick{left:23px;bottom:112px;width:104px;height:104px}#stick{left:27px;top:27px}.touch-tools{right:18px;gap:8px;bottom:112px}.tool{width:58px;height:58px}.vertical{position:absolute;right:0;bottom:77px;flex-direction:row;gap:10px}.vertical button{width:45px;height:45px}.panel{padding:21px;max-height:88dvh}.screen{padding-left:17px;padding-right:17px}#block-grid{grid-template-columns:repeat(4,1fr);gap:6px}.block-choice img{width:48px;height:48px}.block-choice span{font-size:10px}.panel header .eyebrow{font-size:9px}.category-tabs{gap:5px}.category-tabs button{font-size:12px;padding:8px 9px}.world-tag{display:none}}@media(max-height:540px)and (orientation:landscape){#menu{gap:7vw}.brand h1{font-size:65px}.brand p{font-size:11px;margin-top:22px}.menu-card{width:310px;padding:18px}.card-heading{margin-bottom:13px}.card-heading h2{font-size:18px}.controls-note{margin-top:12px;padding-top:10px;padding-bottom:5px;font-size:10px}.menu-foot{bottom:8px}.menu-actions button{padding:9px;min-height:38px}.primary{min-height:46px;padding:11px 15px}.slot{width:38px;height:38px}.touch #selected-name{bottom:67px}#joystick{bottom:55px;width:102px;height:102px}#stick{left:26px;top:26px}.touch-tools{bottom:55px}.tool{width:58px;height:58px}.vertical button{width:40px;height:40px}.panel{max-height:92dvh;padding:20px}.screen{padding-top:12px;padding-bottom:12px}.top-left,.top-right{top:12px!important}.place{top:13px}.square{height:39px;width:39px}}@media(max-width:620px)and (orientation:portrait){.slot{width:calc((100vw - 106px)/9);height:calc((100vw - 106px)/9)}#hotbar .more-slot{width:31px}#sprint{left:54px;bottom:233px}#dpad{left:18px;bottom:106px;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,38px)}[data-scheme=tap] .vertical,[data-scheme=dpad] .vertical{position:static;gap:14px}[data-scheme=tap] .vertical button,[data-scheme=dpad] .vertical button{width:54px;height:54px}.touch #selected-name{bottom:calc(17px + (100vw - 106px)/9 + 18px)}}@media(max-height:540px)and (orientation:landscape){#dpad{bottom:35px;grid-template-columns:repeat(3,35px);grid-template-rows:repeat(3,35px)}#sprint{bottom:177px;left:60px;width:36px;height:36px}[data-scheme=tap] .vertical,[data-scheme=dpad] .vertical{gap:17px}[data-scheme=tap] .vertical button,[data-scheme=dpad] .vertical button{width:54px;height:54px}.touch #hotbar{bottom:12px}}#player-labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.player-label{position:absolute;transform:translate(-50%,-100%);font-size:13px;background:#172219aa;padding:3px 7px;border-radius:3px;white-space:nowrap;color:#fff}#block-search{width:100%;min-height:44px;padding:11px 13px;border:1px solid var(--border);border-radius:4px;background:#ffffff0b;color:#eef3e6;margin-bottom:12px;font-size:14px}#block-grid{min-height:130px}.block-choice span{overflow-wrap:anywhere}.inventory-panel header{margin-bottom:16px}#camera-mode{font-size:21px}#network-indicator{color:#d4ebae;font-size:10px}#use-item{position:absolute;right:max(33px,env(safe-area-inset-right));bottom:210px;min-width:65px;height:48px;padding:8px 16px;font-size:14px;border:2px solid #e3eacd9c;background:#264137a1}#use-item.hidden{display:none}.distance-help{margin-top:-10px;margin-bottom:20px}#distance-value{font-variant-numeric:tabular-nums}.map-panel{width:460px}.map-paper{border:8px solid #c5b884;box-shadow:inset 0 0 0 2px #998856;background:#b3c387}#world-map{width:100%;height:auto;display:block;image-rendering:pixelated}#map-coordinates{font-size:13px;color:#d5dfc6;margin:11px 0}.map-toolbar{display:flex;gap:10px}.map-toolbar select{flex:1}.map-toolbar button{min-width:90px}.avatar-stage{display:flex;justify-content:center;background:radial-gradient(ellipse at center,#91b18b25,transparent 70%);margin-top:-20px}.avatar-stage canvas{width:230px;height:230px}#avatar-presets{display:flex;gap:12px;justify-content:center;margin:0 0 18px}.skin-preset{width:36px;height:48px;border:2px solid #c8dbbd55;border-radius:3px}.avatar-colors{display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.avatar-colors label{display:flex;flex-direction:column;gap:7px;font-size:12px;flex:1}.avatar-colors input{width:100%;height:34px;padding:0;border:0;background:transparent}#room-code{text-transform:uppercase;letter-spacing:.3em;font-size:20px;text-align:center}#room-status{min-height:24px}hr{border:0;border-top:1px solid var(--border);margin:24px 0}#invite-link{font-size:12px}#travel-screen{z-index:35;background:#112720e8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.travel-card{text-align:center}.travel-card span{font-size:50px;color:var(--lime);display:block;margin-bottom:15px;animation:travel-pulse 1.5s infinite}.travel-card p{font-size:14px;color:#b9ccad}@keyframes travel-pulse{50%{transform:translateY(-9px);opacity:.5}}.menu-card .controls-note{margin-top:16px;padding-top:12px}.menu-card .card-heading{margin-bottom:17px}#map-loading{font-size:12px}.avatar-panel{max-height:92dvh}@media(max-width:620px)and (orientation:portrait){#menu{gap:21px;padding-top:30px;padding-bottom:30px}.brand h1{font-size:62px}.brand h1 span{margin-top:13px}.menu-card{padding:20px}.menu-actions button{min-height:43px}.menu-card .controls-note{font-size:11px;margin-top:13px;padding-top:11px}.avatar-stage canvas{width:185px;height:185px}.skin-preset{height:40px;width:32px}#avatar-presets{margin-bottom:13px}.avatar-panel .field{margin-bottom:14px}.avatar-colors{margin-bottom:15px}#use-item{bottom:191px;right:28px}#map-panel .panel{padding:20px}.map-panel header h2{font-size:20px}}@media(max-height:540px)and (orientation:landscape){.menu-card{padding:15px 18px;width:312px}.menu-card .card-heading{margin-bottom:10px}.menu-card .menu-actions{margin-top:7px}.menu-card .menu-actions button{min-height:35px;padding:7px}.menu-card .controls-note{margin-top:10px;padding-top:8px;line-height:1.6}.menu-card .save-note{font-size:8px}.brand h1{font-size:64px}#use-item{bottom:136px;right:55px}.avatar-panel{width:640px}.avatar-stage{float:left;width:42%;margin:0 16px 0 -4px}.avatar-stage canvas{height:235px;width:235px}#avatar-presets{justify-content:space-between;gap:4px}.avatar-panel .description{clear:both}.skin-preset{width:31px;height:40px}.map-panel{width:400px}}.panel button{touch-action:pan-y}.panel.map-panel{width:850px;max-width:100%;padding:24px}.map-panel header{margin-bottom:18px}.map-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.map-view,.map-search{min-width:0}.map-toolbar{align-items:end}.map-toolbar label{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px;font-size:12px;color:#c4d2b5}.map-toolbar select{width:100%;min-width:0}.map-toolbar button,.map-toolbar select,#map-filter{min-height:44px}.map-toolbar button{padding:8px 12px;white-space:nowrap}.map-search>label{display:block;font-size:13px;color:#d0e799;margin-bottom:8px}#map-filter{display:block;width:100%}#map-count{font-size:12px;color:#c0cfb2;line-height:1.7;margin:12px 0 10px}#map-landmarks{display:flex;flex-direction:column;gap:7px;max-height:360px;overflow-y:auto;touch-action:pan-y;padding:2px}.map-landmark{display:grid;grid-template-columns:1fr auto;gap:4px 10px;width:100%;text-align:left;padding:11px 12px;min-height:58px;align-items:center}.map-landmark strong{font-size:13px;font-weight:600;min-width:0}.map-landmark span{font-size:11px;color:#dae8c7;white-space:nowrap}.map-landmark small{grid-column:1/-1;font-size:11px;color:#aebb9c;font-variant-numeric:tabular-nums}.map-landmark[aria-pressed=true]{background:#354e36;border-color:#d0e799}#map-selection{white-space:pre-line;font-size:13px;line-height:1.9;background:#d0e79912;border:1px solid #d0e79980;border-radius:5px;padding:10px 12px;margin:12px 0;font-variant-numeric:tabular-nums}#map-teleport{width:100%;min-height:48px;margin:0 0 8px;padding:12px;font-size:14px}#map-teleport[hidden],#map-teleport-status[hidden]{display:none}#map-teleport-status{font-size:12px;color:#f0c69f;line-height:1.8;margin:4px 0 10px}#world-map{touch-action:pan-y;cursor:pointer}#world-map[aria-busy=true]{opacity:.7}.map-legend{font-size:11px!important;line-height:1.8}.map-panel .description{margin:10px 0 0}@media(max-width:680px){.map-layout{grid-template-columns:minmax(0,1fr);gap:18px}.panel.map-panel{width:460px;padding:18px}.map-landmark{padding:10px}.map-landmark span{font-size:10px}#map-landmarks{max-height:260px}}.friends-panel{width:540px;max-width:calc(100vw - 28px);overflow-x:hidden;overscroll-behavior:contain}.friends-panel h3{font-size:15px;margin:0;color:#eff4e7;font-weight:600}.friends-panel button,.friends-panel input,.friend-legacy summary{min-height:44px;touch-action:pan-y}.friends-panel button{padding:10px 13px;white-space:normal;line-height:1.35}.friends-panel .description{overflow-wrap:anywhere}.friends-intro{margin-top:-5px;margin-bottom:20px}.friend-identity{padding:14px;border:1px solid var(--border);background:#ffffff06;border-radius:5px}.friend-label-row{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;align-items:baseline;margin-bottom:9px;font-size:12px;color:#d1ddc7}#friend-self-name{font-size:11px;color:#a4b69d;overflow-wrap:anywhere;max-width:100%}.friend-code-row{display:flex;align-items:stretch;gap:8px;min-width:0}.friend-code-row input{min-width:0;width:0;flex:1;border:1px solid var(--border);background:#101f1977;border-radius:4px;padding:10px;color:#eff4e7;font-size:16px;line-height:1.35}.friend-code-row button{flex:0 0 auto;font-size:12px}#friend-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:600;letter-spacing:.06em}.friend-identity .description{font-size:11px;margin:9px 0 0}.friend-add-form{margin-top:17px}.friend-add-form>label{display:block;margin-bottom:8px;color:#d1ddc7;font-size:13px}#friend-add-code{text-transform:uppercase;letter-spacing:.035em}#friend-status{min-height:20px;margin:11px 0 14px;font-size:12px}#friend-status[data-error=true]{color:#efbba4}.friend-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.friend-section-heading>button{font-size:12px;min-width:64px}#friend-count,.friend-requests h3 span{color:#a8bf9c;font-size:12px;font-weight:400;margin-left:5px}.friend-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.friend-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:5px;background:#ffffff04}.friend-person{min-width:0;display:flex;flex-direction:column;gap:5px}.friend-person strong{font-size:14px;font-weight:500;overflow-wrap:anywhere;line-height:1.4}.friend-person small{font-size:11px;color:#a1b49a;overflow-wrap:anywhere;line-height:1.4}.friend-person small[data-online=true]{color:#c1dda1}.friend-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:170px}.friend-row-actions button{font-size:12px;min-width:44px}.friend-row-actions .friend-join{background:#71955333;border-color:#a7c68d66;color:#e5f2d3}.friend-row-actions .friend-remove{font-size:11px;color:#a9b7a3;padding:9px 8px}.friend-confirm{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding-top:8px;border-top:1px solid var(--border);font-size:12px;color:#d7dfcc}.friend-confirm span{flex:1 1 150px;overflow-wrap:anywhere}.friend-confirm button{font-size:12px}.friend-confirm [data-action=confirm-remove]{color:#f3cbb7;border-color:#c69e8455}.friend-empty{font-size:12px;text-align:center;padding:18px 12px;border:1px dashed var(--border);border-radius:5px;margin:0}.friend-requests{margin-top:19px}.friend-requests h3{margin-bottom:9px}.friend-host{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.friend-host .description{font-size:12px;margin:10px 0 0}#room-status{margin:14px 0 8px;font-size:12px}#leave-room{margin-top:0;margin-bottom:14px}.friend-legacy{border-top:1px solid var(--border);margin-top:14px;padding-top:6px}.friend-legacy summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:#b6c6aa;font-size:12px;list-style:none;padding:9px 0;overflow-wrap:anywhere}.friend-legacy summary::-webkit-details-marker{display:none}.friend-legacy summary:before{content:"›";font-size:20px;transition:transform .15s}.friend-legacy[open] summary:before{transform:rotate(90deg)}.friend-legacy .field:first-child{margin-top:12px}.friend-legacy .description{font-size:11px}.friends-panel .hidden{display:none!important}@media(max-width:420px){.friends-panel{padding:19px}.friend-identity{padding:11px}.friend-code-row{gap:6px}.friend-code-row input{padding:9px 7px}#friend-code{font-size:14px;letter-spacing:.025em}.friend-code-row button{padding:9px 10px}.friend-row{padding:10px;gap:7px}.friend-row-actions{max-width:140px;gap:5px}.friend-row-actions button{padding:9px 8px}.friend-person strong{font-size:13px}}@media(max-width:340px){.friend-row{grid-template-columns:minmax(0,1fr)}.friend-row-actions{max-width:none;justify-content:flex-start}.friend-code-row{flex-wrap:wrap}.friend-code-row input{flex-basis:160px}.friend-code-row button{flex-grow:1}}