#battle-theater{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#0a0a0fcc;border:1px solid var(--color-crimson);margin-bottom:10px;min-height:140px;flex-shrink:0}.theater-side{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:center}.combatant-icon{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.combatant-icon img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2px solid #555;background-color:#222;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gauge-svg{position:absolute;top:0;left:0;width:100px;height:100px;transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:#222;stroke-width:6}.gauge-bg-mp{fill:none;stroke:#111;stroke-width:4}.gauge-hp{fill:none;stroke:#4caf50;stroke-width:6;stroke-dasharray:251.3;stroke-dashoffset:0;transition:stroke-dashoffset .4s ease-in-out}.gauge-mp{fill:none;stroke:#2196f3;stroke-width:4;stroke-dasharray:289;stroke-dashoffset:0;transition:stroke-dashoffset .4s ease-in-out}.combatant-name{font-size:11px;color:#ccc;position:absolute;bottom:-20px;white-space:nowrap}@keyframes dmgFlash{0%{filter:brightness(1)}50%{filter:brightness(2) drop-shadow(0 0 10px red)}to{filter:brightness(1)}}.flash-dmg{animation:dmgFlash .3s}#cutin-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0505e6;z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:cutinFadeOut .4s ease-in forwards 2.1s}.cutin-player-wrap,.cutin-enemy-wrap{position:absolute;width:100vw;height:350px;display:flex;align-items:center}.cutin-player-wrap{left:-100vw;top:10%;justify-content:flex-end;padding-right:10vw;animation:slideInCutinPlayer .5s cubic-bezier(.1,.9,.2,1) forwards}.cutin-enemy-wrap{right:-100vw;top:45%;justify-content:flex-start;padding-left:10vw;animation:slideInCutinEnemy .5s cubic-bezier(.1,.9,.2,1) forwards .2s}.cutin-enemy-wrap .cutin-character{margin-left:-250px;position:relative}.cutin-enemy-wrap .cutin-character:first-child{margin-left:0;z-index:5}.cutin-enemy-wrap .cutin-character:nth-child(2){z-index:4}.cutin-enemy-wrap .cutin-character:nth-child(3){z-index:3}.cutin-enemy-wrap .cutin-character:nth-child(4){z-index:2}.cutin-character{width:650px;height:400px;position:relative;background-size:cover;background-position:center 15%;background-repeat:no-repeat;mask-image:url(/ui/cutin_mask.png);-webkit-mask-image:url(/ui/cutin_mask.png);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.cutin-character:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/ui/cutin_frame.png);background-size:100% 100%;mix-blend-mode:multiply;pointer-events:none}.cutin-vs{position:absolute;font-family:Shippori Mincho,serif;font-size:140px;color:var(--color-crimson, #ff2222);font-weight:700;text-shadow:6px 6px 0px #000,0 0 30px #ff0000;transform:scale(4) rotate(-15deg);opacity:0;z-index:100;animation:dropVS .3s cubic-bezier(.1,.9,.2,1) forwards .6s}@keyframes slideInCutinPlayer{0%{left:-100vw;transform:skew(-15deg)}to{left:0;transform:skew(-15deg)}}@keyframes slideInCutinEnemy{0%{right:-100vw;transform:skew(-15deg)}to{right:0;transform:skew(-15deg)}}@keyframes dropVS{0%{transform:scale(4) rotate(-15deg);opacity:0;filter:brightness(2)}to{transform:scale(1) rotate(-15deg);opacity:1;filter:brightness(1)}}@keyframes cutinFadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.cutin-blood-splash{position:absolute;top:0;left:0;width:100vw;height:100vh;background-image:url(/ui/cutin_blood_black.png);background-size:cover;background-position:center;mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:50;animation:splashBlood .4s ease-out forwards .6s}@keyframes splashBlood{0%{opacity:0;transform:scale(.9)}30%{opacity:1;transform:scale(1.05);filter:brightness(1.5)}to{opacity:1;transform:scale(1.1);filter:brightness(1)}}@media(max-width:768px){.cutin-character{width:380px;height:240px}.cutin-player-wrap,.cutin-enemy-wrap{height:240px}.cutin-player-wrap{top:15%;padding-right:5vw}.cutin-enemy-wrap{top:55%;padding-left:5vw}.cutin-enemy-wrap .cutin-character{margin-left:-180px}.cutin-enemy-wrap .cutin-character:nth-child(n+2){display:none}.cutin-vs{font-size:80px;text-shadow:4px 4px 0px #000,0 0 20px #ff0000}}:root{--color-bg-dark: #0a0a0a;--color-crimson: #ff6666;--color-crimson-glow: rgba(255, 102, 102, .6);--color-crimson-hover: rgba(255, 102, 102, .5);--color-blood: #ff6666;--color-purple: #2a0845;--color-gold: #b8860b;--color-gold-glow: rgba(184, 134, 11, .6);--color-text-main: #e0e0e0;--color-text-dim: #ffffff;--glass-bg: rgba(15, 15, 18, .85);--glass-border: rgba(255, 255, 255, .05);--glass-blur: blur(12px);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .8);font-family:Shippori Mincho,serif}html,body,#app{height:100%;overscroll-behavior:none}body{margin:0;padding:0;background-color:var(--color-bg-dark);color:var(--color-text-main);min-height:100vh;overflow:hidden}.layout-container{display:grid;grid-template-columns:320px 1fr 320px;gap:24px;max-width:1500px;margin:0 auto;padding:24px;height:100vh;box-sizing:border-box}.layout-container.exploration-mode{grid-template-columns:1fr}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:12px;padding:24px;display:flex;flex-direction:column;box-sizing:border-box}.panel-content-wrapper{margin:auto 0;width:100%;max-width:600px;align-self:center;display:flex;flex-direction:column}#status-area{min-height:0;overflow-y:auto}#main-area{min-height:0;overflow-y:auto;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:var(--color-crimson);border-radius:4px}button{font-family:Shippori Mincho,serif;background:#000000b3;color:var(--color-text-main);border:1px solid var(--color-crimson);padding:12px 24px;font-size:1.1rem;cursor:pointer;border-radius:4px;transition:all .3s ease;position:relative;overflow:hidden;margin:8px 0;white-space:normal;line-height:1.4}button:hover:not(:disabled){background:var(--color-crimson-hover);box-shadow:0 0 15px var(--color-crimson-glow);transform:translateY(-2px);font-weight:700}button:active:not(:disabled){transform:translateY(0)}button:disabled{border-color:#555;color:#777;cursor:not-allowed}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.log-entry{animation:fadeUp .3s ease forwards;margin-bottom:8px;line-height:1.6;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:6px;font-size:1.05rem}.log-entry.important{color:var(--color-gold);font-weight:700}.log-entry.damage{color:#f55;font-weight:700}.log-entry.heal{color:#5f5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 0;overflow-y:auto;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{width:90%;max-width:800px;max-height:none;margin:auto;flex-shrink:0}.title-text{color:var(--color-gold);text-shadow:0 0 10px var(--color-gold-glow);border-bottom:1px solid var(--color-crimson);padding-bottom:8px;margin-top:0}.stat-row{display:flex;justify-content:space-between;margin-bottom:4px;border-bottom:1px dotted rgba(255,255,255,.1);font-size:.95rem}.stat-label{color:var(--color-text-dim)}.stat-value{font-weight:700}.temp-stat{color:#5f5;font-size:.9em;margin-left:4px}.auth-badge{display:inline-block;background:var(--color-purple);border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:4px;margin:4px;font-size:.95em;cursor:pointer;transition:all .2s;opacity:.6}.auth-badge:hover{background:var(--color-crimson-hover);border-color:var(--color-gold);opacity:.9}.auth-badge.equipped{border-color:var(--color-gold);box-shadow:0 0 12px var(--color-gold-glow),inset 0 0 8px #ffd7004d;background:#b496324d;opacity:1;font-weight:700;color:#fff}.deck-modal-content{width:92%;max-width:980px;max-height:88dvh;overflow-y:auto}.deck-help{color:var(--color-text-dim);line-height:1.6;margin:0 0 1rem}.deck-builder{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:16px;min-height:320px}.deck-list-panel,.deck-detail-panel{min-width:0;border:1px solid rgba(255,255,255,.08);background:#00000052;border-radius:8px;padding:14px;box-sizing:border-box}.deck-section-title{margin:0 0 10px;color:var(--color-gold);font-size:1rem}.deck-authority-list{display:flex;flex-direction:column;gap:8px;min-height:240px}.deck-authority-card{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.14);background:#2a08455c;border-radius:6px;padding:10px;cursor:pointer;opacity:.76;transition:border-color .2s,background .2s,box-shadow .2s,opacity .2s}.deck-authority-card:hover,.deck-authority-card.selected{border-color:var(--color-crimson);background:#46123494;opacity:1}.deck-authority-card.equipped{border-color:#b8860be6;box-shadow:inset 0 0 10px #b8860b2e;opacity:1}.deck-authority-card.selected{box-shadow:0 0 12px #ff666647}.deck-authority-main{min-width:0}.deck-authority-name{color:#fff;font-weight:700;overflow-wrap:anywhere}.deck-authority-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;color:#aaa;font-size:.78rem}.deck-authority-toggle,.deck-detail-action{flex-shrink:0;box-sizing:border-box;margin:0;padding:6px 10px;border-color:var(--color-gold);color:var(--color-gold);font-size:.85rem}.deck-authority-toggle.remove,.deck-detail-action.remove{border-color:#aaa;color:#ddd}.deck-detail-panel{display:flex;flex-direction:column}.deck-detail-kicker{color:#aaa;font-size:.82rem;margin-bottom:6px}.deck-detail-title{color:var(--color-gold);font-size:1.25rem;margin:0 0 10px;overflow-wrap:anywhere}.deck-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.deck-tag{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:3px 8px;color:#ccc;background:#ffffff0a;font-size:.78rem}.deck-tag.active{border-color:#fa5;color:#fa5}.deck-tag.passive{border-color:#acf;color:#acf}.deck-tag.equipped{border-color:var(--color-gold);color:var(--color-gold)}.deck-tag.temp{border-color:#ebf;color:#ebf}.deck-detail-desc{flex:1;color:#e0e0e0;line-height:1.75;margin:0 0 16px;overflow-wrap:anywhere}.deck-empty-list,.deck-empty-detail p{color:#777;line-height:1.6}.top-layout{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100dvh;text-align:center;position:relative;overflow-y:auto;padding:20px 0;box-sizing:border-box}.top-layout>.panel-content-wrapper{margin:auto 0;align-items:center}.main-title{font-size:3.5rem;color:var(--color-gold);text-shadow:0 0 20px var(--color-gold-glow),0 0 40px rgba(0,0,0,.8);margin-bottom:3rem;animation:fadeUp 1s ease forwards}@media(max-width:600px){.main-title{font-size:2.2rem}}.menu-list{display:flex;flex-direction:column;gap:20px;width:90%;max-width:320px;animation:fadeUp 1.5s ease forwards}.footer-links{position:absolute;bottom:20px;font-size:.9rem;color:var(--color-text-dim)}.footer-links a{color:var(--color-text-dim);text-decoration:underline;cursor:pointer;transition:color .3s}.footer-links a:hover{color:var(--color-gold)}.form-container{width:90%;max-width:400px;margin:0 auto}.form-group{display:flex;flex-direction:column;text-align:left;margin-bottom:16px}.form-group label{color:var(--color-text-dim);margin-bottom:4px}.form-group input{font-family:inherit;background:#00000080;border:1px solid var(--glass-border);color:var(--color-text-main);padding:12px;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:var(--color-crimson);box-shadow:0 0 8px var(--color-crimson-glow)}#custom-dialog-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#custom-dialog-overlay.active{opacity:1;pointer-events:auto}.custom-dialog-box{width:90%;max-width:400px;background:#140f0ff2;border:1px solid var(--color-crimson);box-shadow:0 0 20px #64000080;border-radius:8px;padding:24px;text-align:center;transform:translateY(20px);transition:transform .3s ease}#custom-dialog-overlay.active .custom-dialog-box{transform:translateY(0)}.custom-dialog-message{color:var(--color-text-main);font-size:1.1rem;line-height:1.6;margin-bottom:24px}.custom-dialog-actions{display:flex;gap:16px;justify-content:center}.dialog-btn{padding:10px 24px;border-radius:4px;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .2s;background:transparent}.dialog-btn.confirm{color:var(--color-gold);border:1px solid var(--color-gold)}.dialog-btn.confirm:hover{background:#d4af3733;box-shadow:0 0 10px var(--color-gold-glow)}.dialog-btn.cancel{color:var(--color-text-dim);border:1px solid var(--color-text-dim)}.dialog-btn.cancel:hover{background:#64646433}@keyframes glow-blue{0%{box-shadow:0 0 5px #acf;border-color:#acf}50%{box-shadow:0 0 20px #acf;border-color:#fff}to{box-shadow:0 0 5px #acf;border-color:#acf}}.glow-blue{animation:glow-blue 2s infinite alternate}.tree-container{position:relative;width:100%;min-height:500px;display:flex;flex-direction:column;align-items:center;gap:60px;padding:40px 0;overflow-y:auto;overflow-x:auto}.tree-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.tree-tier{display:flex;justify-content:center;gap:40px;min-width:100%;width:max-content;z-index:2}.tree-node{width:140px;padding:12px;text-align:center;border:1px solid var(--color-border);background:#0a0a0ce6;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem;color:var(--color-text-dim);box-shadow:inset 0 0 10px #00000080;position:relative}.tree-node:hover{border-color:#acf;color:#acf;box-shadow:0 0 15px #aaccff4d}.tree-node.unlocked{border-color:var(--color-gold);color:var(--color-gold);box-shadow:inset 0 0 10px #d4af3733,0 0 10px #d4af374d}.tree-node.unlocked:hover{box-shadow:inset 0 0 10px #d4af3766,0 0 20px #d4af3799;text-shadow:0 0 5px var(--color-gold)}.tree-node.completed-doctrine{border-color:#a0f!important;color:#ebf!important;box-shadow:inset 0 0 10px #aa00ff4d,0 0 15px #aa00ff80!important;text-shadow:0 0 8px #aa00ff,0 0 15px #aa00ff!important}.tree-node.completed-doctrine:hover{box-shadow:inset 0 0 10px #aa00ff80,0 0 25px #a0fc!important;text-shadow:0 0 12px #aa00ff,0 0 20px #aa00ff!important}.authority-acquired{color:#ebf!important;text-shadow:0 0 10px #aa00ff,0 0 20px #8800cc!important;font-weight:700}.tree-node.coming-soon{filter:blur(4px);opacity:.5;cursor:not-allowed}.tree-node.coming-soon:hover{filter:blur(3px);opacity:.7;border-color:var(--color-text-dim);color:var(--color-text-dim);box-shadow:none}.skill-tooltip{position:relative;display:inline-block;cursor:help;color:var(--color-primary);border-bottom:1px dotted var(--color-primary);margin-bottom:5px}.skill-tooltip .skill-tooltip-text{visibility:hidden;width:250px;background-color:#0a0a0af2;color:#e0e0e0;text-align:left;border-radius:4px;padding:8px 12px;position:absolute;z-index:1000;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s,visibility .2s;border:1px solid rgba(255,204,0,.5);box-shadow:0 4px 10px #000c;font-size:.85em;font-family:Shippori Mincho,serif;white-space:normal;line-height:1.5;pointer-events:none}.skill-tooltip:hover .skill-tooltip-text{visibility:visible;opacity:1}#chat-area{display:flex;flex-direction:column;height:100%;min-height:0}.chat-header{font-size:1.2rem;color:#f6f;text-align:center;border-bottom:1px solid var(--glass-border);padding-bottom:12px;margin-bottom:12px;font-weight:700;text-shadow:0 0 10px rgba(255,102,255,.6);letter-spacing:2px}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:8px}.chat-message{background:#0006;border-radius:8px;padding:10px;position:relative;border:1px solid rgba(255,255,255,.05);animation:fadeUp .3s ease}.chat-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.chat-icon{font-size:1.6rem}.chat-icon-container{position:relative;display:inline-block;cursor:help}.chat-icon-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--color-gold)}.chat-tooltip{display:none;position:absolute;top:-10px;left:50px;width:300px;background:#0f0a14f2;border:1px solid var(--color-gold);border-radius:8px;padding:12px;box-shadow:0 4px 16px #000000e6;z-index:1000;pointer-events:none;flex-direction:row;gap:12px;align-items:flex-start}.chat-icon-container:hover .chat-tooltip{display:flex}.tooltip-img{width:80px;height:80px;border-radius:4px;object-fit:cover;border:1px solid #555;flex-shrink:0}.tooltip-lore{color:#ddd;font-size:.85rem;line-height:1.4;border-bottom:1px dashed #555;padding-bottom:8px}.tooltip-text{color:#fa5;font-size:.9rem;font-style:italic;line-height:1.4}.chat-author{font-size:.9rem;color:var(--color-gold)}.chat-time{font-size:.75rem;color:var(--color-text-dim);margin-left:auto}.chat-text{font-size:.95rem;line-height:1.4;color:#e0e0e0}.chat-actions{display:flex;justify-content:flex-end;margin-top:6px}.chat-btn-resonance{background:transparent;border:1px solid rgba(255,102,255,.3);color:#f6f;padding:4px 8px;font-size:.8rem;border-radius:4px;cursor:pointer;transition:all .2s;margin:0;display:flex;align-items:center;gap:4px}.chat-btn-resonance:hover{background:#ff66ff1a;box-shadow:0 0 8px #f6f6}.chat-input-area{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-bottom:none;border-top:1px solid var(--glass-border)}.chat-input{background:#00000080;border:1px solid var(--glass-border);color:var(--color-text-main);padding:8px;border-radius:4px;font-family:inherit;resize:vertical;min-height:50px}.chat-input:focus{outline:none;border-color:#f6f;box-shadow:0 0 8px #f6f6}.chat-btn-send{background:#000c;color:#f6f;border:1px solid #ff66ff;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s}.chat-btn-send:hover:not(:disabled){background:#f6f3;box-shadow:0 0 10px #ff66ff80}.chat-btn-send:disabled{border-color:#555;color:#777;cursor:not-allowed}.maid-tutorial-container{position:fixed;bottom:-250px;left:50%;transform:translate(-50%);width:95%;max-width:800px;display:flex;align-items:flex-end;gap:16px;z-index:9999;transition:bottom .3s ease-out;pointer-events:none}.maid-tutorial-container.active{bottom:20px;pointer-events:auto}.maid-portrait{width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid #ffaa55;box-shadow:0 0 10px #000c;flex-shrink:0;background:#111}.maid-portrait img{width:100%;height:100%;object-fit:cover}.maid-dialog{background:#140a0ae6;border:1px solid #ffaa55;border-radius:8px;padding:16px;flex:1;position:relative;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column}.maid-name{color:#fa5;font-weight:700;font-size:1.3rem;margin-bottom:8px;border-bottom:1px dashed #ffaa55;padding-bottom:4px}.maid-message{color:#eee;font-size:1.1rem;line-height:1.6;margin-bottom:16px;flex:1}.maid-next-btn{align-self:flex-end;margin-top:16px;background:transparent;color:#fa5;border:1px solid #ffaa55;padding:8px 24px;font-size:1.1rem;border-radius:4px;cursor:pointer}.maid-next-btn:hover{background:#fa53}.chat-icon-container{position:relative;display:inline-block}.chat-tooltip{display:none;position:absolute;top:100%;left:0;width:250px;background:#0a0a0ff2;border:1px solid #ffaa55;border-radius:8px;padding:12px;box-shadow:0 4px 12px #000c;z-index:1000;pointer-events:none}.chat-icon-container:hover .chat-tooltip{display:flex;flex-direction:column;gap:12px;animation:fadeUp .2s ease-out}.tooltip-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid var(--color-gold);align-self:center}.tooltip-info{display:flex;flex-direction:column;gap:8px}.tooltip-lore{color:#ccc;font-size:.85rem;line-height:1.4;border-bottom:1px dashed #555;padding-bottom:8px}.tooltip-text{color:#fff;font-size:.9rem;font-style:italic}@media(max-width:768px){body{overflow:hidden}:root{--glass-blur: none;--glass-bg: #0f0f12}.layout-container{display:block;height:calc(100dvh - 60px);max-height:calc(100dvh - 60px);padding:10px 10px 20px;box-sizing:border-box;position:relative;top:0;overflow:hidden}.layout-container>div.glass-panel{display:none!important;height:100%;min-height:0;overflow-y:auto;width:100%;box-sizing:border-box;padding-bottom:80px!important}.layout-container>div.glass-panel.active-panel{display:flex!important}.modal-content{width:95%;padding:16px;margin:auto}.modal-overlay{padding-top:20px;padding-bottom:70px;box-sizing:border-box}.deck-modal-content{width:95%;max-height:84dvh}.deck-modal-content>*{flex-shrink:0}.deck-builder{grid-template-columns:1fr;min-height:0}.deck-detail-panel{order:-1}.deck-authority-card{align-items:stretch}.deck-authority-toggle{min-width:72px;padding:6px 8px}.deck-detail-title{font-size:1.15rem}.maid-tutorial-container{bottom:-300px;width:100%;gap:8px;padding:0 10px;box-sizing:border-box}.maid-tutorial-container.active{bottom:70px}.maid-portrait{width:80px;height:80px;border-width:2px}.maid-dialog{padding:12px}.maid-name{font-size:1.1rem;margin-bottom:4px}.maid-message{font-size:.95rem;line-height:1.4;margin-bottom:12px}.maid-next-btn{font-size:.9rem;padding:6px 16px;margin-top:8px}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;width:100%;height:60px;background:#0a0a0cf2;border-top:1px solid var(--glass-border);box-shadow:0 -4px 16px #000c;z-index:9000}@media(max-width:768px){.help-btn-pc{display:none!important}.mobile-nav{display:flex;justify-content:space-around;align-items:center}.mobile-nav-btn{flex:1;background:transparent;border:none;color:var(--color-text-dim);font-size:1rem;padding:10px 0;text-align:center;border-bottom:3px solid transparent;cursor:pointer;border-radius:0;margin:0}.mobile-nav-btn.active{color:var(--color-crimson);border-bottom:3px solid var(--color-crimson);font-weight:700;text-shadow:0 0 8px var(--color-crimson-glow)}}.mancala-wrapper{background:#2a1b1b;border:2px solid #553333;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 0 15px #000c inset}.mancala-board{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:10px;margin:10px 0}.mancala-goal{flex:1;background:#111;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;min-width:60px}.mancala-goal.maid{border:2px solid #ff5588;box-shadow:0 0 8px #ff55884d inset,0 0 5px #f583}.mancala-goal.player{border:2px solid #5588ff;box-shadow:0 0 8px #5588ff4d inset,0 0 5px #58f3}.mancala-pockets-area{flex:5;display:flex;flex-direction:column;gap:10px}.mancala-pocket-row{display:flex;flex-direction:row;gap:10px;flex:1}.mancala-pocket{flex:1;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:background .2s,transform .2s;min-width:40px}.mancala-pocket.active{cursor:pointer}.mancala-pocket.active:hover{transform:scale(1.05);box-shadow:0 0 10px #fff3}.mancala-pocket-count{font-size:1rem;color:#aaa;font-weight:700;position:absolute;top:-5px;right:-5px;background:#000;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid #333;z-index:2}.mancala-pocket-stones{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:80%;height:80%;overflow:hidden}.mancala-divider{height:2px;background:#422;margin:5px 0}@media(max-width:768px){#mancala-modal .modal-content{max-height:85dvh!important;padding:10px!important}#mancala-log{min-height:80px!important;max-height:120px!important;padding:10px!important;margin-bottom:10px!important;font-size:.85rem!important}.mancala-wrapper{padding:8px;margin-bottom:10px}.mancala-board{flex-direction:column;gap:5px}.mancala-goal{flex-direction:row;justify-content:space-around;padding:5px;border-radius:10px;min-height:40px}.mancala-pockets-area{flex-direction:row;justify-content:space-around}.mancala-pocket-row{flex-direction:column;gap:4px;flex:0 1 45%}.mancala-pocket{aspect-ratio:auto;min-height:35px;border-radius:20px}.mancala-divider{width:2px;height:auto;margin:0 2px}}