2 lines
29 KiB
CSS
2 lines
29 KiB
CSS
html{font-size:2vh}body,html{height:100%;margin:0;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.PlayerList{display:flex;flex-direction:column;margin:.25rem .25rem .25rem 0;padding:.5em;position:relative;-webkit-user-select:none;user-select:none}.PlayerList .Name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PlayerList .NoNetwork{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAFYUlEQVR4nO2dv28cRRTHP5whh5SDmIhEskCEHxJINBQE80MkBaGKG2yJPyHBJFI6fkgIAsI1XKjoI5RAgqnSUKQG8UMICBIUxkaIXGJEcTFynMJHMXth/Xbm9sftnt9e3kcaWbqZeTM7X8/szNu3d2AYhmEYhmEYhmEYhm56Jaeq7dctdYFF4DHf4N8WGLAykW2Ubb+u/AM8AfwZ/7CxPX0xgN3AB/JDmyHbSxfYFf8giyBpA5o3/1Zn4PjYkqUME0QZJogyTBBlmCDKuL1AHds1VYjNEGWYIMowQZRhgijDBFGGCaIME0QZWc4h5i4fITZDlGGCKMMEUYbvHpLmq7InghViM0QZJogyTBBlmCDKMEGUYYIowwRRhgmiDBNEGSaIMkwQZZggyjBBlGGCKMMEUYYJogwTRBkmiDJMEGWYIMowQZRhgijDBFGGCaIME0QZJogyTJDR0wY2Q5lF4nLzfhtQHVgBXga+CeQ3gP3AC9HfR4H7gZ1R/r+4LyL7FfgOuAh8S3jgnwVOA49QQmz0uH2F3wXcl4n5mAIWgD8K2F2J6k4FbO8Gvgzk5WKcBPkEmPBcwz3AKWC9hDbWI1uTnnZ8bedmXAQ5jX9A5oArFbTXiWyXTpogdWUC958cGtAucAY4AjwF7AHuiNIeYBo4CpwFrg2w06akmdFnHAW5E/fVrb4BvAwc4/8beBZ2Asdxs8JnczFqsxTGTZAJ4AuS13UdOAm0hrDdAt4DNjz2FxnRPaRu+JapDvBciW08j/++9GEZxsdJkDmS1/Mz8EAFbe0DLom2NoHZYQ2PiyC7gL/Yei2rwMMVtrmP5Ezp4LbZhRkXQT4iec8oc5kKcYDkPeXUMAbHQZApkoe+k55yL+JO3CvATA77M7jT/UpkQ/KWaHud8Ik+lTRByj5QlZEOiD4uiPzL+HdTcZfJDbKt97NR2X69ZU+ZJrAk+rCQwbaXuglyla3bywbuPzde5ljgWmW5NFGkGD3g90DZV0S5ZQp63+smyHnRv2mR3yV86JshOcAhUXxi3AAOB2y3SJ7o9wfKDqRugrwh+vemyD+Tcr2hgY77peYCZdKWuE9T+pqJNEHKoqp2zgu7RzLUGSRKUTEguWydy3EdN6m7ID8Ju9MZ64VEKSoGwDOi7o8Z622h7oL8Lezem6OubzYMWsrS2Cvqr+aoe5O6CyIPZTty1p/BHSJ9YuR1gzSFjesW5JCfJv7taSPKGzl1nyG2ZAmawAngK2DNY6/s9Lho327qMe4DfvDYqDLJg5nc9h7N0O+qtr3zot5It71NRi9GD3hN9EMeDM+m9LvKg+E5Uef1lPJeigpywlN3FCnNdXKNal0nIS9xi+SSXYnrJMTXot4FXPTfqPE5F48HysoAuSLORZ+3F+BVT7lKnIshpCNtO8ToI93vHeAuT7m4cEXd7z5vbxMnQLwP7+e6ghhFBdmO5aqfPhZ98T2getfT50O45xZLhL22Pg7H6h3y5L8j2q70AVXWeqNMXZIzQEabbOCiQ6rmIMllrT2MwToK0iO525okGch2BReIUBUP4g5/8TY7+ON+M1NXQVaBu0Wf5nChOPFyl6hGlIeAX0Rbm8BLFbRVa9okxbtK8jn8MBwkOTN6eH5P3XDP231xvRu46JC83uA4TeBt/KGkn1Ny0PU40SQcbL2Ee7KXJ8a3hTtnyK1tXIxt8QzXiQlcrK28p/TTGu4Z+DzwNM5TuyNKe6PP5oHPCDtNN3HLlM2MHMwSfo1gmNShhDjeW5VJyn2lrc2QW1vDMYVzaUjfV5a0HNXNdQK3nyvKRgN4kuRr0f0b/RrutejfcK9WXwS+Z8D76CH+A8xTXTYTzvIwAAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;height:1em;justify-self:flex-end;width:1em}.PlayerList .Unselected{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.PlayerList .Unselected>div:nth-child(2)>div>div:first-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PlayerList .Unselected>div:nth-child(2){display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.PlayerList .Unselected>div:nth-child(2)>div{align-items:center;background-color:#eee;border-radius:.25rem;display:flex;flex-direction:column;justify-content:flex-end;margin:.25rem;max-width:8rem;padding:.25rem}.PlayerList .Unselected .Self{border:1px solid #000}.PlayerList .PlayerSelector .PlayerColor{height:1em;width:1em}.PlayerList .PlayerSelector{display:inline-flex;flex-direction:row;flex-wrap:wrap}.PlayerList .PlayerSelector.MuiList-padding{padding:0}.PlayerList .PlayerSelector .MuiTypography-body1{font-size:.8rem}.PlayerList .PlayerSelector .MuiTypography-body2{font-size:.7rem;white-space:nowrap}.PlayerList .PlayerSelector .PlayerEntry{align-items:flex-start;border:1px solid #0000;border-radius:.25em;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;min-width:11em;overflow:hidden;padding:0 1px;text-overflow:ellipsis;white-space:nowrap}.PlayerList .PlayerSelector .PlayerEntry>div:first-child{align-items:center;align-self:stretch;display:flex;flex-direction:row;margin-bottom:.25em}.PlayerList .PlayerEntry[data-selectable=true]:hover{border-color:#00000080;cursor:pointer}.PlayerList .Players .PlayerToggle{align-items:flex-end;display:inline-flex;flex-direction:column;min-width:5em}.PlayerList .PlayerName{padding:.5em}.PlayerList .Players>*{width:100%}.PlayerList .Players .nameInput{flex-grow:1}.PlayerColor{align-items:center;border-radius:.625em;border-style:solid;border-width:1px;display:inline-flex;height:1em;justify-content:center;margin:0 .25em;padding:.125em;text-align:center;width:1em}.PlayerColor>div{font-size:.75rem;font-weight:700;overflow:hidden}.MediaControlSpacer{background-color:#444;border-radius:.25rem;display:flex;height:3.75rem;min-height:3.75rem;min-width:5rem;width:5rem}.MediaControlSpacer.Medium{height:8.625em;min-height:8.625em;min-width:11.5em;width:11.5em}.MediaControl{align-items:center;display:flex;flex-direction:row;height:3.75rem;justify-content:flex-end;min-height:3.75rem;min-width:5rem;position:fixed;width:5rem;z-index:50000}.MediaControl .Video{background-color:#444;border:1px solid #000;border-radius:.25rem;height:100%;position:relative;width:100%}.MediaControl.Medium{height:8.625em;min-height:8.625em;min-width:11.5em;width:11.5em}.MediaControl>div{align-items:center;display:flex;flex-direction:column;left:0;margin-right:.25rem;position:absolute;top:0}.MediaControl .Controls{bottom:.5em;display:flex;justify-content:flex-end;left:.5em;position:absolute;z-index:1}.MediaControl.Small .Controls{bottom:auto;justify-content:center;left:0}.MediaControl .Controls>div{border-radius:.25em;cursor:pointer;display:flex;padding:.25em}.MediaControl .Controls>div:hover{background-color:#d0d0d0}.moveable-control-box{--moveable-color:unset!important;border:none}.moveable-control-box .moveable-direction{border:none!important}.Chat{display:flex;margin:.25rem .25rem .25rem 0;overflow:hidden;padding:.5em}.Chat,.ChatList{flex-direction:column;position:relative}.ChatList{align-items:flex-start;flex-grow:1;min-height:0;overflow-x:hidden;overflow-y:scroll}.ChatList .System{background-color:#f0f0f0;border-radius:.25em}.ChatInput{flex-grow:0;flex-shrink:0}.ChatList .System.MuiListItem-gutters{margin-bottom:.25rem;max-width:calc(100% - .5rem)}.ChatList .System .MuiTypography-body1{font-size:.6rem}.ChatList .MuiListItem-gutters{padding:2px 0}.ChatList .MuiTypography-body1{align-items:center;display:flex;flex-wrap:wrap;font-size:.8rem}.ChatList .MuiTypography-body1>div{align-items:center;display:inline-flex;flex-wrap:wrap}.ChatList .System .MuiTypography-body1{margin-left:1em}.ChatList .MuiTypography-body2{font-size:.7rem}.ChatList .MuiListItemText-multiline{margin-bottom:0;margin-top:0;padding:4px 0 4px 4px}.ChatList .PlayerColor{align-self:flex-start;height:1em;margin-top:6px;padding:0;width:1em}.ChatList .Resource{align-items:center;background-size:130%;border:2px solid #444;border-radius:2px;display:inline-flex;height:1.5rem;justify-content:space-around;margin:.5rem .5rem 0 .125rem;min-height:1.5rem;min-width:1.5rem;pointer-events:none;top:-.25rem;width:1.5rem}.ChatList .Resource>div{background-color:#24942e;border:1px solid #fff;border-radius:50%;font-size:.75rem;height:1rem;line-height:1rem;position:absolute;right:-.625rem;text-align:center;top:-.625rem;width:1rem}.ChatList .Dice{margin-left:.25em}.Resource{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:inline-block;display:inline-flex;font-weight:700;height:7em;justify-content:space-around;margin:.25em;pointer-events:all;position:relative;width:5em}.Resource:not([disabled]){cursor:pointer;pointer-events:all}.Resource.Selected,.Resource:not([disabled]):hover{filter:brightness(150%)}.Resource.Selected{top:-50%}.Dice{background-color:#000;height:1rem;width:1rem}.Board{align-items:stretch;align-self:stretch;display:flex;flex:1 1}.BoardBox{left:50%;position:absolute;top:50%}.Board .Tile{background-position-y:0;background-size:cover;position:absolute;transform:translate(-50%,-50%) rotate(-30deg);z-index:5}.Tile.Active{filter:drop-shadow(0 0 12px black);z-index:10}.Border{background-size:cover;position:absolute;transform-origin:0 0}.Board .Tooltip{background-color:#fff;border:1px solid #000;border-radius:.25rem;display:none;font-size:.75rem;left:1rem;opacity:.9;padding:.25rem .5rem;position:absolute;text-align:center;top:1rem;transform:translateY(-50%);vertical-align:middle;z-index:10000}.Volume{align-items:center;display:flex;flex-direction:row;margin-top:.1rem;padding:.25rem .5rem}.Pip{background-size:600% auto;height:40px;position:absolute;transform:translate(-50%,-50%);width:40px;z-index:50}.Pip.Volcano{margin-left:-8px;transform:scale(.5)}.Pip.Option{filter:brightness(150%)}.Pip.Active{filter:drop-shadow(0 0 10px rgba(255,0,255,1))}.Pip.Option:hover,.Pip:hover{filter:brightness(100%)}.Pip.Active:hover{filter:drop-shadow(0 0 10px rgba(255,0,255,1))}.Pip.Active.Option{filter:brightness(150%) drop-shadow(0 0 10px rgba(255,0,255,1))}.Corners[disabled],.Pips[disabled],.Roads[disabled],.Tiles[disabled]{pointer-events:none}.Board .Corner{align-items:center;box-sizing:border-box;filter:drop-shadow(0 0 5px rgba(0,0,0,.75));height:25px;justify-items:center;pointer-events:none;transform:translate(-50%,-50%);width:25px;z-index:20}.Board .Corner,.Corner-Shape{display:flex;position:absolute}.Corner-Shape{bottom:0;left:0;right:0;top:0}.Corner:not([data-type]) .Corner-Shape,.Corner[data-type=settlement] .Corner-Shape{-webkit-clip-path:polygon(50% 0,70% 15%,70% 2%,90% 2%,90% 30%,100% 40%,100% 100%,65% 100%,65% 65%,35% 65%,35% 100%,0 100%,0 40%);clip-path:polygon(50% 0,70% 15%,70% 2%,90% 2%,90% 30%,100% 40%,100% 100%,65% 100%,65% 65%,35% 65%,35% 100%,0 100%,0 40%)}.Corner[data-type=city] .Corner-Shape{-webkit-clip-path:polygon(15% 0,39% 23%,39% 52%,100% 56%,100% 74%,100% 100%,80% 100%,63% 100%,62% 75%,46% 75%,47% 100%,0 100%,0 24%);clip-path:polygon(15% 0,39% 23%,39% 52%,100% 56%,100% 74%,100% 100%,80% 100%,63% 100%,62% 75%,46% 75%,47% 100%,0 100%,0 24%)}.Corner.Lava{background-color:#ff4d1ecc;border-radius:50%;transform:translate(-50%,-50%) scale(1.5)}.Board .Road{align-items:center;box-sizing:border-box;display:flex;height:50px;justify-items:center;pointer-events:none;position:absolute;transform-origin:50% 0;width:10px;z-index:11}.Road-Shape{-webkit-clip-path:polygon(0 20%,0 80%,100% 80%,100% 20%);clip-path:polygon(0 20%,0 80%,100% 80%,100% 20%)}.Pip-Shape,.Road-Shape{bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.Pip-Shape{-webkit-clip-path:circle(50%);clip-path:circle(50%);pointer-events:none}.Tile-Shape{bottom:0;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:flex;left:0;position:absolute;right:0;top:0}.Board div[disabled] .Option{cursor:pointer;pointer-events:none}@keyframes blink{0%{filter:brightness(90%) drop-shadow(0 0 5px black);opacity:.8}to{filter:brightness(100%) drop-shadow(0 0 10px black);opacity:1}}.Board .Option{animation-direction:alternate;animation-duration:.5s;animation-iteration-count:infinite;animation-name:blink;cursor:pointer;filter:brightness(150%) drop-shadow(0 0 10px black);pointer-events:all;transition-timing-function:ease-in-out}.Corner-Shape:hover,.Road-Shape:hover,.Tile-Shape:hover{background-color:#fff}.Board .Option .Corner-Shape,.Board .Option .Road-Shape,.Board .Option .Tile-Shape{background-color:#b9b9b9}.Robber .Pip-Shape{background-color:#fffaf0;background-position:50%;background-size:contain;border:4px solid #8c471f;border-radius:50%;-webkit-clip-path:circle(50%);clip-path:circle(50%);left:-40px;top:-40px;transform:scale(.45)}.Roberta .Pip-Shape,.Roberta .Pip-Shape:hover{background-image:url(/ketr.ketran/static/media/woman-robber.971a697b0e565db2c944.png)}.Robert .Pip-Shape,.Robert .Pip-Shape:hover{background-image:url(/ketr.ketran/static/media/man-robber.900eeff4bd222c68b72e.png)}.Velocirobber .Pip-Shape{background-image:url(/ketr.ketran/static/media/raptor-robber.57955327f2631db8d744.png)}.Road.LongestRoad .Road-Shape{filter:brightness(135%);transform:scale(1.05)}.Road[data-longest="1"],.Road[data-longest="2"],.Road[data-longest="3"],.Road[data-longest="4"]{filter:drop-shadow(0 0 2.5px black)}.Road[data-longest="5"]{filter:brightness(110%) drop-shadow(0 0 5px black)}.Road[data-longest="6"]{filter:brightness(120%) drop-shadow(0 0 6px black)}.Road[data-longest="7"]{filter:brightness(130%) drop-shadow(0 0 7px black)}.Road[data-longest="8"]{filter:brightness(140%) drop-shadow(0 0 8px black)}.Road[data-longest="9"]{filter:brightness(150%) drop-shadow(0 0 9px black)}.Road[data-longest="10"],.Road[data-longest="11"],.Road[data-longest="12"],.Road[data-longest="13"],.Road[data-longest="14"],.Road[data-longest="15"]{filter:brightness(160%) drop-shadow(0 0 10px black)}.Board .Selected{background-color:#000;box-shadow:5px 5px 5px #000}[data-color=R]>.Corner-Shape,[data-color=R]>.Road-Shape{background-color:red}[data-color=O]>.Corner-Shape,[data-color=O]>.Road-Shape{background-color:#ff8000}[data-color=W]>.Corner-Shape,[data-color=W]>.Road-Shape{background-color:#fff}[data-color=B]>.Corner-Shape,[data-color=B]>.Road-Shape{background-color:#00f}.Flock{pointer-events:none;z-index:5000}.Bird,.Flock{position:absolute}.Bird{background-repeat:no-repeat;background-size:1200% auto;z-index:50}.Herd{pointer-events:none;z-index:25}.Herd,.Sheep{position:absolute}.Sheep{background-repeat:no-repeat;background-size:1200% auto;z-index:50}.Actions{align-items:center;flex-direction:column;flex-shrink:1;justify-content:space-evenly;margin:0 .25rem .25rem 0;padding:.25em}.Actions,.Actions .Buttons{display:flex;flex-wrap:wrap}.Actions .Buttons{flex-direction:row;justify-content:space-between}.Actions .Buttons button:last-child{flex-grow:1}.Actions .PlayerName{align-self:stretch;flex-grow:1}.PlayerName{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:.5em}.PlayerName>.nameInput{flex:1 1;margin-right:1em;max-width:30em}.PlayerName>Button{background:#add8e6}.GameOrder{align-items:center;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;position:absolute;right:0;top:0;z-index:1000}.GameOrder .Title{align-self:center;font-weight:700;padding:2px}.GameOrder .PlayerList{background-color:#e0e0e0;margin:.5em 0;padding:.5em}.GameOrder>*{display:inline-flex;flex-direction:column;min-width:20em;padding:.5em}.GameOrder .PlayerColor{height:1em;width:1em}.GameOrder .GameOrderPlayer{align-items:center;display:flex;flex-direction:row;padding:2px 0;width:100%}.GameOrderPlayer>*{margin:0 .25em}.Activities{align-items:left;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:left;margin-bottom:.5rem;max-height:100vh;max-width:30vw;pointer-events:none;z-index:1000}.Activities .Resource{height:5.2em;width:3em}.Activities .Who{margin-right:.25rem}.Activities .PlayerColor{display:inline-flex;height:1rem;margin:0 .2rem;padding:0;width:1rem}.Activities>div{align-items:center;display:flex;padding:.25rem .5rem}.Activities>div.Go{background-color:#24942e80;filter:drop-shadow(0 0 10px rgb(54,219,68))}.Activities>div.Requirement{background-color:#dbd03680;filter:drop-shadow(0 0 10px rgb(219,208,54))}.Activities .Dice,.Activities b{margin-left:.25em}.Activities b{margin-right:.25em}.Activities>div:last-child{border-top:1px solid #000}.Activity.open{opacity:1}.Activity.close{animation:bounce-out 1s ease-in}@keyframes bounce-out{0%{opacity:1}to{opacity:0};}.SelectPlayer{align-items:center;background-color:#40404020;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;position:absolute;right:0;top:0;z-index:10000}.SelectPlayer .Title{align-self:center;font-weight:700;padding:2px}.SelectPlayer .SelectPlayerList{background-color:#e0e0e0;display:flex;flex-direction:column;justify-content:flex-start;margin:.5em 0;padding:.5em}.SelectPlayer>*{display:inline-flex;flex-direction:column;padding:.5em;width:20em}.SelectPlayer .PlayerColor{height:1em;width:1em}.SelectPlayer .SelectPlayerItem{align-items:center;cursor:pointer;display:flex;flex-direction:row;padding:2px 0;width:100%}.SelectPlayer>*{margin:0 .25em}.PlayersStatus{align-items:flex-end;color:#d0d0d0;display:flex;flex-direction:column;padding:.25rem;pointer-events:none;position:absolute;right:0;width:16rem}.PlayerStatus *{display:inline-flex}.PlayersStatus.ActivePlayer{align-items:flex-start;bottom:8rem;pointer-events:all;right:auto}.PlayersStatus .Player:not(:last-child){border-bottom:1px solid #000;margin-bottom:.5rem}.PlayersStatus.ActivePlayer .Player{border-bottom:none}.PlayersStatus .Player .Who{align-items:center;color:#fff;display:inline-flex;justify-content:flex-end;padding-left:0;width:100%}.PlayersStatus.ActivePlayer .Who{justify-content:flex-start;padding-right:0}.PlayerStatus.ActivePlayer .Resource{margin:.5rem 0 0 .5rem}.PlayersStatus .What{align-items:flex-end;display:flex;flex-direction:column}.PlayersStatus .What>div{margin-top:.25rem}.PlayersStatus.ActivePlayer .What{align-items:flex-start}.PlayersStatus .PlayerColor{height:1rem;width:1rem}.PlayersStatus .Shrunken{display:flex;height:4.75rem;margin-left:.5rem;margin-top:.25rem;position:relative}.PlayersStatus .Normal{display:flex;height:7rem;margin-right:.5rem;position:relative}.PlayersStatus .BoardPieces{align-items:flex-end;border-bottom:none;bottom:0;margin-bottom:0;right:0}.PlayersStatus.ActivePlayer .BoardPieces{align-items:flex-start;left:0}.PlayersStatus .Shrunken .BoardPieces{align-items:flex-end;right:0;transform:scale(.75);transform-origin:100% 100%}.PlayersStatus .Resource{align-items:center;background-size:contain;border-radius:2px;display:inline-flex;filter:brightness(150%);height:3rem;justify-content:space-around;margin:.75rem .5rem 0 0;pointer-events:none;width:2.1rem}.PlayersStatus .Has{align-items:flex-end;display:flex}.PlayersStatus .Placard{background-position:50%;background-size:108%;border:1px solid #fff;border-radius:2px;box-sizing:border-box;height:3.64rem;margin:0 0 0 .75rem;width:3rem}.PlayersStatus.ActivePlayer .Placard{margin-right:.75rem}.PlayersStatus .Placard>div.Right{align-items:center;background-color:#24942e;border:1px solid #fff;border-radius:50%;display:flex;filter:brightness(150%);font-size:.75rem;height:1.25rem;justify-content:space-around;line-height:1rem;position:absolute;right:-1.25rem;text-align:center;top:-.5rem;width:1.25rem}.PlayersStatus .Points{display:flex;margin-top:.25rem}.PlayersStatus .Points .Resource{align-items:center;background-size:130%;border:2px solid #444;border-radius:50%;display:inline-flex;height:1rem;justify-content:space-around;margin:0 0 0 -.625rem;pointer-events:none;width:1rem}.PlayersStatus .Points .Resource:first-child,.PlayersStatus .Stack:not(:first-child){margin-left:0}.PlayersStatus .Resource>div{background-color:#24942e;border:1px solid #fff;border-radius:50%;font-size:.75rem;height:1rem;line-height:1rem;position:absolute;right:-.5rem;text-align:center;top:-.5rem;width:1rem}.PlayersStatus .Points b{margin-left:.25rem;margin-right:.25rem}.BoardPieces{align-items:flex-end;bottom:11rem;display:flex;flex-direction:column;height:6rem;margin-bottom:.5rem;padding-bottom:.5rem;position:absolute;right:30rem;z-index:1000}.BoardPieces>div{display:flex;justify-items:flex-start}.BoardPieces[data-active=true]>div>div{cursor:pointer;filter:drop-shadow(0 0 5px black)}.BoardPieces[data-active=true]>div>div:hover{filter:drop-shadow(0 0 5px white)}.BoardPieces .Shape{margin:.25rem .25rem .5rem}.BoardPieces .Road .Shape{height:1.5rem;width:.5rem}.BoardPieces .Settlement .Shape{-webkit-clip-path:polygon(50% 0,70% 15%,70% 2%,90% 2%,90% 30%,100% 40%,100% 100%,65% 100%,65% 65%,35% 65%,35% 100%,0 100%,0 40%);clip-path:polygon(50% 0,70% 15%,70% 2%,90% 2%,90% 30%,100% 40%,100% 100%,65% 100%,65% 65%,35% 65%,35% 100%,0 100%,0 40%);height:1.25rem;width:1.25rem}.BoardPieces .City .Shape{-webkit-clip-path:polygon(15% 0,39% 23%,39% 52%,100% 56%,100% 74%,100% 100%,80% 100%,63% 100%,62% 75%,46% 75%,47% 100%,0 100%,0 24%);clip-path:polygon(15% 0,39% 23%,39% 52%,100% 56%,100% 74%,100% 100%,80% 100%,63% 100%,62% 75%,46% 75%,47% 100%,0 100%,0 24%);height:1.25rem;width:1.25rem}.Placard{background-position:0;background-repeat:no-repeat;background-size:cover;display:inline-block;display:flex;flex-direction:column;height:11.44em;justify-items:space-between;margin:.25em 0;pointer-events:none;position:relative;width:9.4em}.Placard>div{box-sizing:border-box;margin:0 .9em}.Placard:not([disabled]){cursor:pointer;pointer-events:all}.Placard.Selected{filter:brightness(110%);transform:scale(1.5);transform-origin:100% 100%}.Placard>div:first-child{height:15.5%}.Placard>div:nth-child(2),.Placard>div:nth-child(3),.Placard>div:nth-child(4),.Placard>div:nth-child(5){height:15.25%}.Placard>div:nth-child(6){flex:1 1}.Placard>div:hover:nth-child(2),.Placard>div:hover:nth-child(3),.Placard>div:hover:nth-child(4),.Placard>div:hover:nth-child(5){background-color:#ffffff40}.ViewCard{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:30rem;top:0;z-index:1000}.ViewCard>*{display:inline-flex;flex-direction:column;margin:.5em;max-height:calc(100vh - 2em);overflow:auto;padding:.5em;width:40em}.ViewCard .Title{align-self:center;font-weight:700;margin-bottom:.5em;padding:2px}.ViewCard .Description{box-sizing:border-box;padding:1em}.ViewCard .Description b{margin:0 .25rem}.ViewCard .Description>div{line-height:1.25rem;margin-bottom:1rem}.ViewCard .Description div:first-of-type{margin-top:0}.ViewCard .Resource{height:14em;width:10em}.ChooseCard{align-items:center;background:#00000080;display:flex;justify-content:center;z-index:1000}.ChooseCard>*{display:inline-flex;flex-direction:column;margin:.5em;max-height:calc(100vh - 2em);overflow:auto;padding:.5em;width:40em}.ChooseCard .Title{align-self:center;font-weight:700;margin-bottom:.5em;padding:2px}.ChooseCard .Stack{margin:0;padding:0}.ChooseCard .Resource.Selected{top:-1rem}.Hand{align-items:flex-end;bottom:0;display:flex;flex-shrink:1;height:10.5rem;justify-content:space-between;left:0;max-height:10.5;overflow:visible;right:0}.Hand .CardsSelected{background-color:#fff;border:2px solid #000;border-radius:.25rem;bottom:1rem;display:flex;left:2rem;opacity:.75;padding:.25rem .5rem;pointer-events:none;position:absolute;z-index:500}.Hand .CardGroup{display:flex;justify-content:space-between;justify-items:space-between;min-height:7.7em}.Hand .Cards{box-sizing:border-box;display:inline-block;max-height:100%;max-width:100%;padding:.5em;position:absolute;text-align:right;vertical-align:bottom}.Hand .Stack{display:flex;position:relative}.Hand .Stack:not(:first-child){margin-left:-3.5em;transition:margin-left 1s ease-in-out .25s}.Hand .Stack>*{transition:margin-left 1s ease-in-out .25s,margin-right 1s ease-in-out .25s}.Hand .Stack>:not(:first-child){margin-left:-4em}.Hand .Placard:hover{filter:brightness(105%)}.Hand .Development:hover{filter:brightness(150%)}.Hand .Development.Selected{filter:brightness(150%);top:-2.5em}.Hand .Development{background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;display:inline-block;height:7.2em;margin:.25em;position:relative;width:4.9em}.Trade{align-items:center;display:flex;font-size:.75em;justify-content:center;margin-right:.25rem}.Trade>*{display:inline-flex;flex-direction:column;max-height:calc(100vh - 2rem);overflow:auto;padding:.5em;width:32em}.Trade .Title{align-self:center;font-weight:700;padding:2px}.Trade .PlayerList{background-color:#e0e0e0;font-size:1.2em;margin:.25rem 0;padding:0}.Trade .Resource{align-items:center;background-size:130%;border:2px solid #ccc;border-radius:.25em;display:inline-flex;height:3.75em;justify-content:space-around;margin:0 .5em;min-height:3.75em;min-width:3.75em;width:3.75em}.Trade b{margin-left:.25em;margin-right:.25em}.Trade .Direction{align-items:center;display:flex;flex-direction:column;height:2em;justify-content:space-around;line-height:2em;width:2em}.Trade .Resource:hover{filter:none}.Trade .Transfer{pointer-events:none}.Trade .Transfer .Resource:hover{filter:brightness(125%)}.Trade .Resource>div.Right{background-color:#24942e;right:-.75em;top:-.75em}.Trade .Resource>div.Left,.Trade .Resource>div.Right{border:1px solid #fff;border-radius:50%;font-size:1em;height:1.5em;line-height:1.5em;position:absolute;text-align:center;-webkit-user-select:none;user-select:none;width:1.5em}.Trade .Resource>div.Left{background-color:#444;bottom:-.75em;left:-.75em}.Trade .PlayerColor{align-self:center;height:.75em;width:.75em}.Trade .Transfer{align-items:center;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.Trade .Transfers{display:flex;flex-direction:row;font-size:.75em;justify-content:center;justify-items:flex-start;margin:.5rem 0}.Trade .Transfers .GiveGet{align-items:center;display:flex;flex-direction:column;font-size:1em;font-weight:700;justify-content:space-around;margin:0 .5em;min-width:3em;position:relative}.Trade .OfferButton{margin:0 0 .75em}.Trade .Transfers .GiveGet div:first-child{top:-.5em}.Trade .Transfers .GiveGet div:first-child,.Trade .Transfers .GiveGet div:nth-child(2){background-color:#24942e;border:1px solid #888;border-radius:.25em;color:#fff;min-width:2.5em;padding:.25em;position:absolute;text-align:center}.Trade .Transfers .GiveGet div:nth-child(2){top:5.5em}.Trade .Transfers .GiveGet div:last-child{background-color:#444;border:1px solid #888;border-radius:.25em;bottom:.125em;color:#fff;font-size:1em;padding:.25em;position:absolute}.Trade .TradeLine{align-items:center;border-bottom:1px solid #ccc;display:flex;flex:1 1;flex-direction:row;-webkit-user-select:none;user-select:none;width:100%}.Trade .TradeLine:last-child{border-bottom:none}.Trade .TradeLine .TradeText{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;padding:.25em 0}.Trade .TradeText>span{align-items:center;display:inline-flex;flex-wrap:wrap;margin-right:.25em;width:100%}.Trade .TradeLine .Resource{height:1.5em;min-height:1.5em;min-width:1.5em;width:1.5em}.Trade .TradeLine .Resource>div{font-size:.75em;height:1em;line-height:1em;width:1em}.Trade .TradeLine .TradeActions{display:inline-flex;flex-grow:1;justify-content:flex-end}.Trade .TradeLine .TradeActions>*{font-size:.75em;margin-left:.5em}.Winner{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;max-height:100vh;overflow:auto;position:absolute;right:30rem;top:0;z-index:1000}.Winner>*{display:inline-flex;flex-direction:column;margin:.5em;max-height:calc(100vh - 2em);overflow:auto;padding:.5em;width:40em}.Winner .Title{align-self:center;font-weight:700;margin-bottom:.5em;padding:2px}.Winner .Description{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;padding:1em}.Winner .Description>div{line-height:1.25rem;margin-bottom:1rem}.Winner .Description b{margin:0}.Winner .Resource{height:14em;width:10em}.Winner .PlayerColor{display:inline-flex;height:.8em;margin:0;padding:0;width:.8em}.Winner .Description .Resource{height:3.5em;margin:1rem .5rem 0;width:2.5em}.Winner .Description .Resource>div.Right{background-color:#24942e;border:1px solid #fff;border-radius:50%;font-size:1rem;height:1.5rem;line-height:1.5rem;position:absolute;right:-.75rem;text-align:center;top:-.75rem;-webkit-user-select:none;user-select:none;width:1.5rem}.Winner .PlayerStolen{align-items:center;display:flex}.Winner .PlayerStolenList{display:flex;flex-direction:row;flex-wrap:wrap}body{font-family:Droid Sans,Arial Narrow,Arial,sans-serif;overflow:hidden}#root{width:100vw}.Table{background-image:url(/ketr.ketran/static/media/tabletop.c9d223b725a81ed5cc79.png);bottom:0;display:flex;flex-direction:row;left:0;position:absolute;top:0;width:100%}.Table .Dialogs{z-index:10000}.Table .Dialogs .Dialog{align-items:center;bottom:0;display:flex;flex-direction:column;flex-shrink:1;justify-content:space-around;left:0;padding:.25rem;position:absolute;right:0;top:0;z-index:60000}.Table .Dialogs .Dialog>div{display:flex;flex-direction:column;padding:1rem}.Table .Dialogs .Dialog>div>div:first-child{padding:1rem}.Table .Dialogs .TurnNoticeDialog{background-color:#7a680060}.Table .Dialogs .ErrorDialog{background-color:#40000060}.Table .Dialogs .WarningDialog{background-color:#00000060}.Table .Game{flex-direction:column}.Table .Board,.Table .Game{display:flex;flex-grow:1;position:relative}.Table .Board,.Table .PlayersStatus{z-index:500}.Table .PlayersStatus.ActivePlayer{z-index:1500}.Table .Hand{display:flex;height:11rem;position:relative;z-index:10000}.Table .Sidebar{display:flex;flex-direction:column;justify-content:space-between;max-width:25rem;overflow:hidden;width:25rem;z-index:5000}.Table .Sidebar .Chat{display:flex;flex-grow:1;position:relative}.Table .Trade{align-self:center;display:flex;position:relative;z-index:25000}.Table .Dialogs{align-items:center;bottom:0;display:flex;justify-content:space-around;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:20000}.Table .Dialogs>*{pointer-events:all}.Table .HouseRules,.Table .ViewCard,.Table .Winner{bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.Table .ChooseCard{bottom:0;display:flex;left:0;position:relative;right:0;top:0}.Table button{background-color:#fff;border:1px solid #000;margin:.25rem}.Table .MuiButton-text{padding:.25rem .55rem}.Table button:disabled{border:1px solid #ccc;opacity:.5}.Table .ActivitiesBox{display:flex;flex-direction:column;left:1em;position:absolute;top:1em}.Table .DiceRoll{align-items:left;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:left;position:relative;z-index:1000}.Table .DiceRoll div:not(:last-child){background-color:#fff;border:1px solid #000;border-radius:.25rem;padding:.25rem .5rem}.Table .DiceRoll div:last-child{display:flex;flex-direction:row}.Table .DiceRoll .Dice{border-radius:.5rem;height:2.75rem;margin:.25rem;width:2.75rem}
|
|
/*# sourceMappingURL=main.5c4eadc6.css.map*/ |