/* Clan 0.12: icons carry information through consistent hover/focus tooltips. */
@media(max-width:760px){#actionBar .skill{width:31px!important;min-width:0;padding:2px!important}#actionBar .skill canvas{width:23px!important;height:23px!important}}@media(max-width:360px){#actionBar .skill{width:28px!important}#actionBar{gap:2px!important}}
.action-bar{padding:6px!important;gap:5px!important}.action-area{bottom:31px}.action-area .skill{width:47px;height:47px;padding:4px;position:relative}.action-area .skill canvas{width:35px;height:35px}.action-area .skill .key{position:absolute;top:0;left:2px;bottom:auto;z-index:4;padding:1px 3px}.action-area .skill .cost,.skill-name{display:none}.action-area .skill .cooldown{pointer-events:none;z-index:5}.gcd-shade{position:absolute;inset:0;pointer-events:none;z-index:2}.skill.ready{animation:proc-pulse .7s ease-in-out infinite alternate}.skill.locked{opacity:.35}.skill.pending-slot{opacity:1;animation:proc-pulse .8s infinite alternate}.special-actions{display:flex;gap:5px;justify-content:flex-end;margin-bottom:6px;pointer-events:auto}.special-actions .skill{width:40px;height:40px}.special-actions .skill canvas{width:29px;height:29px}.rotation-tip{display:none!important}.game-menu-rail{gap:3px}.game-menu-rail button{width:37px;height:43px}.game-menu-rail canvas{width:27px;height:27px}.icon-skillbook{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.game-popup .book-skill.icon-skill{aspect-ratio:1;position:relative;padding:6px;display:grid;place-items:center;min-width:0}.game-popup .book-skill.icon-skill canvas{width:100%;height:auto;pointer-events:none}.icon-skill kbd{position:absolute;bottom:0;right:1px}.icon-skill i{position:absolute;left:3px;top:1px}.game-popup .book-skill.locked{opacity:.42}.game-popup .binding-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.game-popup .binding-slot{width:100%;height:44px}.secondary-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:12px 0}.secondary-stats>div{padding:6px;display:flex;justify-content:space-between;gap:5px}.secondary-stats [data-stat-tip]{cursor:help}.spec-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.spec-tabs button{padding:8px 3px;display:grid;justify-items:center;gap:5px}.spec-tabs canvas{width:34px;height:34px;image-rendering:pixelated}.talent-points{display:flex;justify-content:space-between;padding:9px}.talent-tree{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;padding:18px 12px}.talent-node{position:relative;display:grid;grid-template-columns:40px 1fr;gap:7px;align-items:center;text-align:left;padding:6px;min-height:60px}.talent-node canvas{width:38px;height:38px;image-rendering:pixelated}.talent-node small{position:absolute;bottom:1px;right:3px}.talent-node.connected:before{content:'';position:absolute;height:24px;width:3px;left:23px;top:-26px;pointer-events:none}.talent-node.locked canvas{opacity:.55}.reward-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.reward-option{display:grid;justify-items:center;align-content:start;gap:8px;padding:12px 6px}.reward-option canvas{width:48px;height:48px;image-rendering:pixelated}.item-tooltip{z-index:100000}.activity-score{padding:10px;margin:12px 0}.rhythm-track{height:40px;position:relative;margin:22px 0}.rhythm-zone{position:absolute;left:38%;width:26%;height:100%}.rhythm-track b{position:absolute;top:-5px;width:4px;height:46px}.wire-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.wire-buttons button{display:grid;place-items:center;padding:9px 4px;gap:6px}.wire-buttons canvas{width:42px;height:42px;image-rendering:pixelated}.wire-sequence{min-height:50px;padding:12px;text-align:center;margin:14px 0}#world.aiming{cursor:crosshair}
@keyframes proc-pulse{from{filter:brightness(1)}to{filter:brightness(1.2)}}
@media(max-width:1100px){.game-menu-rail button{width:31px}.game-menu-rail canvas{width:23px;height:23px}.game-menu-rail{bottom:128px}.world-controls{bottom:177px}}
@media(max-width:760px){.action-bar{gap:2px!important;padding:4px!important}.action-area .skill{width:29px;height:35px;padding:2px}.action-area .skill canvas{width:23px;height:23px}.action-area .skill .key{padding:0 1px}.special-actions{justify-content:flex-start;margin-left:3px}.special-actions .skill{width:35px;height:35px}.special-actions .skill canvas{width:26px;height:26px}.game-menu-rail{bottom:119px;gap:3px}.game-menu-rail button{width:29px;height:34px;padding:3px 1px 7px}.game-menu-rail canvas{width:22px;height:22px}.world-controls{bottom:164px}.touch-pad{bottom:122px}.talent-tree{gap:20px 13px;padding:15px 0}.talent-node{grid-template-columns:30px 1fr;padding:4px}.talent-node canvas{width:29px;height:29px}.reward-options{gap:5px}.reward-option{padding:9px 3px}.icon-skillbook{gap:9px}.game-popup .book-skill.icon-skill{padding:5px}.wire-buttons{gap:5px}.wire-buttons canvas{width:31px;height:31px}}
/* Class resources stay beside the player; wrap instead of covering the world. */
.buff-strip{flex-wrap:wrap;max-width:244px;gap:3px}.buff-chip{padding:3px 5px}
.buff-strip:not(:empty)~.target-panel{top:230px}
@media(max-width:760px){.buff-strip{max-width:202px}.buff-strip:not(:empty)~.target-panel{top:205px}}

/* Interaction and special actions share one stack instead of overlapping fixed offsets. */
.action-area>.interact{position:static;transform:none;max-width:100%;white-space:normal;margin-bottom:10px}
/* Iteration 5 (MMO-Vorbilder): Zauberbuch-Kacheln mit Name und Herkunft, nicht nur Icon. */
.icon-skillbook{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.game-popup .book-skill.icon-skill{aspect-ratio:auto;height:auto!important;min-height:0;grid-template-rows:auto auto auto;align-content:start;padding:8px 6px 7px;gap:3px}
.game-popup .book-skill.icon-skill canvas{width:52px;height:52px}
.book-skill-name{font:bold 10px/1.2 'Trebuchet MS',sans-serif;color:#efdcae;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.book-skill-origin{font:9px/1.2 monospace;color:#b3bf9c}
.game-popup .book-skill.locked .book-skill-name{color:#b9b99a}
.icon-skill kbd{bottom:auto;top:2px;right:3px}
.icon-skill i{top:2px}
@container (min-width:640px){.icon-skillbook{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.icon-skillbook{grid-template-columns:repeat(3,minmax(0,1fr))}.game-popup .book-skill.icon-skill canvas{width:40px;height:40px}.book-skill-name{font-size:9px}}