:root{color-scheme:light;--canvas-left:var(--game-canvas-left,0px);--canvas-top:var(--game-canvas-top,0px);--canvas-width:var(--game-canvas-width,100vw);--canvas-height:var(--game-canvas-height,100vh);--canvas-bottom:var(--game-canvas-bottom,100vh);--canvas-center-x:var(--game-canvas-center-x,50vw);--canvas-center-y:var(--game-canvas-center-y,50vh);--overlay-content-top:var(--game-overlay-content-top,112px);--overlay-content-bottom:var(--game-overlay-content-bottom,100vh);--hud-top:var(--game-hud-top,12px);--color-ink:#352d24;--color-muted:#6e604f;--color-brand:#356044;--color-brand-strong:#284a36;--color-brand-soft:#dce6c8;--color-accent:#d5a844;--color-surface:#fff7df;--color-surface-soft:#f2dfb9;--color-border:rgba(90,67,46,0.4);--color-focus:#1f5d3f;--shadow-soft:0 5px 0 rgba(62,79,53,0.55),0 10px 22px rgba(53,40,31,0.2);--shadow-panel:0 7px 0 rgba(53,40,31,0.62),0 18px 34px rgba(53,40,31,0.28);--radius-panel:10px;--font-sans:"BIZ UDPGothic","BIZ UDゴシック","Yu Gothic UI","Yu Gothic","Meiryo",system-ui,sans-serif}*,:after,:before{box-sizing:border-box}#app,body,html{width:100%;height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;overflow:hidden;color:var(--color-ink);font-family:var(--font-sans);font-weight:600;line-height:1.5;text-rendering:optimizeLegibility;background:linear-gradient(rgba(255,247,223,.32),rgba(255,247,223,.32)),linear-gradient(145deg,#9dc9b1,#76a58a 48%,#d7bd8b)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(45deg,rgba(53,45,36,.045) 25%,transparent 0),linear-gradient(-45deg,rgba(53,45,36,.045) 25%,transparent 0);background-position:0 0,8px 8px;background-size:16px 16px;mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 70%)}.game-page{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}.profile-settings-page{position:fixed;inset:0;z-index:190;overflow-x:hidden;overflow-y:auto;padding:30px 20px 56px;background:radial-gradient(circle at 8% 0,rgba(213,168,68,.2),transparent 28rem),linear-gradient(145deg,#e5f0df,#f9efd5 48%,#f1dbad)}.profile-settings-page__inner{width:min(760px,100%);margin-inline:auto}.profile-settings-page__back{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.profile-settings-error a,.profile-settings-page__back a{color:var(--color-brand-strong);font-weight:900;text-underline-offset:4px}.profile-settings-page__header{margin-bottom:20px;padding:clamp(24px,5vw,38px);color:#fffdf5;background:linear-gradient(135deg,#284a36,#356044);border:3px solid #5a432e;border-radius:18px;box-shadow:var(--shadow-panel)}.profile-settings-page__header h1,.profile-settings-page__header p,.profile-settings-page__header span{margin:0}.profile-settings-page__header p{color:#f1d58d;font-size:13px;font-weight:1000;letter-spacing:.12em}.profile-settings-page__header h1{margin-top:4px;font-size:clamp(28px,6vw,40px);line-height:1.25}.profile-settings-page__header span{display:block;margin-top:10px;color:rgba(255,255,255,.84);line-height:1.75}.profile-settings-error,.profile-settings-form{padding:clamp(24px,5vw,38px);background:var(--color-surface);border:3px solid #5a432e;border-radius:18px;box-shadow:var(--shadow-panel)}.profile-settings-form{display:grid;gap:24px}.profile-settings-form__image{display:grid;grid-template-columns:136px minmax(0,1fr);gap:24px;align-items:center;padding-bottom:24px;border-bottom:2px solid rgba(90,67,46,.18)}.profile-settings-form__image h2,.profile-settings-form__image p,.profile-settings-form__image small{margin:0}.profile-settings-form__image h2{font-size:20px}.profile-settings-form__image p{margin-top:4px;color:var(--color-muted)}.profile-settings-form__image small{display:block;margin-top:8px;color:var(--color-muted)}.profile-settings-form__preview{display:grid;width:136px;aspect-ratio:1;overflow:hidden;color:#fffdf5;font-size:48px;font-weight:1000;background:linear-gradient(145deg,#6e9a75,#284a36);border:4px solid #d5a844;border-radius:50%;box-shadow:0 6px 0 rgba(53,40,31,.24);place-items:center}.profile-settings-form__preview img{width:100%;height:100%;object-fit:cover}.profile-settings-form__file-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;margin-top:14px;padding:8px 18px;color:#fffdf5;font-weight:900;background:var(--color-brand);border:2px solid #284a36;border-radius:9px;cursor:pointer;box-shadow:0 3px 0 #284a36}.profile-settings-form__file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.profile-settings-form__file-button:focus-within{outline:3px solid var(--color-accent);outline-offset:3px}.profile-settings-form__field{display:grid;gap:8px}.profile-settings-form__field>span{font-weight:1000}.profile-settings-form__field input,.profile-settings-form__field textarea{width:100%;padding:12px 14px;color:var(--color-ink);background:#fffdf8;border:2px solid rgba(90,67,46,.45);border-radius:9px}.profile-settings-form__field input:focus,.profile-settings-form__field textarea:focus{border-color:var(--color-brand);outline:3px solid rgba(53,96,68,.18)}.profile-settings-form__field small{color:var(--color-muted);line-height:1.65}.profile-settings-form__error{margin:5px 0 0!important;color:#8d2e25!important;font-weight:800}.profile-settings-form__status{min-height:26px;margin:0;font-weight:800}.profile-settings-form__status[data-tone=success]{color:var(--color-brand-strong)}.profile-settings-form__status[data-tone=error]{color:#8d2e25}.profile-settings-form__submit{min-height:52px;padding:10px 24px;color:#fffdf5;font-weight:1000;background:linear-gradient(180deg,#457555,#284a36);border:2px solid #35281f;border-radius:10px;box-shadow:0 4px 0 #35281f}.profile-settings-form__submit:hover:not(:disabled){filter:brightness(1.07)}.profile-settings-form__submit:disabled{cursor:wait;opacity:.7}.profile-settings-error{margin-top:12vh;text-align:center}.profile-settings-error h1{margin-top:0}@media (max-width:640px){.profile-settings-page{padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.profile-settings-form__image{grid-template-columns:92px minmax(0,1fr);gap:16px}.profile-settings-form__preview{width:92px;font-size:34px;border-width:3px}}button,input,textarea{font:inherit}button{touch-action:manipulation}#app{position:relative;overflow:hidden;isolation:isolate}canvas{display:block;image-rendering:auto;border:3px solid #5a432e;border-radius:7px;box-shadow:0 6px 0 #304d38,0 14px 32px rgba(53,40,31,.26)}canvas:focus-visible{outline:3px solid #d5a844;outline-offset:-6px}.realtime-session-ended{position:fixed;inset:0;z-index:140;display:grid;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:auto;background:rgba(35,52,42,.76);backdrop-filter:blur(7px);place-items:center}.realtime-session-ended__panel{width:min(540px,100%);padding:clamp(24px,6vw,40px);text-align:center;background:#fff7df;border:4px solid #5a432e;border-radius:14px;box-shadow:inset 0 0 0 3px #d5a844,0 12px 0 rgba(35,52,42,.72)}.realtime-session-ended__label{margin:0 0 6px;color:#8d2e25;font-weight:1000;letter-spacing:.1em}.realtime-session-ended__panel h2{margin:0 0 14px;font-size:clamp(24px,6vw,34px)}.realtime-session-ended__panel p:not(.realtime-session-ended__label){margin:0}.realtime-session-ended__panel button{min-height:50px;margin-top:24px;padding:0 22px;color:#fff;font-weight:900;background:#356044;border:3px solid #5a432e;border-radius:9px;box-shadow:0 4px 0 #284a36;cursor:pointer}.realtime-session-ended__panel button:focus-visible{outline:3px solid #d5a844;outline-offset:3px}.mobile-controls{position:fixed;right:max(12px,calc(100vw - var(--canvas-left) - var(--canvas-width) + 12px),env(safe-area-inset-right));bottom:max(12px,calc(100dvh - var(--canvas-bottom) + 12px),env(safe-area-inset-bottom));z-index:36;display:none;gap:3px;color:#fff7df;pointer-events:auto;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 5px 0 rgba(53,40,31,.58)) drop-shadow(0 10px 18px rgba(25,35,29,.28));transition:opacity .12s ease,visibility .12s ease}.mobile-controls__label{justify-self:center;padding:2px 8px;font-size:11px;font-weight:900;letter-spacing:.08em;background:rgba(40,74,54,.9);border:2px solid #d5a844;border-radius:999px}.mobile-controls__pad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:2px;padding:4px;touch-action:none;background:rgba(40,74,54,.78);border:3px solid rgba(90,67,46,.96);border-radius:18px;box-shadow:inset 0 0 0 2px rgba(213,168,68,.88)}.mobile-controls__button{display:grid;min-width:52px;min-height:52px;padding:0;color:#284a36;font-size:21px;font-weight:1000;line-height:1;place-items:center;touch-action:none;background:#fff7df;border:2px solid #5a432e;border-radius:12px;box-shadow:0 3px 0 #d5a844;-webkit-tap-highlight-color:transparent}.mobile-controls__button:active,.mobile-controls__button[aria-pressed=true]{background:#dce6c8;box-shadow:0 1px 0 #d5a844;transform:translateY(2px)}.mobile-controls__button:focus-visible{outline:3px solid #ffffff;outline-offset:-5px}.mobile-controls__button--up{grid-area:1/2}.mobile-controls__button--left{grid-area:2/1}.mobile-controls__button--interact{grid-area:2/2;color:#ffffff;font-size:13px;letter-spacing:.03em;background:#356044}.mobile-controls__button--right{grid-area:2/3}.mobile-controls__button--down{grid-area:3/2}@media (hover:none),(pointer:coarse){canvas{touch-action:none}.mobile-controls{display:grid}body.mobile-chat-open .mobile-controls,body:has(.attendance-card-layer,.member-profile-layer,.game-direct-message-layer,.rpg-conversation-layer,.hallway-guide-overlay,.game-browser-overlay) .mobile-controls{visibility:hidden;pointer-events:none;opacity:0}.lounge-chat.lounge-chat--collapsed{width:min(190px,calc(var(--canvas-width) - 190px))}.hallway-guide-overlay{top:0;left:0;z-index:125;width:100vw;height:100dvh;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-radius:0}.hallway-guide-panel{max-height:calc(100dvh - max(10px, env(safe-area-inset-top)) - max(10px, env(safe-area-inset-bottom)))}body:has(.rpg-conversation-layer,.hallway-guide-overlay) .game-hud,body:has(.rpg-conversation-layer,.hallway-guide-overlay) .lounge-chat,body:has(.rpg-conversation-layer,.hallway-guide-overlay) .lounge-reactions{visibility:hidden;pointer-events:none;opacity:0}}@media (hover:none) and (pointer:coarse) and (orientation:portrait){.mobile-controls{top:calc(var(--canvas-bottom) + 12px);right:auto;bottom:auto;left:var(--canvas-center-x);transform:translateX(-50%)}}@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-width:1200px) and (max-height:900px){:root{--mobile-landscape-dock-width:clamp(146px,22vw,176px);--mobile-landscape-control-size:clamp(39px,5.2vw,44px)}#app{width:calc(100% - var(--mobile-landscape-dock-width) - env(safe-area-inset-left) - env(safe-area-inset-right));margin-left:env(safe-area-inset-left)}.game-hud{top:max(4px,env(safe-area-inset-top));gap:6px;min-height:42px;padding:3px 7px;border-width:2px;box-shadow:0 3px 0 rgba(62,79,53,.5),0 7px 14px rgba(53,40,31,.16)}.game-hud__brand{font-size:13px}.game-hud__location{gap:3px;margin-top:0;font-size:10px}.game-hud__location-name{font-size:11px}.game-hud__room-members-summary{min-height:23px;max-width:82px;padding:1px 4px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.game-hud__attendance-button,.game-hud__profile-button{min-height:32px;padding:2px 4px}.game-hud__attendance-label,.game-hud__attendance-total,.game-hud__profile-label,.game-hud__profile-name{display:none}.game-hud__attendance-stamp,.game-hud__profile-icon{grid-row:1;width:24px;height:24px;font-size:14px}.mobile-controls{top:auto;right:max(6px,env(safe-area-inset-right));bottom:max(54px,calc(env(safe-area-inset-bottom) + 54px));gap:0;transform:none}.mobile-controls__label{display:none}.mobile-controls__pad{grid-template-columns:repeat(3,var(--mobile-landscape-control-size));grid-template-rows:repeat(3,var(--mobile-landscape-control-size));gap:1px;padding:3px;border-width:2px;border-radius:15px}.mobile-controls__button{min-width:var(--mobile-landscape-control-size);min-height:var(--mobile-landscape-control-size);font-size:18px;border-radius:10px}.mobile-controls__button--interact{font-size:11px}.lounge-chat{bottom:max(10px,calc(100dvh - var(--canvas-bottom) + 10px),env(safe-area-inset-bottom));left:calc(var(--canvas-left) + 10px);width:min(420px,calc(var(--canvas-width) - 20px));height:min(284px,calc(var(--canvas-height) - 82px))}.lounge-chat.lounge-chat--collapsed{top:max(8px,env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right));bottom:auto;left:auto;width:calc(var(--mobile-landscape-dock-width) - 14px);height:auto}.lounge-chat.lounge-chat--collapsed .lounge-chat__heading{display:none}.lounge-chat.lounge-chat--collapsed .lounge-chat__header{justify-content:center;padding:3px;border-bottom:0;box-shadow:none}.lounge-chat.lounge-chat--collapsed .lounge-chat__toggle{width:100%;min-width:0;min-height:34px;padding-inline:5px;font-size:12px}.lounge-chat__header{padding:8px 9px 8px 11px}.lounge-chat__title{font-size:16px}.lounge-chat__form,.lounge-chat__messages{padding:8px}.lounge-reactions{top:auto;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:auto;padding:3px;border-width:2px;transform:none}.lounge-reactions__actions{gap:3px}.lounge-reactions__button{width:34px;height:30px;font-size:16px;border-width:1px;box-shadow:0 2px 0 #d5a844}.hallway-guide-overlay{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.hallway-guide-panel{max-height:calc(100dvh - max(6px, env(safe-area-inset-top)) - max(6px, env(safe-area-inset-bottom)));border-radius:11px}.hallway-guide__header{min-height:54px;padding:7px 9px}.hallway-guide__avatar{width:38px;height:38px}.hallway-guide__title{font-size:17px}.hallway-guide__close{min-width:62px;min-height:38px;padding-inline:10px;font-size:14px}.hallway-guide__content{padding:10px 12px 12px}.hallway-guide__detail-body,.hallway-guide__lead{font-size:14px;line-height:1.5}.hallway-guide__menu{gap:7px}.hallway-guide__topic{min-height:44px;padding:6px 9px}.hallway-guide__topic-label{font-size:14px}.hallway-guide__detail-title{margin-block:3px 6px;font-size:19px}.hallway-guide__detail{min-height:0}.hallway-guide__actions{margin-top:10px}}@media (hover:none) and (pointer:coarse) and (max-width:360px){.mobile-controls__label{display:none}.mobile-controls__pad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px)}.mobile-controls__button{min-width:46px;min-height:46px}.lounge-chat.lounge-chat--collapsed .lounge-chat__heading{display:none}.lounge-chat.lounge-chat--collapsed .lounge-chat__header{justify-content:center}}.first-launch-layer{position:fixed;inset:0;z-index:120;display:grid;padding:24px;overflow-y:auto;place-items:center;background:linear-gradient(rgba(40,74,54,.84),rgba(40,74,54,.9)),repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,247,223,.06) 18px 20px),#315b45}.first-launch{width:min(760px,100%);overflow:hidden;color:var(--color-ink);background:linear-gradient(rgba(255,247,223,.98),rgba(255,247,223,.98)),repeating-linear-gradient(0deg,transparent 0 7px,rgba(90,67,46,.1) 7px 8px);border:4px solid #5a432e;border-radius:14px;box-shadow:inset 0 0 0 3px #d5a844,0 12px 0 rgba(35,52,42,.58),0 28px 60px rgba(20,32,25,.42);animation:first-launch-enter .28s ease-out both}.first-launch__header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:24px 28px 22px;color:#fff7df;background:repeating-linear-gradient(135deg,rgba(255,247,223,.05) 0 4px,transparent 4px 12px),var(--color-brand-strong);border-bottom:4px solid #5a432e;box-shadow:inset 0 -2px 0 #d5a844}.first-launch__mark{display:grid;width:68px;height:68px;place-items:center;color:#284a36;font-size:24px;font-weight:1000;letter-spacing:-.08em;background:#fff7df;border:3px solid #d5a844;border-radius:14px;box-shadow:0 4px 0 #173322}.first-launch__progress{margin:0 0 3px;color:#f2dfb9;font-size:13px;font-weight:900;letter-spacing:.08em}.first-launch__title{margin:0;font-size:clamp(24px,4vw,32px);line-height:1.25;text-shadow:2px 2px 0 #173322}.first-launch__copy{margin:7px 0 0;color:#f2e4bd;font-size:15px;font-weight:700}.first-launch__form{padding:30px}.first-launch__field{display:grid;gap:8px}.first-launch__field-label{font-size:18px;font-weight:900}.first-launch__input{width:100%;height:58px;padding:0 16px;color:var(--color-ink);font-size:20px;font-weight:800;background:#fffaf0;border:3px solid #5a432e;border-radius:9px;box-shadow:inset 0 3px 0 rgba(90,67,46,.12)}.first-launch__error,.first-launch__help,.first-launch__status{min-height:1.5em;font-size:14px;font-weight:700}.first-launch__help{color:var(--color-muted)}.first-launch__error,.first-launch__status[data-tone=error]{color:#a1322a}.first-launch__actions{display:flex;justify-content:flex-end;margin-top:22px}.first-launch__button{min-height:48px;padding:0 20px;font-size:16px;font-weight:900;cursor:pointer;border:3px solid #5a432e;border-radius:8px;box-shadow:0 4px 0 #d5a844}.first-launch__button--primary{color:#ffffff;background:var(--color-brand)}.first-launch__button--secondary{color:var(--color-ink);background:#fffaf0}.first-launch__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:26px 30px 20px}.first-launch__choice{display:grid;gap:5px;min-width:0;padding:16px;color:var(--color-ink);text-align:center;cursor:pointer;background:#fffaf0;border:3px solid #5a432e;border-radius:12px;box-shadow:inset 0 0 0 2px #f2dfb9,0 5px 0 #c59c55}.first-launch__choice-preview{display:grid;min-height:154px;margin-bottom:6px;place-items:center;background:radial-gradient(circle at 50% 62%,#e8f1e7 0 34%,#f2dfb9 35% 36%,transparent 37%);border-bottom:2px dashed rgba(90,67,46,.35)}.first-launch__choice-preview img{width:96px;height:128px;object-fit:contain;image-rendering:auto}.first-launch__choice strong{font-size:18px}.first-launch__choice>span:not(.first-launch__choice-preview,.first-launch__choice-select){color:var(--color-muted);font-size:14px}.first-launch__choice-select{margin-top:8px;padding:8px 10px;color:#ffffff;font-size:14px;font-weight:900;background:var(--color-brand);border:2px solid #5a432e;border-radius:7px}.first-launch__choice:disabled{cursor:wait;opacity:.68}.first-launch__footer{display:flex;gap:16px;align-items:center;padding:0 30px 28px}.first-launch__status{flex:1;margin:0}.first-launch__button:focus-visible,.first-launch__choice:focus-visible,.first-launch__input:focus-visible{outline:4px solid #f2b544;outline-offset:3px;box-shadow:0 0 0 6px #24352d}@media (hover:hover){.first-launch__button,.first-launch__choice{transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.first-launch__button:hover,.first-launch__choice:hover{filter:brightness(1.03);transform:translateY(-2px)}}.game-hud{position:fixed;top:var(--hud-top);left:var(--canvas-center-x);z-index:20;display:flex;gap:24px;align-items:center;justify-content:space-between;width:min(calc(var(--canvas-width) - 32px),1200px);min-height:72px;padding:11px 16px;color:var(--color-ink);pointer-events:none;background:linear-gradient(rgba(255,247,223,.96),rgba(255,247,223,.96)),repeating-linear-gradient(0deg,transparent 0 5px,rgba(90,67,46,.08) 5px 6px);border:3px solid #5a432e;border-radius:10px;box-shadow:var(--shadow-soft);transform:translateX(-50%);backdrop-filter:none;animation:hud-enter .32s ease-out both}.game-hud__left{min-width:0}.game-hud__title{display:flex;gap:9px;align-items:center;min-width:0}.game-hud__brand{overflow:hidden;font-size:clamp(18px,1.55vw,21px);font-weight:800;line-height:1.25;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.game-hud__badge{flex:0 0 auto;padding:3px 7px 2px;color:var(--color-brand-strong);font-size:12px;font-weight:800;letter-spacing:.12em;background:var(--color-brand-soft);border:2px solid rgba(90,67,46,.48);border-radius:6px}.game-hud__room-members{position:relative;flex:0 0 auto;pointer-events:auto}.game-hud__room-members-summary{display:inline-flex;gap:4px;align-items:center;min-height:30px;padding:4px 9px;color:#fff7df;font-size:12px;font-weight:900;cursor:pointer;list-style:none;background:var(--color-brand);border:2px solid #35281f;border-radius:7px;box-shadow:0 2px 0 #d5a844}.game-hud__room-members-summary::-webkit-details-marker{display:none}.game-hud__room-members-summary:after{margin-left:6px;content:"▾"}.game-hud__room-members[open] .game-hud__room-members-summary:after{content:"▴"}.game-hud__room-members-summary:focus-visible{outline:3px solid #d5a844;outline-offset:2px}.game-hud__room-members-list{position:absolute;top:calc(100% + 8px);left:0;z-index:2;width:max-content;min-width:180px;max-width:min(300px,calc(var(--canvas-width) - 32px));max-height:260px;margin:0;padding:8px;overflow-y:auto;color:#352d24;font-size:14px;font-weight:800;list-style:none;background:#fffaf0;border:3px solid #5a432e;border-radius:9px;box-shadow:inset 0 0 0 2px #d5a844,0 6px 0 rgba(53,40,31,.35)}.game-hud__room-members-list li{padding:7px 9px;overflow-wrap:anywhere;border-bottom:1px solid #d8c5a3}.game-hud__room-members-list li:last-child{border-bottom:0}.game-hud__location{display:flex;gap:7px;align-items:center;margin-top:6px;color:var(--color-muted);font-size:15px;line-height:1.25}.game-hud__location-marker{width:8px;height:8px;background:var(--color-accent);border:2px solid var(--color-surface);border-radius:50%;box-shadow:0 0 0 2px rgba(49,91,69,.22)}.game-hud__location-label{font-weight:600}.game-hud__location-name{color:var(--color-brand-strong);font-size:16px;font-weight:800}.game-hud__controls{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:7px;align-items:center;justify-content:flex-end;min-width:0}.game-hud__control{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;color:var(--color-muted);font-size:14px;font-weight:700;background:#ead7ae;border:2px solid rgba(90,67,46,.45);border-radius:7px;white-space:nowrap}.game-hud__key{min-width:25px;padding:2px 6px;color:var(--color-brand-strong);font-family:var(--font-sans);font-size:13px;font-weight:800;line-height:1.35;text-align:center;background:#fffaf0;border:solid #7a684f;border-width:2px 2px 4px;border-radius:5px;box-shadow:1px 1px 0 rgba(53,40,31,.16)}.game-hud__control-label{margin-left:1px}.game-hud__attendance-button{display:inline-grid;grid-template-columns:auto auto;gap:1px 8px;align-items:center;min-height:46px;padding:5px 10px 5px 7px;color:#fffdf5;font-size:14px;font-weight:800;line-height:1.2;text-align:left;cursor:pointer;pointer-events:auto;background:linear-gradient(180deg,#457555,#315a40);border:2px solid #35281f;border-radius:8px;box-shadow:0 3px 0 rgba(53,40,31,.32)}.game-hud__attendance-button:hover{filter:brightness(1.06)}.game-hud__attendance-button:focus-visible{outline:3px solid #d5a844;outline-offset:2px}.game-hud__attendance-button:active{box-shadow:0 1px 0 rgba(53,40,31,.32);transform:translateY(2px)}.game-hud__signout-button{background:linear-gradient(180deg,#5f6f7c,#3e4b55)}.game-hud__lms-link,.game-hud__signout-button{display:inline-flex;gap:7px;align-items:center;min-height:46px;padding:5px 10px 5px 7px;color:#fffdf5;font-size:13px;font-weight:900;line-height:1.2;cursor:pointer;pointer-events:auto;border:2px solid #35281f;border-radius:8px;box-shadow:0 3px 0 rgba(53,40,31,.32)}.game-hud__lms-link{text-decoration:none;background:linear-gradient(180deg,#315f9e,#173a70)}.game-hud__lms-link:hover{filter:brightness(1.08)}.game-hud__lms-link:focus-visible{outline:3px solid #d5a844;outline-offset:2px}.game-hud__lms-link:active{box-shadow:0 1px 0 rgba(53,40,31,.32);transform:translateY(2px)}.game-hud__lms-icon{display:grid;width:30px;height:30px;color:#173a70;font-size:15px;font-weight:900;background:#fff8e6;border:2px solid #d2a95a;border-radius:7px;place-items:center}.game-hud__lms-label{white-space:nowrap}.game-hud__signout-button:hover{filter:brightness(1.06)}.game-hud__signout-button:focus-visible{outline:3px solid #d5a844;outline-offset:2px}.game-hud__signout-button:active{box-shadow:0 1px 0 rgba(53,40,31,.32);transform:translateY(2px)}.game-hud__signout-icon{display:grid;width:30px;height:30px;color:#3e4b55;font-size:15px;font-weight:900;background:#fff8e6;border:2px solid #d2a95a;border-radius:7px;place-items:center}.game-hud__signout-label{white-space:nowrap}.game-hud__attendance-stamp{display:grid;grid-row:1/3;width:32px;height:32px;color:#9c2f34;font-size:19px;font-weight:900;background:#fff8e6;border:2px solid #d2a95a;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(156,47,52,.16);place-items:center}.game-hud__attendance-label,.game-hud__attendance-total{white-space:nowrap}.game-hud__attendance-total{color:#eef4df;font-size:12px;font-weight:700}.game-hud__profile-button{display:inline-grid;grid-template-columns:auto auto;gap:1px 8px;align-items:center;min-height:46px;padding:5px 10px 5px 7px;color:#fffdf5;font-size:14px;font-weight:800;line-height:1.2;text-align:left;cursor:pointer;pointer-events:auto;background:linear-gradient(180deg,#8b6b3c,#684a28);border:2px solid #35281f;border-radius:8px;box-shadow:0 3px 0 rgba(53,40,31,.32)}.game-hud__profile-button:hover{filter:brightness(1.07)}.game-hud__profile-button:focus-visible{outline:3px solid #d5a844;outline-offset:2px}.game-hud__profile-button:active{box-shadow:0 1px 0 rgba(53,40,31,.32);transform:translateY(2px)}.game-hud__profile-icon{display:grid;grid-row:1/3;width:32px;height:32px;color:#684a28;font-size:18px;font-weight:900;background:#fff8e6;border:2px solid #d2a95a;border-radius:50%;place-items:center}.game-hud__profile-icon.has-profile-image{overflow:hidden;background:#fff8e6}.game-hud__profile-icon>img,.member-profile__avatar>img,.member-profile__image-preview>img{width:100%;height:100%;object-fit:cover}.game-hud__profile-label,.game-hud__profile-name{white-space:nowrap}.game-hud__profile-name{max-width:112px;overflow:hidden;color:#f4e6c9;font-size:12px;font-weight:700;text-overflow:ellipsis}.game-dialog-hit-layer{position:fixed;inset:0;z-index:40;pointer-events:none}.game-dialog-hit-button{position:fixed;padding:0;cursor:pointer;background:transparent;border:0;border-radius:9px;opacity:0;pointer-events:auto}.game-dialog-hit-button:focus-visible{outline:4px solid rgba(44,92,64,.92);outline-offset:-4px;opacity:1}.hallway-guide-overlay{position:fixed;top:var(--canvas-top);left:var(--canvas-left);z-index:55;display:flex;align-items:center;justify-content:center;width:var(--canvas-width);height:var(--canvas-height);padding:18px;background:rgba(31,42,32,.7);border-radius:clamp(8px,1.3vw,20px);backdrop-filter:none;animation:overlay-enter .18s ease-out both}.hallway-guide-panel{width:min(720px,100%);max-height:calc(var(--canvas-height) - 36px);overflow:auto;background:linear-gradient(rgba(255,247,223,.97),rgba(255,247,223,.97)),repeating-linear-gradient(0deg,transparent 0 6px,rgba(90,67,46,.12) 6px 7px);border:3px solid #5a432e;border-radius:20px;box-shadow:inset 0 0 0 2px #d5a844,inset 0 0 0 5px #315b45,var(--shadow-panel)}.hallway-guide__header{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:78px;padding:13px 15px 13px 18px;color:#fff7df;background:repeating-linear-gradient(135deg,rgba(255,247,223,.045) 0 3px,transparent 3px 10px),var(--color-brand-strong);border-bottom:4px solid #5a432e;box-shadow:inset 0 -2px 0 #d5a844}.hallway-guide__identity{display:flex;gap:12px;align-items:center;min-width:0}.hallway-guide__avatar{display:grid;flex:0 0 auto;width:48px;height:48px;color:var(--color-brand-strong);font-size:20px;font-weight:800;place-items:center;background:#fff7df;border:2px solid #d5a844;border-radius:8px;box-shadow:0 3px 0 #5a432e}.hallway-guide__title{margin:0;font-size:21px;line-height:1.2;text-shadow:2px 2px 0 #173322}.hallway-guide__close{flex:0 0 auto;min-width:72px;min-height:42px;padding:0 14px;color:var(--color-brand-strong);font-size:15px;font-weight:800;cursor:pointer;background:#fff7df;border:2px solid #5a432e;border-radius:7px;box-shadow:0 3px 0 #d5a844}.hallway-guide__content{padding:19px 22px 22px;background:linear-gradient(rgba(255,247,223,.94),rgba(255,247,223,.94)),repeating-linear-gradient(0deg,transparent 0 7px,rgba(90,67,46,.1) 7px 8px)}.hallway-guide__lead{margin:0 0 15px;color:var(--color-muted);font-size:17px;line-height:1.65}.hallway-guide__menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hallway-guide__topic{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:58px;padding:9px 12px;color:var(--color-ink);text-align:left;cursor:pointer;background:#fffaf0;border:2px solid #5a432e;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(213,168,68,.55),0 3px 0 #ad8550}.hallway-guide__topic-number{display:grid;width:30px;height:30px;color:#fff7df;font-size:13px;font-weight:800;place-items:center;background:var(--color-brand);border:2px solid #d5a844;border-radius:5px}.hallway-guide__topic-label{min-width:0;font-size:17px;font-weight:800}.hallway-guide__topic-arrow{color:#b28225;font-size:17px;font-weight:800;text-shadow:1px 1px 0 #f4d98e}.hallway-guide__detail{min-height:184px}.hallway-guide__detail-label{display:inline-block;padding:3px 7px;color:#fff7df;font-size:13px;font-weight:800;letter-spacing:.08em;background:var(--color-brand);border:2px solid #5a432e;border-radius:4px;box-shadow:0 2px 0 #d5a844}.hallway-guide__detail-title{margin:5px 0 10px;color:var(--color-brand-strong);font-size:24px;line-height:1.3}.hallway-guide__detail-body{margin:0;color:var(--color-ink);font-size:17px;line-height:1.8}.hallway-guide__actions{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}.hallway-guide__back,.hallway-guide__done{min-height:44px;padding:0 16px;font-size:15px;font-weight:800;cursor:pointer;border-radius:7px;box-shadow:0 3px 0 #ad8550}.hallway-guide__back{color:var(--color-brand-strong);background:var(--color-surface-soft);border:2px solid #5a432e}.hallway-guide__done{color:#ffffff;background:var(--color-brand);border:2px solid #5a432e;box-shadow:0 3px 0 #d5a844}.hallway-guide__back:focus-visible,.hallway-guide__close:focus-visible,.hallway-guide__done:focus-visible,.hallway-guide__topic:focus-visible{outline:3px solid #f2b544;outline-offset:2px;box-shadow:0 0 0 5px #24352d}.game-browser-overlay{position:fixed;top:var(--canvas-top);left:var(--canvas-left);z-index:60;display:flex;align-items:center;justify-content:center;width:var(--canvas-width);height:var(--canvas-height);padding:24px;background:rgba(31,42,32,.74);border-radius:clamp(8px,1.3vw,20px);backdrop-filter:none;animation:overlay-enter .18s ease-out both}.game-browser-panel{display:grid;grid-template-rows:58px minmax(0,1fr);width:min(1120px,100%);height:min(620px,100%);min-width:0;min-height:0;overflow:hidden;background:linear-gradient(rgba(255,247,223,.97),rgba(255,247,223,.97)),repeating-linear-gradient(0deg,transparent 0 6px,rgba(90,67,46,.12) 6px 7px);border:3px solid #5a432e;border-radius:var(--radius-panel);box-shadow:inset 0 0 0 2px #d5a844,var(--shadow-panel)}.game-browser-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:0 10px 0 20px;color:#fff7df;background:repeating-linear-gradient(135deg,rgba(255,247,223,.045) 0 3px,transparent 3px 10px),var(--color-brand-strong);border-bottom:4px solid #5a432e;box-shadow:inset 0 -2px 0 #d5a844}.game-browser-title{min-width:0;overflow:hidden;font-size:clamp(17px,2vw,20px);font-weight:800;text-shadow:2px 2px 0 #173322;text-overflow:ellipsis;white-space:nowrap}.game-browser-actions{display:flex;flex:0 0 auto;gap:8px;align-items:center}.game-browser-close{min-width:78px;min-height:42px;padding:0 15px;color:var(--color-brand-strong);font-size:16px;font-weight:800;cursor:pointer;background:#fff7df;border:2px solid #5a432e;border-radius:7px;box-shadow:0 3px 0 #d5a844}.game-browser-close:focus-visible{outline:3px solid #f2b544;outline-offset:2px;box-shadow:0 0 0 5px #24352d}.game-browser-frame{display:block;width:100%;height:100%;min-width:0;min-height:0;background:#ffffff;border:2px solid #d5a844;border-top:0}.lounge-chat{position:fixed;top:auto;bottom:max(16px,calc(100vh - var(--overlay-content-bottom) + 16px));left:calc(var(--canvas-left) + 16px);z-index:30;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:clamp(350px,31vw,410px);max-width:calc(var(--canvas-width) - 32px);height:min(820px,calc(var(--overlay-content-bottom) - var(--overlay-content-top) - 16px));min-height:0;overflow:hidden;color:var(--color-ink);pointer-events:auto;background:linear-gradient(rgba(255,247,223,.97),rgba(255,247,223,.97)),repeating-linear-gradient(0deg,transparent 0 6px,rgba(90,67,46,.12) 6px 7px);border:3px solid #5a432e;border-radius:var(--radius-panel);box-shadow:inset 0 0 0 2px #d5a844,var(--shadow-panel);backdrop-filter:none;animation:chat-enter .24s ease-out both}.lounge-chat__header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 13px 12px 16px;color:#fff7df;background:repeating-linear-gradient(135deg,rgba(255,247,223,.045) 0 3px,transparent 3px 10px),var(--color-brand-strong);border-bottom:4px solid #5a432e;box-shadow:inset 0 -2px 0 #d5a844}.lounge-chat__heading{min-width:0}.lounge-chat__title{font-size:19px;font-weight:800;letter-spacing:.01em;text-shadow:2px 2px 0 #173322}.lounge-chat__toggle{flex:0 0 auto;min-width:62px;min-height:40px;padding:0 10px;color:var(--color-brand-strong);font-size:14px;font-weight:800;cursor:pointer;background:#fff7df;border:2px solid #5a432e;border-radius:7px;box-shadow:0 3px 0 #d5a844}.lounge-chat--collapsed{grid-template-rows:auto;width:232px;min-height:0;height:auto}.lounge-chat--collapsed .lounge-chat__header{padding:10px 11px 10px 14px}.lounge-chat--collapsed .lounge-chat__form,.lounge-chat--collapsed .lounge-chat__messages{display:none}.lounge-chat__messages{display:flex;flex-direction:column;gap:10px;min-height:0;padding:14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(49,91,69,.35) transparent;scrollbar-gutter:stable;scrollbar-width:thin;background:linear-gradient(rgba(255,247,223,.94),rgba(255,247,223,.94)),repeating-linear-gradient(0deg,transparent 0 7px,rgba(90,67,46,.11) 7px 8px)}.lounge-chat__message{max-width:88%;padding:9px 11px 10px;background:#fffaf0;border:2px solid #806344;border-radius:9px 9px 9px 4px;box-shadow:0 3px 0 #c9a97b;animation:message-enter .18s ease-out both}.lounge-chat__message--own{align-self:flex-end;background:#e8f1e7;border-color:#55725c;border-radius:9px 9px 4px 9px}.lounge-chat__name{margin-bottom:3px;color:#315b45;font-size:14px;font-weight:800}.lounge-chat__text{overflow-wrap:anywhere;font-size:16px;line-height:1.58;line-break:strict;text-wrap:pretty;white-space:pre-wrap;word-break:normal;word-break:auto-phrase}.lounge-chat__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:11px;background:#f2dfb9;border-top:3px solid #5a432e;box-shadow:inset 0 2px 0 #d5a844}.lounge-chat__connection-status{grid-column:1/-1;margin:0;padding:7px 9px;color:#68491f;font-size:13px;font-weight:800;line-height:1.4;background:#fff7df;border:1px solid #a77d35;border-radius:6px}.lounge-chat__connection-status[hidden]{display:none}.lounge-chat__input{min-width:0;height:44px;max-height:92px;padding:9px 12px;overflow-x:hidden;overflow-y:auto;color:var(--color-ink);font-size:16px;line-height:1.45;resize:none;background:#fffaf0;border:2px solid #5a432e;border-radius:7px;box-shadow:inset 0 2px 0 rgba(90,67,46,.14)}.lounge-chat__input::placeholder{color:#829087}.lounge-chat__send{align-self:end;min-width:64px;height:44px;padding:0 14px;color:#ffffff;font-size:16px;font-weight:800;cursor:pointer;background:repeating-linear-gradient(135deg,rgba(255,247,223,.045) 0 3px,transparent 3px 10px),var(--color-brand);border:2px solid #5a432e;border-radius:7px;box-shadow:0 3px 0 #d5a844}.lounge-chat__send:disabled{color:#6f786f;cursor:wait;background:#d9d8cb;border-color:#8b8170;box-shadow:none}.lounge-chat__input:focus-visible,.lounge-chat__send:focus-visible,.lounge-chat__toggle:focus-visible{outline:3px solid #f2b544;outline-offset:2px;box-shadow:0 0 0 5px #24352d}.lounge-reactions{position:fixed;top:0;left:0;z-index:29;display:block;padding:7px;color:var(--color-ink);pointer-events:auto;background:rgba(255,247,223,.97);border:3px solid #5a432e;border-radius:10px;box-shadow:inset 0 0 0 2px #d5a844,0 5px 0 rgba(53,40,31,.62);transform:translateX(-50%)}.lounge-reactions__actions{display:flex;gap:7px}.lounge-reactions__button{display:grid;width:46px;height:42px;padding:0;place-items:center;font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:25px;line-height:1;cursor:pointer;background:#fffaf0;border:2px solid #5a432e;border-radius:8px;box-shadow:0 3px 0 #d5a844}.lounge-reactions__button:active{box-shadow:0 1px 0 #d5a844;transform:translateY(2px)}.lounge-reactions__button:disabled{cursor:wait;opacity:.68}.lounge-reactions__button:focus-visible{outline:3px solid #f2b544;outline-offset:2px;box-shadow:0 0 0 5px #24352d}.lounge-reactions__status{position:absolute;right:0;bottom:calc(100% + 7px);width:max-content;max-width:min(220px,calc(100vw - 20px));padding:5px 8px;color:#fffdf5;font-size:12px;font-weight:900;line-height:1.35;pointer-events:none;background:#315a40;border:2px solid #35281f;border-radius:7px;box-shadow:0 3px 0 rgba(53,40,31,.3);opacity:1;transform:translateY(0);transition:opacity .13s ease,transform .13s ease,visibility .13s ease}.lounge-reactions__status[data-tone=error]{background:#8d3536}.lounge-reactions__status[data-visible=false]{visibility:hidden;opacity:0;transform:translateY(4px)}.lounge-reactions__button--sent{animation:reaction-sent .42s ease-out}@keyframes reaction-sent{0%,to{filter:none;transform:scale(1)}45%{filter:brightness(1.12);transform:scale(1.16)}}@media (hover:hover){.game-browser-close,.hallway-guide__back,.hallway-guide__close,.hallway-guide__done,.hallway-guide__topic,.lounge-chat__send,.lounge-chat__toggle,.lounge-reactions__button{transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.game-browser-close:hover,.hallway-guide__back:hover,.hallway-guide__close:hover,.hallway-guide__done:hover,.hallway-guide__topic:hover,.lounge-chat__send:hover,.lounge-chat__toggle:hover,.lounge-reactions__button:hover{filter:brightness(1.03);transform:translateY(-1px)}}@media (hover:hover) and (pointer:fine) and (min-width:721px) and (max-width:1600px){.lounge-chat{width:clamp(320px,26vw,360px)}}@media (max-width:900px){.game-hud{gap:12px;padding:10px 12px}.game-hud__control-label{display:none}.game-hud__control{padding:4px 6px}}@media (max-width:720px){.game-hud{width:calc(var(--canvas-width) - 20px);min-height:64px}.game-hud__room-members-summary{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-hud__brand{font-size:17px}.game-hud__control:nth-child(3),.game-hud__location-label{display:none}.game-hud__key{min-width:22px;padding-inline:4px;font-size:12px}.hallway-guide-overlay{top:0;left:0;width:100vw;height:100vh;height:100dvh;padding:12px;border-radius:0}.hallway-guide-panel{max-height:calc(100dvh - 24px);border-radius:15px}.hallway-guide__header{min-height:68px;padding:10px 11px 10px 13px}.hallway-guide__avatar{width:42px;height:42px}.hallway-guide__title{font-size:20px}.hallway-guide__content{padding:15px}.hallway-guide__menu{grid-template-columns:1fr}.hallway-guide__actions{flex-direction:column}.game-browser-overlay{padding:10px}.game-browser-panel{grid-template-rows:52px minmax(0,1fr);border-radius:14px}.game-browser-toolbar{padding-left:14px}.game-browser-close{min-width:68px;min-height:38px}.lounge-chat{width:calc(var(--canvas-width) - 24px);max-width:none;height:min(500px,calc(var(--overlay-content-bottom) - var(--overlay-content-top) - 16px))}.lounge-chat,.lounge-chat.lounge-chat--collapsed{left:calc(var(--canvas-left) + 12px);min-height:0}.lounge-chat.lounge-chat--collapsed{right:auto;width:min(232px,calc(var(--canvas-width) - 24px));height:auto;max-height:none}}@media (max-width:1100px){.game-hud{gap:14px}.game-hud__control:first-child .game-hud__key:nth-child(2){display:none}}@media (max-width:520px){.first-launch-layer{padding:12px;place-items:start center}.first-launch__header{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:18px}.first-launch__mark{width:52px;height:52px;font-size:19px}.first-launch__choices,.first-launch__form{padding:20px 18px}.first-launch__choices{grid-template-columns:1fr}.first-launch__choice-preview{min-height:126px}.first-launch__choice-preview img{width:72px;height:96px}.first-launch__footer{align-items:stretch;flex-direction:column;padding:0 18px 22px}.first-launch__button{width:100%}.game-hud{gap:8px;min-height:64px;padding:8px 10px}.game-hud__badge,.game-hud__control{display:none}.game-hud__controls{display:flex;flex:0 0 auto}.game-hud__attendance-button{min-height:44px;padding-right:8px}.game-hud__lms-link,.game-hud__signout-button{min-height:44px;padding:4px}.game-hud__lms-label,.game-hud__signout-label{display:none}.game-hud__lms-icon,.game-hud__signout-icon{width:32px;height:32px}.game-hud__attendance-total{display:none}.lounge-chat__messages{padding:11px}.lounge-reactions{padding:7px}.lounge-reactions__button{width:44px;height:40px}}@media (hover:none) and (pointer:coarse) and (orientation:portrait) and (max-width:520px){.game-hud{gap:6px;min-height:56px;padding:6px 8px}.game-hud__title{gap:5px}.game-hud__brand{font-size:14px}.game-hud__location{gap:4px;margin-top:2px;font-size:12px}.game-hud__location-name{font-size:12px}.game-hud__room-members-summary{gap:0;min-height:26px;max-width:none;padding:2px 5px;font-size:11px}.game-hud__room-members-label{display:none}.game-hud__room-members-summary:after{margin-left:3px}.game-hud__room-members-list{right:0;left:auto;min-width:150px;max-height:180px;padding:6px;font-size:12px}.game-hud__room-members-list li{padding:5px 7px}.game-hud__attendance-button,.game-hud__lms-link,.game-hud__profile-button,.game-hud__signout-button{grid-template-columns:auto;min-height:44px;padding:4px}.game-hud__attendance-label,.game-hud__attendance-total,.game-hud__lms-label,.game-hud__profile-label,.game-hud__profile-name,.game-hud__signout-label{display:none}.game-hud__attendance-stamp,.game-hud__lms-icon,.game-hud__profile-icon,.game-hud__signout-icon{grid-row:1;width:30px;height:30px;font-size:16px}.mobile-controls{top:calc(var(--canvas-bottom) + 10px);gap:0}.mobile-controls__label{display:none}.mobile-controls__pad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:1px;padding:3px;border-width:2px;border-radius:15px}.mobile-controls__button{min-width:44px;min-height:44px;font-size:18px;border-radius:10px}.mobile-controls__button--interact{font-size:12px}.lounge-chat{left:max(calc(var(--canvas-left) + 12px),calc(var(--canvas-center-x) - 165px));width:min(330px,calc(var(--canvas-width) - 24px));height:min(220px,calc(var(--overlay-content-bottom) - var(--overlay-content-top) - 16px))}.lounge-chat.lounge-chat--collapsed{top:calc(var(--canvas-bottom) + 10px);right:auto;bottom:auto;left:calc(var(--canvas-left) + 10px);width:88px}.lounge-chat.lounge-chat--collapsed .lounge-chat__heading{display:none}.lounge-chat.lounge-chat--collapsed .lounge-chat__header{justify-content:center;padding:3px;border-bottom:0;box-shadow:none}.lounge-chat.lounge-chat--collapsed .lounge-chat__toggle{width:100%;min-width:0;min-height:38px;padding:0 6px;font-size:12px}.lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__header{padding:7px 8px 7px 10px}.lounge-chat__title{font-size:15px}.lounge-chat__messages{gap:7px;padding:7px}.lounge-chat__message{padding:6px 8px 7px}.lounge-chat__name{font-size:12px}.lounge-chat__text{font-size:14px;line-height:1.45}.lounge-chat__form{gap:6px;padding:7px}.lounge-chat__send{min-width:56px;padding:0 10px;font-size:14px}.lounge-reactions{top:calc(var(--canvas-bottom) + 10px);right:max(10px,calc(100vw - var(--canvas-left) - var(--canvas-width) + 10px),env(safe-area-inset-right));left:auto;padding:3px;border-width:2px;border-radius:8px;box-shadow:inset 0 0 0 1px #d5a844,0 3px 0 rgba(53,40,31,.52);transform:none}.lounge-reactions__actions{gap:3px}.lounge-reactions__button{width:36px;height:34px;font-size:18px;border-width:1px;border-radius:6px;box-shadow:0 2px 0 #d5a844}body.mobile-chat-open .lounge-reactions{visibility:hidden;pointer-events:none;opacity:0}}@media (hover:none) and (pointer:coarse) and (orientation:portrait) and (max-width:360px){.lounge-chat.lounge-chat--collapsed{width:72px}.lounge-chat.lounge-chat--collapsed .lounge-chat__toggle{padding-inline:2px;font-size:11px}.lounge-reactions__button{width:32px;height:30px}}@media (hover:none) and (pointer:coarse) and (orientation:portrait) and (min-aspect-ratio:3/4) and (max-aspect-ratio:4/3){:root{--mobile-foldable-control-size:clamp(30px,5.2vmin,34px)}#app{width:100%;margin-left:0}.mobile-controls{top:calc(var(--canvas-bottom) + 8px);right:auto;bottom:auto;left:var(--canvas-center-x);gap:0;transform:translateX(-50%)}.mobile-controls__label{display:none}.mobile-controls__pad{grid-template-columns:repeat(3,var(--mobile-foldable-control-size));grid-template-rows:repeat(3,var(--mobile-foldable-control-size));gap:1px;padding:2px;border-width:2px;border-radius:12px}.mobile-controls__button{min-width:var(--mobile-foldable-control-size);min-height:var(--mobile-foldable-control-size);font-size:15px;border-radius:8px}.mobile-controls__button--interact{font-size:9px}.lounge-chat.lounge-chat--collapsed{top:calc(var(--canvas-bottom) + 8px);right:auto;bottom:auto;left:calc(var(--canvas-left) + 10px);width:86px;height:auto}.lounge-chat.lounge-chat--collapsed .lounge-chat__heading{display:none}.lounge-chat.lounge-chat--collapsed .lounge-chat__header{justify-content:center;padding:3px;border-bottom:0;box-shadow:none}.lounge-chat.lounge-chat--collapsed .lounge-chat__toggle{width:100%;min-width:0;min-height:36px;padding-inline:4px;font-size:11px}.lounge-reactions{top:calc(var(--canvas-bottom) + 8px);right:max(10px,calc(100vw - var(--canvas-left) - var(--canvas-width) + 10px),env(safe-area-inset-right));bottom:auto;left:auto;padding:2px;border-width:2px;border-radius:8px;transform:none}.lounge-reactions__actions{gap:2px}.lounge-reactions__button{width:32px;height:30px;font-size:16px;border-width:1px;border-radius:6px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes hud-enter{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes chat-enter{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes message-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rpg-conversation-layer{position:fixed;top:var(--canvas-top);left:var(--canvas-left);z-index:75;display:flex;align-items:flex-end;justify-content:center;width:var(--canvas-width);height:var(--canvas-height);padding:20px 0 22px;overflow:hidden;pointer-events:auto;background:transparent}.rpg-conversation{--rpg-conversation-accent:#356044;--rpg-conversation-tail-x:50%;position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;width:88%;max-height:calc(var(--canvas-height) - 42px);min-height:226px;padding:18px 22px 16px;color:#352d24;background:#fff7df;border:4px solid #5a432e;border-radius:14px;box-shadow:0 0 0 3px rgba(53,96,68,.92),8px 10px 0 rgba(47,42,36,.2),0 14px 34px rgba(47,42,36,.2);outline:none;isolation:isolate;animation:conversation-enter .15s ease-out both}.rpg-conversation__close{display:none}.rpg-conversation:before{position:absolute;top:-14px;left:var(--rpg-conversation-tail-x);z-index:-1;width:24px;height:24px;content:"";background:#fff7df;border-top:4px solid #5a432e;border-left:4px solid #5a432e;transform:translateX(-50%) rotate(45deg)}.rpg-conversation__speaker{display:flex;flex-direction:column;gap:9px;align-items:center;min-width:0}.rpg-conversation__portrait-frame{display:grid;width:116px;height:116px;overflow:hidden;background:linear-gradient(145deg,#f7e9c9,#e4cfa5);border:3px solid #65442f;border-radius:12px;box-shadow:3px 4px 0 rgba(47,42,36,.16);place-items:end center}.rpg-conversation__portrait{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;user-select:none}.rpg-conversation__speaker-name{width:100%;min-height:34px;padding:5px 8px;overflow:hidden;color:#ffffff;font-size:18px;font-weight:800;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:var(--rpg-conversation-accent);border:2px solid #35281f;border-radius:8px}.rpg-conversation__content{display:grid;grid-template-rows:minmax(74px,auto) minmax(0,auto) auto;gap:12px;min-width:0;min-height:0;overflow:hidden}.rpg-conversation__page{min-width:0;max-height:min(230px,calc(var(--canvas-height) - 300px));padding:4px 6px 2px;overflow-y:auto;color:#352d24;font-size:22px;font-weight:700;line-break:strict;text-wrap:pretty;line-height:1.78;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;word-break:auto-phrase;scrollbar-color:rgba(101,68,47,.48) transparent;scrollbar-width:thin}.rpg-conversation__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(184px,calc(var(--canvas-height) - 326px));padding:2px 6px;overflow-y:auto}.rpg-conversation__choices:empty{display:none}.rpg-conversation__choice{min-width:0;min-height:46px;padding:8px 13px;color:#352d24;font-size:18px;font-weight:800;line-height:1.35;line-break:strict;text-align:left;text-wrap:pretty;cursor:pointer;background:#fffdf5;border:2px solid #73925f;border-radius:8px;box-shadow:0 3px 0 rgba(101,68,47,.16)}.rpg-conversation__choice--secondary{background:#f7e9c9;border-color:#c08a58}.rpg-conversation__choice--danger{color:#ffffff;background:#d60000;border-color:#650000;box-shadow:0 3px 0 rgba(101,0,0,.42)}.rpg-conversation__choice.is-selected{color:#ffffff;background:var(--rpg-conversation-accent);border-color:#35281f;box-shadow:0 0 0 2px #fff7df,0 0 0 4px var(--rpg-conversation-accent)}.rpg-conversation__choice--danger.is-selected{background:#ff0000;border-color:#520000;box-shadow:0 0 0 2px #fff7df,0 0 0 5px #ff0000}.rpg-conversation__choice:focus-visible,.rpg-conversation__next:focus-visible{outline:3px solid #ffffff;outline-offset:2px;box-shadow:0 0 0 5px #234f38}.rpg-conversation__choice:disabled{cursor:wait;opacity:.72}.rpg-conversation__footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;min-width:0;min-height:32px;padding:4px 5px 0;border-top:1px solid rgba(101,68,47,.22)}.rpg-conversation__instruction{min-width:0;overflow:hidden;color:#665b50;font-size:13px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.rpg-conversation__page-count{color:#786b5d;font-size:12px;font-weight:800;white-space:nowrap}.rpg-conversation__next{display:grid;width:38px;height:32px;padding:0;color:#ffffff;font-size:17px;cursor:pointer;background:var(--rpg-conversation-accent);border:2px solid #35281f;border-radius:7px;place-items:center;animation:conversation-caret .76s ease-in-out infinite alternate}.rpg-conversation__next:after{display:none;font-weight:900;content:attr(data-mobile-label)}.rpg-conversation__next[hidden]{display:none}@media (hover:hover){.rpg-conversation__choice:hover,.rpg-conversation__next:hover{filter:brightness(1.04)}}@media (max-width:720px){.rpg-conversation-layer{padding:8px 0 10px}.rpg-conversation{grid-template-columns:1fr;gap:10px;width:calc(100% - 18px);max-height:calc(var(--canvas-height) - 18px);min-height:0;padding:12px 13px 10px;border-width:3px;border-radius:11px}.rpg-conversation:before{top:-11px;width:19px;height:19px;border-top-width:3px;border-left-width:3px}.rpg-conversation__speaker{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px}.rpg-conversation__portrait-frame{width:62px;height:62px;border-width:2px;border-radius:8px}.rpg-conversation__speaker-name{width:auto;padding-inline:11px;text-align:left}.rpg-conversation__content{gap:8px}.rpg-conversation__page{max-height:min(190px,calc(var(--canvas-height) - 230px));padding-inline:2px;font-size:22px;line-height:1.65}.rpg-conversation__choices{grid-template-columns:1fr;max-height:min(180px,calc(var(--canvas-height) - 280px));padding-inline:2px}.rpg-conversation__choice{min-height:44px}.rpg-conversation__instruction{font-size:12px}}@media (min-width:721px) and (max-height:470px){.rpg-conversation-layer{padding-block:8px}.rpg-conversation{grid-template-columns:84px minmax(0,1fr);gap:12px;width:92%;max-height:calc(var(--canvas-height) - 16px);min-height:0;padding:10px 14px 9px}.rpg-conversation__portrait-frame{width:78px;height:78px}.rpg-conversation__speaker-name{min-height:29px;font-size:14px}.rpg-conversation__page{max-height:104px;font-size:18px;line-height:1.55}.rpg-conversation__choices{max-height:116px}.rpg-conversation__choice{min-height:38px;padding-block:5px;font-size:18px}}@media (max-width:720px){.rpg-conversation{grid-template-columns:86px minmax(0,1fr);gap:10px;padding:8px 10px 7px}.rpg-conversation__speaker{display:flex;flex-direction:column;gap:6px}.rpg-conversation__portrait-frame{width:64px;height:64px}.rpg-conversation__speaker-name{width:100%;min-height:32px;padding:4px 3px;font-size:18px;text-align:center}.rpg-conversation__content{grid-template-rows:minmax(34px,auto) minmax(0,auto) auto;gap:6px}.rpg-conversation__page{max-height:min(112px,max(62px,calc(var(--canvas-height) - 105px)));padding:0 2px;font-size:18px;line-height:1.55}.rpg-conversation__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:min(94px,max(48px,calc(var(--canvas-height) - 128px)))}.rpg-conversation__choice{min-height:44px;padding:5px 8px;font-size:18px}.rpg-conversation__footer{min-height:24px;gap:6px;padding-top:2px}.rpg-conversation__instruction{font-size:11px}.rpg-conversation__next{width:34px;height:28px}}@media (hover:none),(pointer:coarse){.rpg-conversation-layer{top:0;left:0;z-index:125;align-items:stretch;width:100vw;height:100dvh;padding:0;overflow:auto;background:rgba(35,52,42,.76);backdrop-filter:blur(5px)}.rpg-conversation{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px;width:100%;max-height:none;min-height:100%;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border:0;border-radius:0;box-shadow:none;animation:none}.rpg-conversation:before{display:none}.rpg-conversation__close{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:2;display:block;min-width:68px;min-height:42px;padding:0 12px;color:#ffffff;font-size:14px;font-weight:900;cursor:pointer;background:var(--rpg-conversation-accent);border:2px solid #35281f;border-radius:8px;box-shadow:0 3px 0 #d5a844}.rpg-conversation__close:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.rpg-conversation__speaker{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;padding-right:76px}.rpg-conversation__portrait-frame{width:58px;height:58px}.rpg-conversation__speaker-name{width:auto;min-height:36px;padding:6px 9px;font-size:clamp(15px,4vw,18px);line-height:1.3;text-align:left;white-space:normal}.rpg-conversation__content{grid-template-rows:minmax(64px,1fr) minmax(0,auto) auto;gap:8px;min-height:0}.rpg-conversation__page{max-height:none;padding:4px 3px;font-size:clamp(15px,4.2vw,18px);line-height:1.55}.rpg-conversation__choices{grid-template-columns:1fr;gap:6px;max-height:min(44dvh,340px);padding:3px;overscroll-behavior:contain}.rpg-conversation__choice{min-height:44px;padding:7px 10px;font-size:clamp(14px,3.8vw,17px);line-height:1.35;overflow-wrap:anywhere}.rpg-conversation__footer{min-height:32px;gap:7px;padding-top:3px}.rpg-conversation__instruction{font-size:11px;white-space:normal}.rpg-conversation__next{width:auto;min-width:82px;height:42px;padding-inline:12px;font-size:14px;white-space:nowrap;animation:none}.rpg-conversation__next-icon{display:none}.rpg-conversation__next:after{display:inline}}@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-height:600px){.rpg-conversation{grid-template-columns:84px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:10px;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.rpg-conversation__speaker{display:flex;flex-direction:column;gap:6px;padding-right:0}.rpg-conversation__portrait-frame{width:66px;height:66px}.rpg-conversation__speaker-name{width:100%;min-height:30px;padding:4px 5px;font-size:14px;text-align:center}.rpg-conversation__content{grid-template-rows:minmax(58px,1fr) minmax(0,auto) auto;gap:6px}.rpg-conversation__page{padding-top:2px;padding-right:72px;font-size:clamp(14px,2.2vw,17px);line-height:1.45}.rpg-conversation__choices{max-height:calc(100dvh - 150px)}.rpg-conversation__choice{min-height:40px;padding-block:5px;font-size:clamp(14px,2vw,16px)}.rpg-conversation__footer{min-height:28px}.rpg-conversation__close{min-height:38px}}@keyframes conversation-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes conversation-caret{0%{transform:translateY(-1px)}to{transform:translateY(2px)}}.attendance-card-layer{position:fixed;top:var(--canvas-top);left:var(--canvas-left);z-index:85;display:grid;width:var(--canvas-width);height:var(--canvas-height);padding:8px;overflow:hidden;pointer-events:auto;background:rgba(33,45,34,.48);place-items:center;backdrop-filter:blur(1.5px)}.attendance-card{--attendance-accent:#497057;--attendance-accent-dark:#294a37;--attendance-soft:#e3ecd4;--attendance-detail:#d3a84e;position:relative;width:min(980px,100%);max-height:calc(var(--canvas-height) - 16px);padding:14px 18px 13px;overflow-y:auto;color:#352d24;background:linear-gradient(180deg,var(--attendance-soft) 0 82px,rgba(255,253,245,.98) 150px),#fffdf5;border:4px solid #5a432e;border-radius:15px;box-shadow:0 0 0 3px var(--attendance-accent),7px 9px 0 rgba(47,42,36,.22),0 18px 40px rgba(34,30,25,.3);outline:none;scrollbar-color:rgba(90,67,46,.56) transparent;scrollbar-width:thin}.attendance-card:before{position:absolute;top:0;right:0;left:0;height:9px;content:"";background:repeating-linear-gradient(90deg,var(--attendance-accent) 0 28px,var(--attendance-detail) 28px 42px);border-radius:10px 10px 0 0}.attendance-card__header{display:flex;gap:14px;align-items:end;justify-content:space-between;min-width:0;padding:5px 2px 7px}.attendance-card__header-close{display:none}.attendance-card__heading{display:flex;flex-wrap:wrap;gap:3px 12px;align-items:baseline;min-width:0}.attendance-card__eyebrow{flex:1 0 100%;margin:0;color:var(--attendance-accent-dark);font-size:16px;font-weight:800;line-height:1.3}.attendance-card__title{margin:0;color:#30281f;font-size:clamp(25px,3vw,32px);font-weight:900;line-height:1.2;letter-spacing:.02em}.attendance-card__season{margin:0 0 2px;padding:3px 9px;color:var(--attendance-accent-dark);font-size:14px;font-weight:800;background:rgba(255,253,245,.78);border:2px solid color-mix(in srgb,var(--attendance-accent) 62%,#ffffff);border-radius:999px}.attendance-card__summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 8px}.attendance-card__stat{display:flex;gap:10px;align-items:center;justify-content:center;min-height:46px;padding:5px 12px;background:rgba(255,253,245,.9);border:2px solid color-mix(in srgb,var(--attendance-accent) 54%,#a68d6b);border-radius:10px;box-shadow:0 3px 0 rgba(90,67,46,.14)}.attendance-card__stat-label,.attendance-card__stat-value{margin:0}.attendance-card__stat-label{color:#5f5346;font-size:17px;font-weight:800}.attendance-card__stat-value{color:var(--attendance-accent-dark);font-size:25px;font-weight:900;line-height:1;white-space:nowrap}.attendance-card__notice{min-height:38px;margin:0 0 8px;padding:5px 12px;color:#294a37;font-size:18px;font-weight:800;line-height:1.4;text-align:center;background:#edf3df;border:2px solid #769162;border-radius:9px}.attendance-card__notice[data-visible=false]{display:none}.attendance-card__notice[data-tone=success]{color:#254631;background:#e4f0d7;border-color:#648253}.attendance-card__notice[data-tone=error]{color:#742c2d;background:#fde3dc;border-color:#b65a55}.attendance-card__notice[data-tone=info]{color:#59441e;background:#fff0c9;border-color:#b58a38}.attendance-card__main{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(292px,.9fr);gap:12px;align-items:start}.attendance-card__calendar-column{min-width:0}.attendance-card__badges{min-width:0;padding:10px;background:linear-gradient(145deg,rgba(255,253,245,.98),rgba(244,238,221,.96)),#fffdf5;border:3px solid #5a432e;border-radius:11px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--attendance-detail) 34%,transparent),0 3px 0 rgba(90,67,46,.13)}.attendance-card__badges-heading{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:7px;border-bottom:2px solid color-mix(in srgb,var(--attendance-accent) 34%,#e5dccb)}.attendance-card__badges-count,.attendance-card__badges-title,.attendance-card__earned-label,.attendance-card__next-label{margin:0;font-weight:900}.attendance-card__badges-title{color:#352d24;font-size:21px;line-height:1.25}.attendance-card__badges-count{flex:0 0 auto;padding:3px 8px;color:var(--attendance-accent-dark);font-size:16px;line-height:1.35;background:var(--attendance-soft);border:1px solid color-mix(in srgb,var(--attendance-accent) 55%,#ffffff);border-radius:999px}.attendance-card__earned-label,.attendance-card__next-label{color:#5c4c3e;font-size:16px;line-height:1.4}.attendance-card__earned-list{display:grid;gap:6px;margin:6px 0 10px;padding:0;list-style:none}.attendance-card__earned-empty{padding:8px 9px;color:#66594c;font-size:15px;font-weight:700;line-height:1.55;background:rgba(255,255,255,.58);border:1px dashed #a89a86;border-radius:8px}.attendance-card__badge{display:flex;gap:9px;align-items:center;min-width:0;padding:5px 7px;background:rgba(255,255,255,.7);border:1px solid #d5c5aa;border-radius:9px}.attendance-card__badge-complete>div,.attendance-card__badge-copy,.attendance-card__next-copy{display:grid;min-width:0}.attendance-card__badge-name,.attendance-card__next-name{color:#342b22;font-size:17px;font-weight:900;line-height:1.35}.attendance-card__badge-condition,.attendance-card__next-condition{color:#67594b;font-size:16px;font-weight:800;line-height:1.35}.attendance-card__badge-icon{--badge-color:#628261;--badge-dark:#365138;--badge-light:#dcebd7;position:relative;isolation:isolate;display:grid;flex:0 0 auto;width:44px;height:44px;color:var(--badge-dark);font-size:20px;font-weight:900;line-height:1;background:radial-gradient(circle at 35% 28%,#ffffff 0 9%,transparent 10%),radial-gradient(circle,var(--badge-light) 0 48%,var(--badge-color) 49% 62%,var(--badge-dark) 63% 100%);border:2px solid #fff7df;border-radius:50%;box-shadow:0 0 0 2px var(--badge-dark),0 3px 0 rgba(72,55,39,.2);place-items:center}.attendance-card__badge-icon:after{position:absolute;right:5px;bottom:-5px;left:5px;z-index:-1;height:12px;content:"";background:var(--badge-color);border:2px solid var(--badge-dark);clip-path:polygon(0 0,42% 0,50% 100%,58% 0,100% 0,83% 100%,50% 64%,17% 100%)}.attendance-card__badge-icon[data-badge-theme=sprout]{--badge-color:#6e9763;--badge-dark:#34583b;--badge-light:#e2efcf}.attendance-card__badge-icon[data-badge-theme=rhythm]{--badge-color:#bd9142;--badge-dark:#72501f;--badge-light:#fff0bc}.attendance-card__badge-icon[data-badge-theme=continuity]{--badge-color:#657fa7;--badge-dark:#344c74;--badge-light:#e0e9f5}.attendance-card__badge-icon[data-badge-theme=master]{--badge-color:#a26779;--badge-dark:#623b51;--badge-light:#f4dfe7}.attendance-card__next-badge{padding:9px;background:color-mix(in srgb,var(--attendance-soft) 48%,#fffdf6);border:2px solid color-mix(in srgb,var(--attendance-accent) 54%,#9d8665);border-radius:10px}.attendance-card__next-lead{display:flex;gap:11px;align-items:center;margin:6px 0 8px}.attendance-card__next-name{font-size:19px}.attendance-card__progress-status{display:flex;gap:8px;align-items:baseline;justify-content:space-between;margin:5px 0;color:#46392d;font-size:16px;line-height:1.4}.attendance-card__remaining{color:var(--attendance-accent-dark);font-size:19px;font-weight:900}.attendance-card__progress{display:block;width:100%;height:18px;overflow:hidden;accent-color:var(--attendance-accent);background:#ded8c9;border:2px solid #5a432e;border-radius:999px}.attendance-card__progress::-webkit-progress-bar{background:#ded8c9;border-radius:999px}.attendance-card__progress::-webkit-progress-value{background:linear-gradient(90deg,var(--attendance-accent),var(--attendance-detail));border-radius:999px}.attendance-card__progress::-moz-progress-bar{background:linear-gradient(90deg,var(--attendance-accent),var(--attendance-detail));border-radius:999px}.attendance-card__progress-text{margin-top:3px;color:#67594b;font-size:16px;font-weight:800;line-height:1.35;text-align:right}.attendance-card__badge-complete{display:flex;gap:11px;align-items:center;margin-top:7px;padding:7px 3px 4px}.attendance-card__badge-complete strong{color:#3d342a;font-size:17px;line-height:1.45}.attendance-card__badge-complete span{color:#65584b;font-size:14px;font-weight:700;line-height:1.5}.attendance-card__celebration-layer{position:absolute;inset:0;z-index:4;display:grid;padding:18px;background:rgba(38,45,35,.57);place-items:center;backdrop-filter:blur(1px)}.attendance-card__celebration{width:min(560px,100%);max-height:100%;padding:24px 24px 21px;overflow-y:auto;overscroll-behavior:contain;color:#342b22;text-align:center;background:radial-gradient(circle at 12% 12%,rgba(211,168,78,.15) 0 4px,transparent 5px),radial-gradient(circle at 88% 16%,rgba(73,112,87,.15) 0 5px,transparent 6px),linear-gradient(180deg,#fffdf4,#f6eedc);border:4px solid #5a432e;border-radius:16px;box-shadow:0 0 0 4px #d3a84e,0 16px 38px rgba(31,27,22,.34);animation:attendance-celebration-in .24s ease-out both}.attendance-card__celebration-crest{display:grid;min-height:78px;margin-bottom:2px;place-items:center}.attendance-card__celebration-crest .attendance-card__badge-icon{width:68px;height:68px;font-size:30px;box-shadow:0 0 0 3px var(--badge-dark),0 5px 0 rgba(72,55,39,.2)}.attendance-card__celebration-achievement,.attendance-card__celebration-message,.attendance-card__celebration-title{margin:0}.attendance-card__celebration-achievement{color:var(--attendance-accent-dark);font-size:clamp(24px,3.5vw,32px);font-weight:900;line-height:1.35}.attendance-card__celebration-title{margin-top:6px;color:#35291f;font-size:clamp(21px,3vw,27px);font-weight:900;line-height:1.45}.attendance-card__celebration-message{margin-top:8px;color:#5e5145;font-size:18px;font-weight:800;line-height:1.7}.attendance-card__celebration-close{min-width:150px;min-height:46px;margin-top:17px;padding:8px 24px;color:#ffffff;font-size:18px;font-weight:900;cursor:pointer;background:var(--attendance-accent);border:2px solid #35281f;border-radius:9px;box-shadow:0 3px 0 rgba(53,40,31,.24)}.attendance-card__month-nav{display:grid;grid-template-columns:minmax(124px,auto) minmax(150px,1fr) minmax(124px,auto);gap:9px;align-items:center;margin-bottom:8px}.attendance-card__month-label{color:#352d24;font-size:21px;font-weight:900;text-align:center}.attendance-card__close,.attendance-card__month-button{min-height:42px;padding:7px 13px;color:#ffffff;font-size:16px;font-weight:800;cursor:pointer;background:var(--attendance-accent);border:2px solid #35281f;border-radius:8px;box-shadow:0 3px 0 rgba(53,40,31,.24)}.attendance-card__month-button{display:inline-flex;gap:7px;align-items:center;justify-content:center}.attendance-card__month-button span[aria-hidden=true]{font-size:25px;line-height:.7}.attendance-card__month-button:disabled{color:#766b5e;cursor:not-allowed;background:#ded8c9;border-color:#9d917f;box-shadow:none;opacity:.78}.attendance-card__celebration-close:focus-visible,.attendance-card__close:focus-visible,.attendance-card__month-button:focus-visible{outline:3px solid #d5a844;outline-offset:2px}.attendance-card__calendar{overflow:hidden;background:#fffefa;border:3px solid #5a432e;border-radius:10px}.attendance-card__week,.attendance-card__weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.attendance-card__days{display:block}.attendance-card__weekdays{color:#ffffff;background:var(--attendance-accent)}.attendance-card__weekday{padding:3px 2px;font-size:17px;font-weight:900;line-height:1.35;text-align:center;border-right:1px solid rgba(255,255,255,.27)}.attendance-card__weekday:first-child{color:#ffe2d8}.attendance-card__weekday:last-child{color:#dce9ff;border-right:0}.attendance-card__day{position:relative;display:grid;min-width:0;min-height:37px;padding:3px;overflow:hidden;background:rgba(255,253,245,.94);border-right:1px solid #ded1bb;border-bottom:1px solid #ded1bb;place-items:center}.attendance-card__day:last-child{border-right:0}.attendance-card__week:last-child .attendance-card__day{border-bottom:0}.attendance-card__day--empty{background:#f2eadb}.attendance-card__day--today{background:#fff2bf;box-shadow:inset 0 0 0 3px var(--attendance-detail)}.attendance-card__day--attended{background:radial-gradient(circle at 50% 55%,var(--attendance-soft) 0 35%,transparent 36%),#fffdf5}.attendance-card__day-number{position:absolute;top:2px;left:5px;color:#564b40;font-size:16px;font-weight:800;line-height:1}.attendance-card__stamp{display:grid;width:31px;height:31px;color:#a72f36;font-size:20px;font-weight:900;line-height:1;background:rgba(255,252,240,.86);border:2px solid #b94348;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(185,67,72,.16);place-items:center;transform:rotate(-7deg);animation:attendance-stamp-in .22s ease-out both}.attendance-card__storage-note{margin:8px 0 0;padding:7px 10px;color:#75302f;font-size:15px;font-weight:800;background:#fde4dc;border:2px solid #bf665d;border-radius:8px}.attendance-card__storage-note[hidden]{display:none}.attendance-card__footer{display:flex;gap:14px;align-items:center;justify-content:space-between;min-height:45px;padding-top:8px}.attendance-card__help{margin:0;color:#6a5e51;font-size:15px;font-weight:700}.attendance-card__close{min-width:116px}.attendance-card[data-theme=new-year]{--attendance-accent:#9b3c43;--attendance-accent-dark:#69282e;--attendance-soft:#f4dfd8;--attendance-detail:#c59b32}.attendance-card[data-theme=plum]{--attendance-accent:#9c5875;--attendance-accent-dark:#6e3650;--attendance-soft:#f0dfe7;--attendance-detail:#c89b45}.attendance-card[data-theme=spring]{--attendance-accent:#477044;--attendance-accent-dark:#3f623d;--attendance-soft:#e6edd2;--attendance-detail:#d6a84c}.attendance-card[data-theme=cherry]{--attendance-accent:#8f485d;--attendance-accent-dark:#7f4052;--attendance-soft:#f6e0e3;--attendance-detail:#7c9e68}.attendance-card[data-theme=fresh-green]{--attendance-accent:#4e7c51;--attendance-accent-dark:#315937;--attendance-soft:#dbead3;--attendance-detail:#d5a844}.attendance-card[data-theme=hydrangea]{--attendance-accent:#6173a2;--attendance-accent-dark:#40527e;--attendance-soft:#e1e4f2;--attendance-detail:#8a629d}.attendance-card[data-theme=star-festival]{--attendance-accent:#3f7181;--attendance-accent-dark:#28515f;--attendance-soft:#d9eced;--attendance-detail:#d6ac46}.attendance-card[data-theme=sunflower]{--attendance-accent:#7d5520;--attendance-accent-dark:#6d4b1d;--attendance-soft:#f4e8bf;--attendance-detail:#d39a28}.attendance-card[data-theme=harvest-moon]{--attendance-accent:#7c6643;--attendance-accent-dark:#57472f;--attendance-soft:#eee3c9;--attendance-detail:#c6933e}.attendance-card[data-theme=autumn]{--attendance-accent:#9b5534;--attendance-accent-dark:#6d3924;--attendance-soft:#f1dfca;--attendance-detail:#b98636}.attendance-card[data-theme=ginkgo]{--attendance-accent:#8b7134;--attendance-accent-dark:#5d4a21;--attendance-soft:#f0e7c5;--attendance-detail:#b85b3e}.attendance-card[data-theme=snow]{--attendance-accent:#53788a;--attendance-accent-dark:#355565;--attendance-soft:#deebed;--attendance-detail:#c89548}@media (hover:hover){.attendance-card__celebration-close:hover,.attendance-card__close:hover,.attendance-card__month-button:not(:disabled):hover{filter:brightness(1.07)}}@media (max-width:720px){.attendance-card-layer{top:var(--overlay-content-top);bottom:calc(100vh - var(--overlay-content-bottom));height:auto;padding:8px}.attendance-card{max-height:100%;padding:12px 10px 10px;border-width:3px;border-radius:11px}.attendance-card__header{padding-top:4px}.attendance-card__eyebrow{font-size:14px}.attendance-card__title{font-size:23px}.attendance-card__season{font-size:12px}.attendance-card__stat{gap:5px;min-height:46px;padding:5px 7px}.attendance-card__stat-label{font-size:15px}.attendance-card__stat-value{font-size:21px}.attendance-card__notice{font-size:16px}.attendance-card__main{grid-template-columns:1fr}.attendance-card__earned-list{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-card__celebration-layer{padding:12px}.attendance-card__celebration{padding:20px 14px 18px;border-width:3px}.attendance-card__month-nav{grid-template-columns:minmax(88px,auto) minmax(110px,1fr) minmax(88px,auto);gap:5px}.attendance-card__month-button{min-height:44px;padding-inline:7px;font-size:16px}.attendance-card__month-label{font-size:18px}.attendance-card__weekday{font-size:15px}.attendance-card__day{min-height:40px}.attendance-card__stamp{width:28px;height:28px;font-size:18px}.attendance-card__footer{position:sticky;bottom:-10px;padding:8px 2px 2px;background:rgba(255,253,245,.96)}.attendance-card__help{font-size:14px}.attendance-card__close{min-height:44px}}@media (max-width:430px){.attendance-card__heading{gap:2px 6px}.attendance-card__season{display:none}.attendance-card__badges{padding:8px}.attendance-card__progress-status{align-items:flex-start;flex-direction:column;gap:1px}.attendance-card__celebration-message{font-size:17px}.attendance-card__month-button span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.attendance-card__month-nav{grid-template-columns:48px minmax(120px,1fr) 48px}.attendance-card__help{display:none}.attendance-card__close{width:100%}}@media (prefers-reduced-motion:reduce){.attendance-card__celebration,.attendance-card__stamp{animation:none}}@keyframes attendance-celebration-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes attendance-stamp-in{0%{opacity:0;transform:scale(1.45) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(-7deg)}}.breakout-active .game-hud{display:none}.breakout-active canvas{cursor:crosshair;touch-action:none}.breakout-ui{position:fixed;top:var(--canvas-top);left:var(--canvas-left);z-index:90;width:var(--canvas-width);height:var(--canvas-height);overflow:hidden;color:#fdf7df;font-family:var(--font-sans);font-weight:700;pointer-events:none}.breakout-ui [hidden]{display:none!important}.breakout-ui__hud{position:absolute;top:clamp(7px,1.5%,14px);right:clamp(8px,1.6%,18px);left:clamp(8px,1.6%,18px);display:flex;gap:clamp(7px,1.4vw,18px);align-items:center;min-height:70px;padding:8px 10px;background:rgba(7,19,31,.94);border:2px solid rgba(216,239,255,.72);border-radius:10px;box-shadow:0 5px 0 rgba(3,10,18,.7),0 10px 22px rgba(0,0,0,.24)}.breakout-ui__stats{display:grid;flex:1 1 auto;grid-template-columns:repeat(4,minmax(70px,1fr));gap:clamp(4px,.8vw,10px);min-width:0;margin:0}.breakout-ui__stat{min-width:0;padding:3px 8px;border-left:3px solid #5db5ea}.breakout-ui__stat-label,.breakout-ui__stat-value{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}.breakout-ui__stat-label{overflow:hidden;color:#b9d3df;font-size:clamp(10px,1.2vw,14px);font-weight:700;line-height:1.15;text-overflow:ellipsis}.breakout-ui__stat-value{overflow:hidden;color:#fff8da;font-size:clamp(16px,1.8vw,23px);font-weight:900;line-height:1.25;text-overflow:ellipsis}.breakout-ui__mode-badge{flex:0 1 auto;margin:0;padding:5px 8px;color:#182437;font-size:clamp(11px,1.15vw,14px);line-height:1.25;text-align:center;background:#ffe39d;border:2px solid #fff3ca;border-radius:7px}.breakout-ui__controls{display:flex;flex:0 0 auto;gap:7px;pointer-events:auto}.breakout-ui__button,.breakout-ui__control{min-height:44px;color:#172638;font-family:inherit;font-weight:900;line-height:1.2;background:#f9f2d8;border:2px solid #172638;border-radius:8px;box-shadow:0 3px 0 #172638;cursor:pointer}.breakout-ui__control{min-width:82px;padding:7px 10px;font-size:clamp(12px,1.2vw,15px)}.breakout-ui__button:hover,.breakout-ui__control:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.breakout-ui__button:active,.breakout-ui__control:active:not(:disabled){box-shadow:0 1px 0 #172638;transform:translateY(2px)}.breakout-ui__button:focus-visible,.breakout-ui__control:focus-visible{outline:4px solid #ffcf4f;outline-offset:2px}.breakout-ui__control:disabled{opacity:.48;cursor:default;box-shadow:none}.breakout-ui__control--sound[data-enabled=false]{color:#fdf7df;background:#49576a}.breakout-ui__control--return{color:#fff8ec;background:#a44d4a}.breakout-ui__panel-layer{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(14px,4%,44px);overflow:auto;pointer-events:auto;background:rgba(2,10,18,.76);backdrop-filter:blur(3px)}.breakout-ui__panel{width:min(720px,100%);max-height:100%;padding:clamp(20px,4vw,42px);overflow:auto;color:#1b2a39;text-align:center;background:linear-gradient(rgba(255,249,225,.98),rgba(255,249,225,.98)),repeating-linear-gradient(0deg,transparent 0 7px,rgba(38,72,91,.06) 7px 8px);border:4px solid #5db5ea;border-radius:16px;box-shadow:0 8px 0 #07131f,0 22px 44px rgba(0,0,0,.44);animation:breakout-panel-in .18s ease-out both}.breakout-ui__panel[data-tone=success]{border-color:#65b879}.breakout-ui__panel[data-tone=warning]{border-color:#e5b950}.breakout-ui__panel[data-tone=danger]{border-color:#d7695e}.breakout-ui__panel[data-tone=complete]{border-color:#f0bf3d;box-shadow:0 8px 0 #5c4310,0 0 0 5px rgba(255,244,184,.26),0 24px 50px rgba(0,0,0,.48)}.breakout-ui__panel-eyebrow{margin:0 0 8px;color:#356a83;font-size:clamp(12px,1.4vw,16px);font-weight:900;letter-spacing:.08em}.breakout-ui__panel-title{margin:0;color:#0c2638;font-size:clamp(30px,5vw,54px);font-weight:900;line-height:1.05;letter-spacing:.03em}.breakout-ui__panel-message{margin:16px auto 0;font-size:clamp(16px,2vw,22px);line-height:1.55}.breakout-ui__panel-details{margin:15px auto 0;color:#425466;font-size:clamp(13px,1.45vw,17px);line-height:1.55}.breakout-ui__panel-details--list{display:grid;gap:5px;max-width:600px;padding:0;list-style:none}.breakout-ui__panel-detail{margin:0}.breakout-ui__panel-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:clamp(20px,3vw,30px)}.breakout-ui__button{min-width:150px;padding:11px 18px;font-size:clamp(14px,1.6vw,18px)}.breakout-ui__button--primary{color:#08131f;background:#6bc2f0}.breakout-ui__button--secondary{color:#193326;background:#a9dfb5}.breakout-ui__button--quiet{color:#24384b;background:#fff8e0}.breakout-ui__button--danger{color:#fff9e9;background:#b74e49}.breakout-ui__ready{position:absolute;top:72%;left:50%;width:max-content;max-width:calc(100% - 28px);margin:0;padding:10px 18px;color:#102233;font-size:clamp(14px,1.7vw,20px);font-weight:900;line-height:1.3;text-align:center;background:rgba(255,248,218,.96);border:3px solid #5db5ea;border-radius:10px;box-shadow:0 4px 0 rgba(3,10,18,.75);transform:translate(-50%,-50%)}.breakout-ui__live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.breakout-ui__orientation-guard{display:none}@media (max-height:540px),(max-width:760px){.breakout-ui__hud{min-height:54px;padding:5px 6px}.breakout-ui__stats{grid-template-columns:repeat(2,minmax(72px,1fr))}.breakout-ui__stat{padding:1px 5px}.breakout-ui__mode-badge{display:none}.breakout-ui__control{min-width:54px;min-height:40px;padding:5px 7px}.breakout-ui__panel{padding:18px 14px}.breakout-ui__panel-actions{gap:7px;margin-top:16px}.breakout-ui__button{min-width:132px;min-height:42px;padding:8px 11px}}@media (max-width:480px){.breakout-ui__hud{align-items:stretch}.breakout-ui__stat--best-level{display:none}.breakout-ui__stats{grid-template-columns:repeat(3,minmax(48px,1fr))}.breakout-ui__controls{flex-direction:column;gap:3px}.breakout-ui__control{min-height:32px;font-size:10px}.breakout-ui__panel-actions{flex-direction:column}.breakout-ui__button{width:100%}}@media (hover:none) and (pointer:coarse) and (orientation:portrait){body.breakout-active{background:#07131f}body.breakout-active #app{width:100%;height:100dvh;margin:0}body.breakout-active canvas{position:fixed;top:calc(max(8px, env(safe-area-inset-top)) + 92px)!important;left:max(6px,env(safe-area-inset-left))!important;width:calc(100vw - max(6px, env(safe-area-inset-left)) - max(6px, env(safe-area-inset-right)))!important;height:min(110vw,calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)) - 102px))!important;margin:0!important;border-width:2px;border-radius:10px;box-shadow:0 5px 0 #030a12,0 12px 28px rgba(0,0,0,.38)}.breakout-ui{position:fixed;inset:0;width:100vw;height:100dvh;overflow:hidden}.breakout-ui__hud{top:max(8px,env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right));left:max(6px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr);gap:4px;min-height:84px;padding:5px 6px;border-radius:9px}.breakout-ui__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.breakout-ui__stat{padding:0 4px;border-left-width:2px}.breakout-ui__mode-badge,.breakout-ui__stat--best-level{display:none}.breakout-ui__stat-label{font-size:9px}.breakout-ui__stat-value{font-size:14px}.breakout-ui__controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.breakout-ui__control{width:100%;min-width:0;min-height:31px;padding:3px 5px;font-size:10px;white-space:nowrap}.breakout-ui__panel-layer{position:fixed;inset:0;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(2,10,18,.9)}.breakout-ui__panel{width:100%;max-height:100%;padding:18px 14px;border-width:3px;border-radius:14px}.breakout-ui__panel-title{font-size:clamp(28px,9vw,40px)}.breakout-ui__panel-message{margin-top:10px;font-size:15px}.breakout-ui__panel-details{margin-top:10px;font-size:12px}.breakout-ui__panel-actions{gap:7px;margin-top:14px}.breakout-ui__button{min-height:42px;font-size:14px}.breakout-ui__ready{top:calc(var(--canvas-bottom) + 52px);bottom:auto;padding:9px 13px;font-size:13px}.breakout-ui:not(:has(.breakout-ui__panel-layer:not([hidden]))):after{position:absolute;top:calc(var(--canvas-bottom) + 12px);left:50%;width:max-content;max-width:calc(100vw - 24px);color:#cfe9f7;font-size:12px;font-weight:800;text-align:center;pointer-events:none;content:"ゲーム盤を左右になぞってパドルを操作";transform:translateX(-50%)}}@media (hover:none) and (pointer:coarse) and (orientation:landscape){body.breakout-active #app{width:100%;margin:0}body.breakout-active canvas{visibility:hidden}.breakout-ui{position:fixed;inset:0;width:100vw;height:100dvh;color:#fff8df;background:radial-gradient(circle at 50% 15%,rgba(93,181,234,.2),transparent 42%),#07131f}.breakout-ui__hud,.breakout-ui__panel-layer,.breakout-ui__ready{display:none!important}.breakout-ui__orientation-guard{position:absolute;inset:0;z-index:4;display:grid;align-content:center;justify-items:center;gap:8px;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow-y:auto;text-align:center;pointer-events:auto}.breakout-ui__orientation-icon{font-size:clamp(36px,10vh,58px);line-height:1;transform:rotate(-90deg)}.breakout-ui__orientation-guard strong{font-size:clamp(22px,6vw,34px);line-height:1.25}.breakout-ui__orientation-guard p{max-width:620px;margin:0;color:#cfe9f7;font-size:clamp(13px,3vw,17px);line-height:1.55}}@media (prefers-reduced-motion:reduce){.breakout-ui__button,.breakout-ui__control,.breakout-ui__panel{animation:none;transition:none}}@keyframes breakout-panel-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.game-direct-message-layer{position:fixed;top:var(--canvas-top);left:var(--canvas-left);z-index:89;display:grid;width:var(--canvas-width);height:var(--canvas-height);padding:16px;overflow:hidden;pointer-events:auto;background:rgba(27,39,30,.58);place-items:center;backdrop-filter:blur(3px)}body:has(.game-direct-message-layer) .game-hud,body:has(.game-direct-message-layer) .lounge-chat,body:has(.game-direct-message-layer) .lounge-reactions{visibility:hidden;pointer-events:none}.game-direct-message{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(820px,100%);height:min(650px,calc(var(--canvas-height) - 32px));min-height:0;overflow:hidden;color:#352d24;background:#fffdf5;border:4px solid #5a432e;border-radius:16px;box-shadow:0 0 0 3px #54725b,8px 10px 0 rgba(47,42,36,.24),0 20px 42px rgba(34,30,25,.34);outline:none}.game-direct-message:not(.game-direct-message--ready){grid-template-rows:auto minmax(0,1fr)}.game-direct-message__header{display:flex;gap:13px;align-items:center;min-height:84px;padding:13px 16px;color:#fffdf5;background:linear-gradient(135deg,#476d53,#284a36);border-bottom:4px solid #5a432e}.game-direct-message__avatar{display:grid;flex:0 0 auto;width:52px;height:52px;overflow:hidden;color:#fffdf5;font-size:22px;font-weight:900;background:#6d8a70;border:3px solid #fff2cf;border-radius:50%;place-items:center}.game-direct-message__avatar img{width:100%;height:100%;object-fit:cover}.game-direct-message__header>div{min-width:0}.game-direct-message__header h2,.game-direct-message__header p{margin:0}.game-direct-message__header p{color:#e5f0db;font-size:14px;font-weight:900}.game-direct-message__header h2{overflow:hidden;color:#fffdf5;font-size:clamp(22px,3vw,30px);font-weight:900;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.game-direct-message__close{display:grid;flex:0 0 auto;width:48px;height:48px;margin-left:auto;padding:0;color:#352d24;font-size:30px;font-weight:900;cursor:pointer;background:#fff2cf;border:3px solid #35281f;border-radius:50%;box-shadow:0 3px 0 rgba(53,40,31,.26);place-items:center}.game-direct-message__messages{display:flex;min-height:0;padding:18px;overflow-y:auto;background:linear-gradient(rgba(255,253,245,.88),rgba(255,253,245,.88)),repeating-linear-gradient(0deg,transparent 0 31px,rgba(83,112,88,.1) 31px 32px);flex-direction:column;gap:12px;overscroll-behavior:contain}.game-direct-message__message{display:grid;gap:5px;width:fit-content;max-width:min(76%,560px)}.game-direct-message__message.is-own{align-self:flex-end;justify-items:end}.game-direct-message__message.is-other{align-self:flex-start;justify-items:start}.game-direct-message__message p{margin:0;padding:11px 14px;overflow-wrap:anywhere;color:#352d24;font-size:17px;font-weight:800;line-height:1.55;white-space:pre-wrap;background:#fff;border:2px solid #bba98f;border-radius:15px 15px 15px 4px;box-shadow:0 3px 0 rgba(53,40,31,.11)}.game-direct-message__message.is-own p{color:#173222;background:#cfe8c8;border-color:#5f855f;border-radius:15px 15px 4px}.game-direct-message__message time{color:#5a5147;font-size:13px;font-weight:800}.game-direct-message__empty{margin:auto;padding:18px;color:#4e453c;font-size:17px;font-weight:900;text-align:center;background:rgba(255,255,255,.78);border:2px solid #cfc1ab;border-radius:12px}.game-direct-message__composer{display:grid;gap:8px;padding:12px 14px 14px;background:#f2dfb9;border-top:3px solid #5a432e}.game-direct-message__composer label{display:grid;gap:5px}.game-direct-message__composer label>span{color:#3c332a;font-size:15px;font-weight:900}.game-direct-message__composer textarea{width:100%;min-height:72px;max-height:150px;padding:10px 12px;color:#352d24;font:inherit;font-size:17px;font-weight:800;line-height:1.5;resize:vertical;background:#fffef9;border:3px solid #8e795c;border-radius:10px;outline:none}.game-direct-message__composer textarea:focus{border-color:#315740;box-shadow:0 0 0 3px rgba(49,87,64,.2)}.game-direct-message__emoji{display:flex;gap:6px;overflow-x:auto;padding:1px 1px 4px}.game-direct-message__emoji button{flex:0 0 auto;min-width:44px;min-height:44px;padding:5px;font-size:20px;cursor:pointer;background:#fffdf5;border:2px solid #8e795c;border-radius:9px}.game-direct-message__composer-footer{display:flex;gap:10px;align-items:center;justify-content:space-between}.game-direct-message__composer-footer p{margin:0;color:#78363a;font-size:14px;font-weight:900}.game-direct-message__button{min-width:116px;min-height:46px;padding:8px 16px;color:#352d24;font-size:16px;font-weight:900;cursor:pointer;border:3px solid #35281f;border-radius:9px;box-shadow:0 3px 0 rgba(53,40,31,.22)}.game-direct-message__button--primary{color:#fffdf5;background:linear-gradient(180deg,#4d7759,#315740)}.game-direct-message__button--secondary{background:#f7ead0}.game-direct-message__button:disabled{cursor:wait;opacity:.7}.game-direct-message__button:focus-visible,.game-direct-message__close:focus-visible,.game-direct-message__emoji button:focus-visible{outline:4px solid #d5a844;outline-offset:2px}.game-direct-message__error,.game-direct-message__loading,.game-direct-message__unavailable{align-self:center;margin:auto;padding:20px;color:#3f372f;font-size:18px;font-weight:900;line-height:1.7;text-align:center}.game-direct-message__error{color:#7a3034}.game-direct-message__error-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0 18px 24px}.game-direct-message__unavailable{width:100%;margin:0;padding:15px;color:#65491c;background:#fff0c9;border-top:3px solid #b78335}@media (max-height:520px),(max-width:720px){.game-direct-message-layer{padding:8px}.game-direct-message{height:calc(var(--canvas-height) - 16px)}.game-direct-message__header{min-height:72px;padding:9px 11px}.game-direct-message__avatar{width:46px;height:46px}.game-direct-message__messages{padding:12px 10px}.game-direct-message__message{max-width:88%}.game-direct-message__message p{font-size:16px}.game-direct-message__composer{padding:9px 10px 10px}.game-direct-message__composer textarea{min-height:58px;max-height:94px}}.member-profile-layer{position:fixed;top:var(--canvas-top);left:var(--canvas-left);z-index:88;display:grid;width:var(--canvas-width);height:var(--canvas-height);padding:18px;overflow:hidden;pointer-events:auto;background:rgba(33,45,34,.52);place-items:center;backdrop-filter:blur(2px)}.member-profile{width:min(760px,100%);max-height:calc(var(--canvas-height) - 36px);padding:22px;overflow-y:auto;color:#352d24;background:linear-gradient(180deg,#e7eedb 0 88px,#fffdf5 150px),#fffdf5;border:4px solid #5a432e;border-radius:15px;box-shadow:0 0 0 3px #54725b,7px 9px 0 rgba(47,42,36,.22),0 18px 40px rgba(34,30,25,.3);outline:none}.member-profile__header{display:flex;gap:13px;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #b7c8a9}.member-profile__header-close{display:none}.member-profile__avatar{display:grid;flex:0 0 auto;width:54px;height:54px;color:#fffdf5;font-size:25px;font-weight:900;background:linear-gradient(180deg,#557960,#385942);border:3px solid #35281f;border-radius:50%;box-shadow:0 3px 0 rgba(53,40,31,.24);place-items:center}.member-profile__avatar.has-profile-image{overflow:hidden;background:#fffdf5}.member-profile__eyebrow,.member-profile__title{margin:0}.member-profile__eyebrow{color:#47634d;font-size:14px;font-weight:800}.member-profile__title{color:#30281f;font-size:clamp(24px,3vw,31px);font-weight:900;line-height:1.25}.member-profile__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-profile__image-field{display:flex;grid-column:1/-1;gap:14px;align-items:center;padding:12px 14px;background:#f4f7ed;border:2px solid #b7c8a9;border-radius:10px}.member-profile__image-preview{display:grid;flex:0 0 auto;width:76px;height:76px;overflow:hidden;color:#fffdf5;font-size:30px;font-weight:900;background:linear-gradient(180deg,#557960,#385942);border:3px solid #35281f;border-radius:50%;place-items:center}.member-profile__image-controls{display:grid;gap:5px;min-width:0}.member-profile__image-picker{position:relative;width:fit-content;min-height:40px;padding:8px 14px;overflow:hidden;color:#fffdf5;font-size:14px;font-weight:900;cursor:pointer;background:linear-gradient(180deg,#557960,#385942);border:2px solid #35281f;border-radius:8px;box-shadow:0 3px 0 rgba(53,40,31,.22)}.member-profile__image-picker:focus-within{outline:3px solid #d5a844;outline-offset:2px}.member-profile__image-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.member-profile__field{display:grid;gap:5px;min-width:0}.member-profile__actions,.member-profile__dm-preference,.member-profile__field[data-field=communityUrl],.member-profile__field[data-field=introduction],.member-profile__privacy,.member-profile__status{grid-column:1/-1}.member-profile__field-label{color:#3f352b;font-size:15px;font-weight:900}.member-profile__input{width:100%;min-height:44px;padding:9px 11px;color:#352d24;font:inherit;font-size:16px;font-weight:700;background:#fffef9;border:2px solid #9a8668;border-radius:8px;outline:none}textarea.member-profile__input{min-height:92px;resize:vertical}.member-profile__input:focus{border-color:#386348;box-shadow:0 0 0 3px rgba(76,112,84,.2)}.member-profile__field-error,.member-profile__field-help,.member-profile__privacy,.member-profile__status{margin:0;line-height:1.5}.member-profile__field-help{color:#65594c;font-size:13px;font-weight:700}.member-profile__field-error{min-height:1.3em;color:#8d3536;font-size:13px;font-weight:800}.member-profile__dm-preference{display:grid;gap:11px;padding:14px;background:#edf5eb;border:2px solid #8eaa8d;border-radius:10px}.member-profile__dm-preference-heading{display:grid;gap:3px}.member-profile__dm-preference-heading h3,.member-profile__dm-preference-heading p,.member-profile__dm-preference-status{margin:0}.member-profile__dm-preference-heading h3{color:#2f5639;font-size:18px;font-weight:900}.member-profile__dm-preference-heading p{color:#4e604f;font-size:16px;font-weight:800;line-height:1.55}.member-profile__dm-preference-toggle{display:flex;min-height:56px;gap:12px;align-items:center;padding:10px 12px;cursor:pointer;background:#fffef9;border:2px solid #9a8668;border-radius:9px}.member-profile__dm-preference-toggle:focus-within{border-color:#386348;box-shadow:0 0 0 3px rgba(76,112,84,.2)}.member-profile__dm-preference-toggle input{width:30px;height:30px;flex:0 0 auto;accent-color:#315740}.member-profile__dm-preference-toggle>span{display:grid;gap:2px}.member-profile__dm-preference-toggle strong{color:#352d24;font-size:16px;font-weight:900}.member-profile__dm-preference-toggle small{color:#65594c;font-size:15px;font-weight:800;line-height:1.45}.member-profile__dm-preference-status{min-height:24px;color:#4e604f;font-size:16px;font-weight:900;line-height:1.5}.member-profile__dm-preference-status[data-tone=success]{color:#2f5b3d}.member-profile__dm-preference-status[data-tone=error]{color:#8d3536}.member-profile__privacy{padding:9px 11px;color:#59441e;font-size:13px;font-weight:800;background:#fff0c9;border:1px solid #c59a4c;border-radius:8px}.member-profile__status{min-height:1.5em;color:#5d5348;font-size:14px;font-weight:800}.member-profile__status[data-tone=success]{color:#2f5b3d}.member-profile__status[data-tone=error]{color:#8d3536}.member-profile__summary{display:grid;gap:10px}.member-profile__summary-item{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:12px 14px;background:rgba(255,255,255,.76);border:2px solid #d8cbb5;border-radius:10px}.member-profile__summary-item>span{color:#4a674f;font-size:14px;font-weight:900}.member-profile__summary-item>p{margin:0;overflow-wrap:anywhere;color:#352d24;font-size:16px;font-weight:700;white-space:pre-wrap}.member-profile__dm{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:13px;padding:13px 15px;color:#fffdf5;background:linear-gradient(135deg,#476d53,#315740);border:3px solid #35281f;border-radius:11px}.member-profile__dm>div{display:grid;gap:2px}.member-profile__dm strong{font-size:17px}.member-profile__dm span{color:#e8f1dd;font-size:13px;font-weight:700}.member-profile__actions{position:sticky;bottom:-10px;z-index:2;display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;margin:4px -4px -4px;padding:10px 4px 4px;background:linear-gradient(180deg,rgba(255,253,245,0),#fffdf5 32%)}.member-profile__button{min-height:43px;padding:8px 15px;font-size:15px;font-weight:900;cursor:pointer;border:2px solid #35281f;border-radius:8px;box-shadow:0 3px 0 rgba(53,40,31,.22)}.member-profile__button--primary{color:#fffdf5;background:linear-gradient(180deg,#4d7759,#315740)}.member-profile__button--secondary{color:#42372c;background:#f7ead0}.member-profile__button:disabled{cursor:wait;filter:saturate(.7);opacity:.72}.member-profile__button:hover:not(:disabled){filter:brightness(1.05)}.member-profile__button:focus-visible{outline:3px solid #d5a844;outline-offset:2px}@media (max-height:520px),(max-width:720px){.member-profile-layer{padding:8px}.member-profile{max-height:calc(var(--canvas-height) - 16px);padding:15px}.member-profile__form{grid-template-columns:1fr}.member-profile__actions,.member-profile__dm-preference,.member-profile__field,.member-profile__image-field,.member-profile__privacy,.member-profile__status{grid-column:1}.member-profile__summary-item{grid-template-columns:1fr;gap:3px}.member-profile__dm{align-items:stretch;flex-direction:column}.member-profile__image-field{align-items:flex-start}}@media (max-width:560px){.game-hud__profile-name{display:none}.game-hud__profile-button{grid-template-columns:auto auto}.game-hud__profile-icon{grid-row:1}}@media (hover:none) and (pointer:coarse){.lounge-chat:not(.lounge-chat--collapsed){position:fixed;top:0;right:0;bottom:0;left:0;z-index:105;grid-template-rows:auto auto minmax(0,1fr);width:100vw;max-width:none;height:100dvh;max-height:none;background:#fff7df;border:0;border-radius:0;box-shadow:none;animation:none}.lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__header{grid-row:1;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;border-bottom-width:3px}.lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__title{font-size:18px}.lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__toggle{min-width:68px;min-height:44px}.lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__form{grid-row:2;gap:8px;padding:11px 10px;background:#f2dfb9;border-top:0;border-bottom:3px solid #5a432e;box-shadow:inset 0 -2px 0 #d5a844}.lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__input{min-height:48px;max-height:96px;font-size:16px}.lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__send{min-width:64px;height:48px}.lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__messages{grid-row:3;padding:12px 10px calc(12px + env(safe-area-inset-bottom));overscroll-behavior:contain}body.mobile-chat-open .game-hud,body:has(.attendance-card-layer,.member-profile-layer,.game-direct-message-layer) .game-hud,body:has(.attendance-card-layer,.member-profile-layer,.game-direct-message-layer) .lounge-chat,body:has(.attendance-card-layer,.member-profile-layer,.game-direct-message-layer) .lounge-reactions{visibility:hidden;pointer-events:none}.attendance-card-layer,.game-direct-message-layer,.member-profile-layer{inset:0;z-index:110;width:100vw;height:100dvh;padding:0;overflow:hidden;background:#fffdf5;place-items:stretch;backdrop-filter:none}.attendance-card,.game-direct-message,.member-profile{width:100%;max-width:none;height:100%;max-height:none;overflow-y:auto;border:0;border-radius:0;box-shadow:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.game-direct-message{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0;overflow:hidden}.game-direct-message:not(.game-direct-message--ready){grid-template-rows:auto minmax(0,1fr)}.game-direct-message__header{min-height:78px;padding:calc(9px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 9px max(12px,env(safe-area-inset-left))}.game-direct-message__messages{padding:12px max(10px,env(safe-area-inset-right)) 12px max(10px,env(safe-area-inset-left))}.game-direct-message__composer{padding:9px max(10px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.game-direct-message__unavailable{padding:16px max(12px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.attendance-card{padding:calc(14px + env(safe-area-inset-top)) 10px calc(12px + env(safe-area-inset-bottom))}.member-profile{padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}.attendance-card__header,.member-profile__header{padding-right:52px}.attendance-card__header-close,.member-profile__header-close{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:4;display:grid;width:44px;height:44px;padding:0;color:#fffdf5;font-size:27px;font-weight:900;line-height:1;cursor:pointer;background:#315a40;border:2px solid #35281f;border-radius:10px;box-shadow:0 3px 0 #d5a844;place-items:center}.attendance-card__header-close:focus-visible,.member-profile__header-close:focus-visible{outline:3px solid #d5a844;outline-offset:2px}.attendance-card__footer{position:sticky;bottom:calc(-12px - env(safe-area-inset-bottom));z-index:3;padding-bottom:calc(6px + env(safe-area-inset-bottom));background:rgba(255,253,245,.98)}.member-profile__actions{bottom:calc(-14px - env(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom))}}body.mobile-landscape-layout{--mobile-landscape-dock-width:clamp(140px,22vw,166px);--mobile-landscape-control-size:clamp(36px,5.1vw,40px)}body.mobile-landscape-layout #app{width:calc(100% - var(--mobile-landscape-dock-width) - env(safe-area-inset-left) - env(safe-area-inset-right));margin-left:env(safe-area-inset-left)}body.mobile-landscape-layout .game-hud{top:max(2px,env(safe-area-inset-top));gap:4px;min-height:44px;padding:2px 5px;border-width:2px;box-shadow:0 2px 0 rgba(62,79,53,.48),0 5px 10px rgba(53,40,31,.14)}body.mobile-landscape-layout .game-hud__title{gap:4px}body.mobile-landscape-layout .game-hud__brand{font-size:12px}body.mobile-landscape-layout .game-hud__badge,body.mobile-landscape-layout .game-hud__control,body.mobile-landscape-layout .game-hud__location-label,body.mobile-landscape-layout .game-hud__location-marker{display:none}body.mobile-landscape-layout .game-hud__location{gap:0;margin-top:0;font-size:9px}body.mobile-landscape-layout .game-hud__location-name{font-size:10px}body.mobile-landscape-layout .game-hud__room-members-summary{gap:1px;min-height:21px;max-width:66px;padding:1px 3px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}body.mobile-landscape-layout .game-hud__room-members-label{display:none}body.mobile-landscape-layout .game-hud__room-members-summary:after{margin-left:2px}body.mobile-landscape-layout .game-hud__controls{flex-wrap:nowrap;gap:3px}body.mobile-landscape-layout .game-hud__attendance-button,body.mobile-landscape-layout .game-hud__lms-link,body.mobile-landscape-layout .game-hud__profile-button,body.mobile-landscape-layout .game-hud__signout-button{grid-template-columns:auto;min-height:40px;padding:4px}body.mobile-landscape-layout .game-hud__attendance-label,body.mobile-landscape-layout .game-hud__attendance-total,body.mobile-landscape-layout .game-hud__lms-label,body.mobile-landscape-layout .game-hud__profile-label,body.mobile-landscape-layout .game-hud__profile-name,body.mobile-landscape-layout .game-hud__signout-label{display:none}body.mobile-landscape-layout .game-hud__attendance-stamp,body.mobile-landscape-layout .game-hud__lms-icon,body.mobile-landscape-layout .game-hud__profile-icon,body.mobile-landscape-layout .game-hud__signout-icon{grid-row:1;width:28px;height:28px;font-size:15px}body.mobile-landscape-layout .mobile-controls{top:auto;right:max(5px,env(safe-area-inset-right));bottom:max(48px,calc(env(safe-area-inset-bottom) + 48px));gap:0;transform:none}body.mobile-landscape-layout .mobile-controls__label{display:none}body.mobile-landscape-layout .mobile-controls__pad{grid-template-columns:repeat(3,var(--mobile-landscape-control-size));grid-template-rows:repeat(3,var(--mobile-landscape-control-size));gap:1px;padding:3px;border-width:2px;border-radius:13px}body.mobile-landscape-layout .mobile-controls__button{min-width:var(--mobile-landscape-control-size);min-height:var(--mobile-landscape-control-size);font-size:16px;border-radius:9px}body.mobile-landscape-layout .mobile-controls__button--interact{font-size:10px}body.mobile-landscape-layout .lounge-chat.lounge-chat--collapsed{top:max(4px,env(safe-area-inset-top));right:max(4px,env(safe-area-inset-right));bottom:auto;left:auto;width:calc(var(--mobile-landscape-dock-width) - 8px);min-height:0;height:auto;max-height:none}body.mobile-landscape-layout .lounge-chat.lounge-chat--collapsed .lounge-chat__heading{display:none}body.mobile-landscape-layout .lounge-chat.lounge-chat--collapsed .lounge-chat__header{justify-content:center;padding:2px;border-bottom:0;box-shadow:none}body.mobile-landscape-layout .lounge-chat.lounge-chat--collapsed .lounge-chat__toggle{width:100%;min-width:0;min-height:30px;padding-inline:4px;font-size:11px}body.mobile-landscape-layout .lounge-chat:not(.lounge-chat--collapsed){position:fixed;inset:0;z-index:105;grid-template-rows:auto auto minmax(0,1fr);width:100vw;max-width:none;height:100dvh;max-height:none;background:#fff7df;border:0;border-radius:0;box-shadow:none;animation:none}body.mobile-landscape-layout .lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__header{grid-row:1;padding:calc(6px + env(safe-area-inset-top)) 10px 6px;border-bottom-width:2px}body.mobile-landscape-layout .lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__title{font-size:15px}body.mobile-landscape-layout .lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__toggle{min-width:62px;min-height:34px}body.mobile-landscape-layout .lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__form{grid-row:2;gap:6px;padding:7px 9px;border-top:0;border-bottom:2px solid #5a432e}body.mobile-landscape-layout .lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__input,body.mobile-landscape-layout .lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__send{height:40px;min-height:40px}body.mobile-landscape-layout .lounge-chat:not(.lounge-chat--collapsed) .lounge-chat__messages{grid-row:3;padding:8px 9px calc(8px + env(safe-area-inset-bottom));overscroll-behavior:contain}body.mobile-landscape-layout.mobile-chat-open .game-hud,body.mobile-landscape-layout.mobile-chat-open .lounge-reactions,body.mobile-landscape-layout.mobile-chat-open .mobile-controls{visibility:hidden;pointer-events:none;opacity:0}body.mobile-landscape-layout .lounge-reactions{top:auto;right:max(5px,env(safe-area-inset-right));bottom:max(4px,env(safe-area-inset-bottom));left:auto;padding:2px;border-width:2px;border-radius:7px;transform:none}body.mobile-landscape-layout .lounge-reactions__actions{gap:2px}body.mobile-landscape-layout .lounge-reactions__button{width:31px;height:28px;font-size:15px;border-width:1px;border-radius:6px;box-shadow:0 2px 0 #d5a844}